← Back to Work
Just for Fun

Fantasywelt Redesign

A personal concept study. I took an existing storefront and reimagined how I would design it, from the hero down to the footer.

ClientPersonal Project
TimelineConcept
RoleUI/UX Design
Year2026
Fantasywelt Redesign
View full page
01

Overview

FantasyWelt.de is one of my favourite online shops for board and tabletop games. Over 70,000 products, honest advice, genuinely strong deals. What stands behind the shop won me over. For me, the homepage doesn't quite deliver on that potential yet.

The homepage places many sections side by side: new arrivals, bestsellers, sale, top manufacturers, and several brand worlds, each carrying similar visual weight. Box shots, prices, and promo badges fill almost every surface. The range is huge, which makes it hard to find a way in and to guide the eye.

This redesign was a self-initiated project, a fun exercise on a shop I genuinely enjoy browsing. The question behind it: how does the homepage feel when it looks as considered as the range behind it?

02

Solution

I left untouched everything that defines the shop. The selection, the prices, and the deals stay at the centre. What I changed is how you find your way through them.

The homepage gets a clear order: a hero with a single offer and a visible price, followed by the categories as calm, numbered worlds to explore. Featured picks, new arrivals, and the treasure-vault sale follow in one consistent card system with even spacing and shared alignment. Each section gets its own space instead of competing for the same one.

Alongside this comes a voice that matches the world of the products. “Categories” become “worlds to explore”, the sale becomes a “treasure vault”. The strong red stays, but it is pulled back and used with intent. The result is a homepage that feels like the hobby it sells: clear, calm, and inviting, without losing any of its depth.

03

Hero & Navigation

BeforeAfter
After — Homepage Hero & Navigation
Before — Homepage Hero & Navigation

The original hero leaned on a busy banner. My version gives the headline room to breathe and pushes the product front and center.

04

Original

Mockup
View full page

The original Fantasywelt homepage, the storefront I started from before reimagining it. Click to view the full page.

05

Before & After

Before
After

The exclusives and about section, reworked into a cleaner, more editorial layout.

Before
After

A lighter, better structured footer that makes navigation and trust signals easier to scan.

06

Design System

Typography

Display EB Garamond

Aa Bb Cc

Regular

Aa Bb Cc

Italic

Aa Bb Cc

Medium

Aa Bb Cc

Bold

Body DM Sans

Aa Bb Cc

Regular

Aa Bb Cc

Medium

Aa Bb Cc

Bold

Type Scale

Heading One48px / Bold
Heading Two36px / Medium
Subheading24px / Medium
Body copy16px / Regular
Caption text13px / Regular

Color Palette

Burgundy

Burgundy#5A0E0E
Burgundy Deep#2C0B0B
Burgundy Soft#702121
Burgundy Light#ECD5BF

Gold

Gold#E6A84A
Gold Bright#F0C26E
Gold Burnished#CC6B19

Neutrals

Parchment#F5F0E6
Parchment Warm#E8E0D0
Card#FFFFFF
Muted#E7E2D9
Input#DFD5C4
Border#DBCDB9
Muted Foreground#6B5650
Ink#2A2520

Status

Success#007C00
Success Alt#005E00
Info#17479E
Info Alt#12397E
Danger#CB342B
Available for Projects

Ready to elevate your digital presence?

Let's turn your vision into an interface that works for your users and your business.