Przejdź do treści

Moda premium

Hexeline – projekt sklepu internetowego marki mody premium

Zupełnie nowy sklep internetowy polskiej marki mody premium: od rewizji brandbooku po projekt każdego widoku, z checkoutem włącznie. Rok pracy projektowej, wdrożenie na Shopware oraz około 20% wzrostu sprzedaży online w rok.

Jerzy Koenigshaus

Nowy sklep internetowy Hexeline – lista produktów oraz strona główna w widoku mobilnym

Kontekst

Sklep z innej epoki

Hexeline projektuje oraz szyje damskie kolekcje premium od ponad 40 lat i sprzedaje je w salonach w 20 miastach Polski. Sklep internetowy działał i sprzedawał, ale odstawał od produktu: słabo pokazywał kolekcje oraz nie budował zaufania, na które marka pracowała od lat 80.

Zamiast liftingu zaproponowaliśmy zmianę całkowitą: nowy wizerunek cyfrowy wraz ze sklepem zaprojektowanym od zera, widok po widoku.

Strona główna sklepu Hexeline – desktop i mobile
Strona główna – desktop i mobile.

Wyzwanie

Estetyka lookbooka, obowiązki sklepu

Moda premium wybacza w digitalu najmniej. Fotografia, typografia oraz przestrzeń muszą współgrać jak w dobrze złożonym lookbooku, inaczej produkt traci klasę. Jednocześnie sklep ma sprzedawać: pokazywać dostępność rozmiarów, prowadzić przez zamówienie, a do tego obsługiwać zwroty czy wysyłki krajowe i zagraniczne.

Punktem wyjścia był brandbook marki. W toku pracy zrewidowaliśmy go jednak niemal w całości, bo dopiero na ekranie widać, które założenia się bronią. Została esencja: czerń, biel i produkt na pierwszym planie.

Lista produktów Hexeline – desktop i mobile
Lista produktów – desktop i mobile.

Decyzje projektowe

Czerń, biel, wysoki kontrast i zero dekoracji

Nowy język wizualny jest odważny, ale służy jednej zasadzie: na stronie gra produkt, nie interfejs. Wysoki kontrast czerni i bieli porządkuje scenę, typografia nie konkuruje ze zdjęciem, a każdy moduł od hero po stopkę stoi na siatce, która utrzyma zarówno kampanię wizerunkową, jak i wyprzedaż.

Nad designem pracowaliśmy blisko rok. Zmiennych było dużo: kolekcje zmieniają się co sezon, moduły muszą działać w wielu konfiguracjach, a projekt custom oznacza brak gotowego szablonu, na którym można się podeprzeć. Dopracowaliśmy więc każdy element osobno, z checkoutem włącznie.

Strona główna mieści wideo, całe lookbooki oraz listy produktów, w których obok zdjęć grają filmy. Na karcie produktu od razu widać dostępne rozmiary, a przewodniki po rozmiarach pomagają trafić z wyborem przy pierwszym zamówieniu.

Blog i aktualności Hexeline na telefonie
Blog i aktualności.
Koszyk i checkout Hexeline na telefonie
Koszyk i dane zamówienia.

Sklep od zaplecza

Checkout i logistyka krok po kroku

Sprzedaż premium najczęściej psuje się na końcu ścieżki, dlatego checkout zaprojektowaliśmy ekran po ekranie. Rozrysowaliśmy pełną strukturę zamówień: politykę zwrotów, rodzaje dostawy oraz wysyłki do Polski i za granicę. To mniej efektowna część projektu, ale to ona decyduje, czy klientka wróci po kolejną kolekcję.

Program lojalnościowy w panelu klienta Hexeline
Program lojalnościowy i karta stałego klienta.
Zwroty w panelu klienta Hexeline
Zwroty i sposób wysyłki.

Współpraca

Design u nas, kod na Shopware u partnera

Za projekt odpowiadał Jerzy Koenigshaus, a wdrożeniem sklepu na platformie Shopware zajął się zespół Virtua. Taki podział wymaga dyscypliny: makiety muszą być kompletne, stany opisane, zasady układu jednoznaczne. Dzięki temu nic nie zginęło między projektem a kodem.

Strukturę kategorii i treści zaplanowaliśmy pod SEO, bo sklep modowy żyje z ruchu organicznego tak samo jak z kampanii.

Dostawa i płatność w mobilnym checkoucie Hexeline
Dostawa i płatność.
Lookbook Hexeline w widoku mobilnym
Moduły lookbooków.
Newsletter i stopka sklepu Hexeline
Newsletter i stopka.

Rezultat

Sklep, który sprzedaje lepiej i wygląda jak marka

Według danych klienta sprzedaż online wzrosła w ciągu roku o około 20%. Równie ważny jest wizerunek: Hexeline pokazuje dziś w internecie produkt z klasą znaną z salonów. Projekt trwa nadal: co sezon projektujemy nowe moduły, które mieszczą się w bazie dopracowanej w pierwszym roku.

W liczbach

ok. +20%
sprzedaży online rok do roku
rok
dopracowywania customowego designu
20
miast z salonami Hexeline
40+
lat historii marki

Powiązane usługi

Powiązane projekty

Rebranding Novacura – identyfikacja i komponenty UI

Technologia B2B

Novacura – rebranding i biblioteka komponentów UI

Odświeżenie marki szwedzkiej firmy technologicznej. Delikatna korekta logo, zupełnie nowa kolorystyka z niebieskim w roli głównej, keyvisual z linearną falą oraz biblioteka komponentów UI/UX, wdrażana w produktach Novacury do dziś.

Blog

Powiązane artykuły

Masz pomysł? Porozmawiajmy.

Opowiedz nam o swoim pomyśle, a my doradzimy najlepszą drogę od koncepcji do działającego produktu.

Napisz do nas