Die Herausforderung
Die Marke verkaufte hauptsächlich über Instagram und wollte einen eigenen Onlineshop. Die alte Website wirkte veraltet, lud langsam und war auf dem Smartphone kaum nutzbar – obwohl über 70 % der Besucher mobil kamen.
Die Ziele waren klar: ein modernes Design passend zur Marke, ein leicht zu pflegender Katalog und ein Checkout, der keine Kunden verliert.
Die Lösung
Mein Designteam hat in Figma eine klare Oberfläche entworfen – beginnend mit der mobilen Version. Nachdem der Kunde jeden Screen freigegeben hatte, habe ich ein individuelles WooCommerce-Theme von Grund auf entwickelt – ohne schwere Page Builder –, damit der Shop schnell und einfach zu pflegen bleibt.
Was umgesetzt wurde
- UI/UX-Design in FigmaMobile-first Designsystem, über 20 Screens und ein klickbarer Prototyp.
- WooCommerce-ShopProduktfilter, Größentabelle, Wunschliste, Schnellansicht und One-Page-Checkout.
- Individuelles ThemePixelgenauer, responsiver Code mit flüssigen Animationen und ACF-Blöcken.
- SEO-EinrichtungMeta-Tags, Produkt-Schema, Sitemap, Search Console und Analytics.
- Speed-OptimierungWebP-Bilder, Lazy Loading, Caching und minifizierte Assets.
- Launch & SupportHosting, SSL, Zahlungseinrichtung und Hilfe nach dem Launch.
Design-Highlights
Ein minimalistisches Layout, das die Produkte strahlen lässt: große Fotos, markante Typografie und eine Akzentfarbe für jeden Call-to-Action.