İçeriğe atla
Müşteri işi · Shopify tema ve CRO

Alix Avien Web

Kaydırmadan önce tonunu bul.

Türk güzellik markası Alix Avien için Shopify temasının üstüne, doğru tonu daha hızlı seçtiren bir katman kurduk.

Kimin için
Shopify'daki güzellik markaları
Platform
Shopify tema · alixavien.com.tr
Durum
Müşteri işi · yayında
Renk aileleri ve ton ızgarasıyla Alix Avien ruj ürün sayfası
( 01 · Sorun )

Çok ton, dar ekran.

Bir ruj pek çok tonda gelebiliyor ve telefonda açılır listede hepsi birbirine benziyor. alixavien.com.tr'deki alıcı kaydırıyor, tahmin ediyor, aklında tutarak karşılaştırıyordu; sayfada aşağı indiği an seçtiği ton da gözden kayboluyordu.

( 02 · Ne yaptık )

Her ürün sayfasında CRO katmanı.

Mağazanın kendi Shopify temasında çalıştık ve tonları renk ailelerine ayıran, en çok seçilenleri öne alan, ruj tonlarını bir renk ızgarasına dizen bir katman ekledik. Seçilen ton, yapışkan çubukta alıcıyla birlikte ilerliyor.

( 03 · Nasıl çalışır )

Nasıl çalışır

01

Renk aileleri

Tonlar ailelere ayrılır; nude ya da kırmızı arayan alıcı tüm seriyle değil, doğru gruptan başlar.

02

En çok seçilen tonlar

Diğer alıcıların en çok seçtiği tonlar önce gösterilir; kararsız alıcı mantıklı bir yerden başlar.

03

Ton ızgarası

Ruj sayfalarında her ton bir renk ızgarasında durur; telefonda bile serinin tamamı tek bakışta görünür.

04

Yapışkan çubuk, galeri filtresi

Seçilen ton yapışkan çubukta ekranda kalır, başlık mobilde gözün düştüğü yere taşınır, galeri de o tona göre süzülür.

( 04 · Ekranlar )

Ekranlar

Gerçek ekranlar · örnek veri
Aynı ruj sayfası mobilde
Mobilde başka bir Alix Avien ürün sayfası
( 05 · Rakamla )

CRO

her ürün sayfasında katman

Canlı mağazanın her ürün sayfasında çalışıyor; mevcut temanın yerine değil, üstüne kurulu.

( Teknoloji )Shopify LiquidJavaScriptCRO
Görüşme ayarla →