Nowa odsłona sklepu internetowego Lancerto

O projekcie

Nowa odsłona sklepu internetowego Lancerto

zobacz sklep
klient
Lancerto
usługi
UX&UI Design
branża
Moda

Wyzwanie

Rozwiązanie

No items found.

Rezultaty

Technologia

Ten projekt jest stworzony we współpracy z naszymi partnerami technologicznymi:

No items found.

Lancerto to marka mody z odzieżą premium, która działa na rynku od 2008 roku. Od samego początku istnienia Lancerto skupia się na dostarczeniu wysokiej jakości doświadczenia zakupowego dla klientów w każdym kanale sprzedażowym (omnichannel). Marka dba o najwyższy poziom obsługi klienta, oferuje wygodne modele dostawy, ułatwia wybór odpowiedniego rozmiaru. Strona internetowa oprócz funkcji sprzedażowej pełni również rolę kompendium wiedzy na temat mody i stylu, a także rozbudowaną bazę inspiracji. W 2021 roku marka zdecydowała się na redesign strony, żeby jeszcze bardziej poprawić doświadczenie klienta premium.

Cele biznesowe

Potrzeba odświeżenie warstwy wizualnej sklepu, ulepszenie jego użyteczności, czy jeszcze lepsze dopasowanie do potrzeb konsumenta wpłynęły na decyzję marki o redesignie strony. 

Przed rozpoczęciem prac Klient przedstawił nam wyniki audytu dotychczasowej strony sklepu przeprowadzonego przez zewnętrzną firmę. W cały proces badawczy, oprócz zespołu ekspertów, było zaangażowanych ponad 200 osób, w tym pracownicy i klienci Lancerto. Wspólnie omówiliśmy najważniejsze wnioski z audytu, przeprowadziliśmy warsztaty i zarekomendowaliśmy rozwiązania zgodne z wytycznymi Baymard Institiute. 

Potrzeby biznesowe, jakie przedstawił nam Klient, to przede wszystkim:

  • Uproszczenie ścieżki zakupowej, wyeliminowanie barier utrudniających złożenie zamówienia.
  • Zapewnienie klientom online takich samych doświadczeń konsumenckich, co klientom w sklepach stacjonarnych - m.in. przez ułatwienie wyboru odpowiedniego rozmiaru.
  • Podkreślenie wartości i charakteru marki oraz odpowiednie jej wypozycjonowanie (marka premium).
  • Poprawa wiarygodności marki, “uzasadnienie” cen produktów.
  • Zdobycie większej liczby nowych klientów.
  • Ciągłe dopasowywanie się do trendów, zmian konsumenckich, otoczenia rynkowego, a także zmieniającego się portfolio produktowego.

Nowy design strony umożliwia jeszcze wygodniejsze zakupy 

Zaproponowaliśmy nowy design strony zaprojektowany w zgodzie z nurtem mobile first. Ponieważ przeważający odsetek klientów Lancerto przeglądał ofertę strony z poziomu telefonu, marka chciała umożliwić im jak największą wygodę użytkowania, a także dokonywania zakupów (one step checkout). Do tej pory użytkownicy mobilni, choć przeglądali ofertę na telefonie, finalizowali zakup z poziomu desktopu.

Redesignowi uległy:

  • Strona główna
  • Strona kategorii
  • Karta produktu
  • Checkout

Strona główna

Oprócz realizacji celów sprzedażowych i zwiększeniu konwersji Klientowi zależało na wyraźnym podkreśleniu charakteru marki (premium), zaakcentowaniu polskiego designu i dostarczeniu użytkownikom wartości dodanej w postaci rozwiniętej sekcji blogowej i inspiracyjnej.

Na stronie głównej mocno wyeksponowane są duże zdjęcia - jednym z wyróżników Lancerto są kreatywne sesje zdjęciowe - które wykorzystaliśmy wraz z wideo promocyjnym, by dobrze oddać charakter marki już przy pierwszym z nią kontakcie. 

  • Pierwszy level kategorii (mężczyzna - kobieta) w nawigacji na górze.
  • Rozbudowana strona główna ma pokazywać najważniejsze kategorie, lookbooki, ale też mieć wartość informacyjną - jest dużo treści inspiracyjnych, porad dotyczących stylu etc.
  • Zdjęcia grają pierwsze skrzypce - bo kupujemy oczami.
  • Top kategorie podkreślone dużymi zdjęciami.
  • Sekcja “Jaki jest nasz styl” z hot spotami widocznymi na feedzie - kierującymi do konkretnych modeli ubrań.
  • Podkreślenie marki premium.
  • Uproszczona nawigacja w mobile – bottom navigation – z podstawowymi kategoriami: menu, szukaj, ulubione, koszyk - żeby nie rozpraszać użytkownika

Strona kategorii

Strona kategorii ma umożliwiać przede wszystkim odpowiednie pogrubowanie oferty asortymentowej, by użytkownik mógł łatwo odnaleźć interesujący go produkt. Ma też niebagatelne znaczenie przy optymalizacji SEO i pozycjonowaniu się witryny na określone frazy. Przy projektowaniu tej podstrony postawiliśmy na przejrzysty układ, wyeksponowanie zdjęć i rozbudowany panel z filtrami. 

  • Na mobile dwa produkty w rzędzie.
  • Możliwość filtrowania w overlay. Po zaaplikowaniu filtrów mamy w belce na górze skrót jakie mamy filtry zastosowane - widoczne z poziomu listingu
  • Nie wybijamy użytkownika pojawiającymi się bannerami - te są sprytnie wkomponowane wizualnie w listingu.
  • Na końcu sekcja “Stylista rekomenduje” zbierająca sugestie dotyczące tworzenia stylizacji dopasowanych do sylwetki lub okazji.

Karta produktu

Karta produktu to najważniejszy element układanki w sklepie internetowym. To tu użytkownicy zapoznają się z dokładnym opisem, specyfikacją towaru, przeglądają zdjęcia produktowe - i wreszcie - podejmują decyzje zakupowe. W procesie projektowym, a także kierując się wytycznymi Baymarda, zdecydowaliśmy wspólnie z Klientem na wyeksponowanie nie tylko informacji produktowej, ale także informacji dotyczących płatności odroczonych, możliwości dostawy czy przewidywanej daty otrzymania zakupu. Wyeksponowaliśmy też Asystenta rozmiaru - wtyczkę, która umożliwia precyzyjne dobranie rozmiaru przez podanie informacji dotyczących sylwetki. 

  • Duże, wyraźne zdjęcia ze zbliżeniami na detale.
  • Opisane parametry modela na zdjęciu - dzięki czemu łatwiej wybrać rozmiar dla siebie.
  • Pokazanie opinii klientów jako czynnik motywujący do zakupu. Na stronie Lancerto jest 26 tys. opinii - wszystkie są pozytywne i nigdy nie były moderowane
  • Podkreślenie FitFindera - asystenta rozmiarów - mocniejsze wyeksponowanie tych funkcjonalności zarówno na mobile i desktopie. Dodatkowo dostępna klasyczna tabela rozmiarów.
  • Widoczna z poziomu karty produktu przewidywana data otrzymania zakupu przez klienta.
  • Umieszczone dodatkowe informacje o możliwości zakupu z odbiorem osobistym lub możliwość kupienia dwóch produktów i zwrócenia jednego, niepasującego
  • Umożliwienie płatności odroczonej - PayPo - informacja widoczna na karcie produktu.
  • Kompleksowa i rozbudowania informacja produktowa, łącznie z podkreśleniem wyróżników i “uzasadnieniem” jakości produktu (relacja ceny do jakości).
  • W sekcji “Z bliska” zbiiżenie na elementy odzieży wraz z opisem.
  • Podkreślenie jakości i polskiego designu modowego - zaprojektowane w Polsce, materiały premium.
  • Widoczne opinie klientów - wraz z liczbą opinii i średnią oceną.
  • Postawienie na galerię zdjęć oraz filmy prezentujące produkt w ruchu (jego użytkowanie, elastyczność materiału etc.)
  • Personalizacja - asystent rozmiarów zapamiętuje dane użytkownika przy kolejnych zakupach.

Checkout

Źle zaprojektowany koszyk i proces checkoutu może skutecznie zniechęcić użytkownika przed sfinalizowaniem zakupu. Dlatego postawiliśmy na maksymalnie uproszczoną ścieżkę zakupową i wyeliminowanie niepotrzebnych rozpraszaczy.

  • One-step-checkout
  • Jak najprostsza i skrócona ścieżka zakupowa.
  • Informacja ile brakuje do darmowej dostawy widoczna w koszyku.
  • Intuicyjny proces finalizowania zamówienia, bez zbierania niepotrzebnych danych.
  • Informacja o pakowaniu na prezent widoczna z poziomu checkoutu.
  • Łatwa możliwość założenia konta - na końcu całego procesu składania zamówienia - żeby nie rozpraszać użytkownika, który jest w trakcie dokonywania zakupów.

Podsumowanie

Strona w nowej odsłonie spełnia wszystkie założenia marki. Jest czytelna, prosta i intuicyjna w obsłudze - umożliwia klientowi sprawne przejrzenie oferty i dokonanie zakupu. Oprócz wartości sprzedażowej, jest też kopalnią inspiracji, wskazówek dotyczących materiałów, stylizacji czy odpowiedniego użytkowania odzieży. Ważnym celem było również uproszczenie ścieżki zakupowej. Dzięki zastosowaniu one-step-checkout użytkownik może zweryfikować zamówienie, podać adres wysyłki, wybrać metodę dostawy i formę płatności w jednym oknie. Wprowadzenie tego rozwiązania jest ważnym czynnikiem z perspektywy procesu optymalizacji konwersji – możemy wpłynąć na zmniejszenie liczby porzuconych koszyków. Podkreślony został również charakter premium marki i oferowanych towarów. Poprzez wykorzystanie starannych opisów produktowych, dużych zdjęć, filmów, zbliżeń na detale, czy informacji dotyczących materiałów - klienci dokonują zakupów świadomych i przemyślanych.