← Zurück zu Projekte
Just for Fun

Fantasywelt Redesign

Eine persönliche Konzeptstudie. Ich habe einen bestehenden Shop genommen und neu gedacht, wie ich ihn gestalten würde, vom Hero bis zum Footer.

KundePersönliches Projekt
ZeitraumKonzept
RolleUI/UX Design
Jahr2026
Fantasywelt Redesign
View full page
01

Überblick

FantasyWelt.de ist einer meiner liebsten Online-Shops für Brett- und Tabletop-Spiele. Über 70.000 Artikel, ehrliche Beratung, richtig starke Angebote. Was hinter dem Shop steckt, hat mich überzeugt. Die Startseite löst dieses Potenzial für mich aber noch nicht ganz ein.

Auf der Startseite stehen viele Bereiche nebeneinander: Neuheiten, Bestseller, Sale, Top-Hersteller und mehrere Markenwelten, jeweils mit ähnlichem visuellem Gewicht. Box-Shots, Preise und Aktions-Badges füllen nahezu jede Fläche. Das Sortiment ist riesig, nur fällt es dadurch schwer, einen Einstieg zu finden und den Blick zu führen.

Dieses Redesign ist aus eigenem Antrieb entstanden, als Spaßprojekt an einem Shop, in dem ich selbst gerne stöbere. Die Frage dahinter: Wie fühlt sich die Startseite an, wenn sie so durchdacht wirkt wie das Sortiment dahinter?

02

Lösung

Ich habe nichts angetastet, was den Shop ausmacht. Auswahl, Preise und Angebote bleiben im Mittelpunkt. Verändert habe ich, wie man durch sie hindurchfindet.

Die Startseite bekommt eine klare Reihenfolge: ein Hero mit genau einem Angebot und sichtbarem Preis, darunter die Kategorien als ruhige, nummerierte Welten zum Erkunden. Meisterstücke, Neuheiten und der Schatzkammer-Sale folgen in einem einheitlichen Kartensystem mit gleichen Abständen und gleicher Ausrichtung. Jeder Bereich bekommt seinen eigenen Platz, statt um denselben zu konkurrieren.

Dazu kommt eine Stimme, die zur Welt der Produkte passt. Aus „Kategorien“ werden „Welten zum Erkunden“, aus dem Sale eine „Schatzkammer“. Das kräftige Rot bleibt erhalten, wird aber zurückgenommen und gezielt gesetzt. Das Ergebnis ist eine Startseite, die sich nach dem Hobby anfühlt, das sie verkauft: übersichtlich, ruhig und einladend, ohne etwas von ihrer Tiefe zu verlieren.

03

Hero & Navigation

VorherNachher
Nachher — Homepage Hero & Navigation
Vorher — Homepage Hero & Navigation

Der originale Hero setzte auf ein überladenes Banner. Meine Version gibt der Headline Luft und rückt das Produkt in den Vordergrund.

04

Original

Mockup
View full page

Die originale Fantasywelt-Homepage, der Ausgangspunkt vor dem Redesign. Zum Ansehen der ganzen Seite klicken.

05

Vorher & Nachher

Vorher
Nachher

Der Exklusiv- und Über-uns-Bereich, neu gedacht als klareres, redaktionelleres Layout.

Vorher
Nachher

Ein leichterer, besser strukturierter Footer, der Navigation und Trust-Signale leichter erfassbar macht.

06

Design System

Typografie

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

Schriftskala

Überschrift Eins48px / Bold
Überschrift Zwei36px / Medium
Unterüberschrift24px / Medium
Fließtext16px / Regular
Bildunterschrift13px / Regular

Farbpalette

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
Verfügbar für Projekte

Bereit, deinen digitalen Auftritt auf das nächste Level zu bringen?

Lass uns deine Vision in ein Interface verwandeln, das funktioniert. Für deine Nutzer und dein Business.