01
Colour families
Tones are grouped into families, so a shopper looking for nudes or reds starts in the right neighbourhood instead of the whole range.
← All work13 of 16
Client work · Shopify theme & CRO
Alix Avien Web
Find your shade before you scroll.
For Turkish beauty brand Alix Avien, we built a layer on top of their Shopify theme that helps shoppers pick the right tone faster.
- For
- Beauty brands on Shopify
- Platform
- Shopify theme · alixavien.com.tr
- Status
- Client work · live
( 01 · The problem )
Too many shades, too little screen.
A lipstick can come in many tones, and on a phone they all look alike in a dropdown. Shoppers on alixavien.com.tr had to scroll, guess and compare from memory, and the chosen tone vanished from view the moment they moved down the page.
( 02 · What we built )
A CRO layer on every product page.
We worked inside the store's own Shopify theme and added a layer that groups tones into colour families, puts the most-picked shades first and lays lipstick tones out as a swatch grid. The chosen tone follows the shopper in a sticky bar.
( 03 · How it works )
How it works
02
Most-picked shades
The tones other shoppers choose most are shown first, which gives a hesitant buyer a sensible place to start.
03
Shade swatch grid
On lipstick pages every tone sits in a grid of swatches, so the whole range is visible at once, even on a phone.
04
Sticky bar, gallery filter
The chosen tone stays on screen in a sticky bar, the title sits where mobile eyes land, and the gallery filters to that tone.
( 04 · Screens )
Screens
Real screens · sample data
( 05 · By the numbers )
CRO
layer on every product page
It runs on every product page of the live store, on top of the existing theme rather than replacing it.
( Stack )Shopify LiquidJavaScriptCRO