A personal concept study. I took an existing storefront and reimagined how I would design it, from the hero down to the footer.
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?
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.


The original hero leaned on a busy banner. My version gives the headline room to breathe and pushes the product front and center.
The original Fantasywelt homepage, the storefront I started from before reimagining it. Click to view the full page.
The exclusives and about section, reworked into a cleaner, more editorial layout.
A lighter, better structured footer that makes navigation and trust signals easier to scan.
Typography
Display — EB Garamond
Aa Bb Cc
RegularAa Bb Cc
ItalicAa Bb Cc
MediumAa Bb Cc
BoldBody — DM Sans
Aa Bb Cc
RegularAa Bb Cc
MediumAa Bb Cc
BoldType Scale
Color Palette
Burgundy
Gold
Neutrals
Status
Let's turn your vision into an interface that works for your users and your business.