All projects
Better performance in e-commerce - with PWA it succeeds
DermalogicaE-commerce2021
The skincare brand Dermalogica sells in over 100 countries. In Switzerland, a new web store gave the professional cosmetics maker another edge, with refined UX and UI, a strong focus on usability, and optimized performance.
Results
- 83.5%
- more sales year over year
- 78%
- more transactions per month
- +3.4%
- higher conversion rate vs. industry average
Tags
The challenge
Transform the outdated dermalogica.ch store into a future-proof platform: fix the poor navigation and missing conversion funnels, carry the brand's professional yet fresh look throughout, and ultimately grow online sales.
Image of the offline business
Dermalogica was a strong retail brand in Switzerland, but its online store ran on outdated technology and merely mirrored the physical business. Difficult navigation and the absence of clear conversion funnels made meaningful tracking almost impossible.
Progressive Web App
Rather than a plug-and-play platform, we built a Progressive Web App with a decoupled backend and frontend and an offline-first approach, using the open-source Saleor framework proven in earlier e-commerce projects.
More conversions and sales
Product recommendations on every page, clearer category and detail views, and CTAs kept above the fold made the products' value obvious and the shop easier to navigate, lifting sales and conversion well beyond the previous year.
The approach.
- 01.
Offline-first PWA
Separated backend and frontend and built a Progressive Web App with an offline-first approach on the Saleor framework.
- 02.
Product recommendations everywhere
Best-sellers, hidden gems, and 'you might also like' suggestions on every page to lift performance and discovery.
- 03.
Conversion-focused UI
Clear product presentation on category and detail pages with CTAs kept above the fold across all screen sizes.
Result
We built an offline-first Progressive Web App on the open-source Saleor framework with a decoupled backend and frontend. Page-wide product recommendations, clear product presentation, and above-the-fold CTAs improved usability and performance across every screen size.
Tech stack
E-commerce framework
SaleorArchitecture
Headless PWANext project
Clanq
Family banking with the Clanq app powered by Cornèr