Alle Projekte
Bessere Performance im E-Commerce – mit PWA gelingt's
DermalogicaE-Commerce2021
Die Hautpflege-Marke Dermalogica verkauft in über 100 Ländern weltweit. In der Schweiz verschaffte sich der professionelle Kosmetik-Hersteller mit seinem neuen Webshop einen weiteren Wettbewerbsvorteil: ausgeklügeltes UX- und UI-Design, ein starker Fokus auf Benutzerfreundlichkeit und optimierte Performance.
Ergebnisse
- 83,5 %
- mehr Verkäufe gegenüber dem Vorjahr
- 78 %
- mehr Transaktionen pro Monat
- +3,4 %
- höhere Conversion Rate vs. Branchendurchschnitt
Tags
E-commerce
Die Aufgabe.
Den veralteten Shop dermalogica.ch in eine zukunftsfähige Plattform verwandeln: schlechte Navigation und fehlende Conversion Funnels beheben, den professionellen und zugleich frischen Look der Marke durchgängig tragen und letztlich die Online-Verkäufe steigern.
Abbild des Offline-Geschäfts
Dermalogica war in der Schweiz eine umsatzstarke Retail-Marke, doch der Online-Shop lief auf veralteter Technologie und war nur ein Abbild des stationären Geschäfts. Schwierige Navigation und fehlende Conversion Funnels machten aussagekräftiges Tracking nahezu unmöglich.
Progressive Web App
Statt einer Plug-&-Play-Lösung bauten wir eine Progressive Web App mit getrenntem Backend und Frontend sowie einem Offline-first-Ansatz – auf Basis des Open-Source-Frameworks Saleor, das sich in früheren E-Commerce-Projekten bewährt hatte.
Mehr Conversions und Verkäufe
Produktempfehlungen auf jeder Seite, klarere Kategorie- und Detailseiten und CTAs above the fold machten den Mehrwert der Produkte sichtbar und den Shop leichter navigierbar – mit deutlich höheren Verkäufen und Conversions gegenüber dem Vorjahr.
Der Ansatz.
- 01.
Offline-first PWA
Backend und Frontend getrennt und eine Progressive Web App mit Offline-first-Ansatz auf dem Saleor-Framework aufgebaut.
- 02.
Produktempfehlungen überall
Bestseller, verborgene Schätze und 'Das könnte dir auch gefallen'-Empfehlungen auf jeder Seite für mehr Performance und Entdeckung.
- 03.
Conversion-orientiertes UI
Klare Produktdarstellung auf Kategorie- und Detailseiten mit CTAs above the fold auf allen Bildschirmgrössen.
Ergebnis
Wir bauten eine Offline-first Progressive Web App auf dem Open-Source-Framework Saleor mit getrenntem Backend und Frontend. Seitenweite Produktempfehlungen, eine klare Produktdarstellung und CTAs above the fold verbesserten Usability und Performance auf jeder Bildschirmgrösse.
Tech-Stack
E-Commerce-Framework
SaleorArchitektur
Headless PWANächstes Projekt
HeadlinQ
Alle PR-Tools in einer Plattform – mit einer selbstlernenden Journalisten-Datenbank