UMBER – marka i sklep internetowy męskiego skincare

Mieliśmy przyjemność zaprojektować identyfikację wizualną oraz sklep internetowy dla UMBER – nowoczesnej, premium marki męskiego skincare z Nowego Jorku. Jej wyróżnikiem jest podejście „systemy, nie produkty”, które upraszcza wybór kosmetyków i pozwala użytkownikowi korzystać z gotowych zestawów dopasowanych do jego potrzeb.

Celem projektu było stworzenie marki oraz produktu cyfrowego, które upraszczają codzienną pielęgnację i sprawiają, że staje się ona dostępna również dla osób bez wcześniejszego doświadczenia w skincare. Zamiast rozbudowanego katalogu produktów i specjalistycznej wiedzy użytkownik otrzymuje intuicyjny sklep oraz jasną ścieżkę zakupową, która pomaga szybko podjąć właściwą decyzję.

Cele biznesowe projektu
 

Projekt rozpoczął się od zidentyfikowania najważniejszego problemu użytkowników – męska pielęgnacja często wydaje się skomplikowana i wymaga znajomości wielu produktów, składników oraz sposobów ich stosowania. Naszym zadaniem było zaprojektowanie rozwiązania, które tę barierę skutecznie eliminuje.

Najważniejsze założenia projektu obejmowały:

• stworzenie nowoczesnej marki premium gotowej do rozwoju na rynkach międzynarodowych,

• uproszczenie wyboru pielęgnacji dla osób bez wcześniejszego doświadczenia,

• zaprojektowanie spójnej ścieżki od pierwszego wejścia aż do zakupu i płatności,

• wykorzystanie gotowych zestawów jako podstawowego modelu wyboru produktów,

• stworzenie systemu, który ogranicza liczbę decyzji podejmowanych przez użytkownika,

• zapewnienie wysokiego poziomu przejrzystości i poczucia kontroli podczas całego procesu zakupowego.

Identyfikacja wizualna marki
 

Tworząc markę UMBER postawiliśmy na nowoczesny i minimalistyczny kierunek wizualny. Zrezygnowaliśmy z typowych motywów kojarzonych z branżą skincare, takich jak jasne kolory, motywy spa czy delikatna estetyka, na rzecz bardziej wyrazistego charakteru inspirowanego światem zegarmistrzostwa, krawiectwa i produktów premium.

System wizualny oparty został na palecie tobacco brown, matowej czerni oraz szczotkowanej stali. Uzupełnieniem identyfikacji jest fotografia wykorzystująca mocne światło i głębokie kontrasty oraz typografia łącząca krój humanistyczny z neutralnym groteskiem i monospace wykorzystywanym w detalach.

Dzięki temu marka:

• komunikuje profesjonalizm i wysoką jakość,

• wyróżnia się na tle typowej komunikacji marek skincare,

• zachowuje spójny i uniwersalny charakter,

• buduje zaufanie potrzebne przy zakupach produktów premium.

Projekt sklepu i doświadczenie użytkownika
 

Sklep zaprojektowaliśmy jako kompletną ścieżkę prowadzącą użytkownika od pierwszego wejścia aż do potwierdzenia zamówienia. Każdy element został zaplanowany tak, aby ograniczyć liczbę decyzji i ułatwić wybór odpowiedniego rozwiązania niezależnie od poziomu doświadczenia użytkownika.

W skład sklepu weszły między innymi:

• homepage prezentujący filozofię marki oraz gotowe systemy pielęgnacji,

• sekcja zestawów obejmująca między innymi The Basics, The Full Face, Shave Kit oraz Head to Toe,

• lista produktów z filtrami opisującymi potrzeby użytkownika zamiast specjalistycznych składników,

• rozbudowana karta produktu prezentująca jego działanie i sposób wykorzystania,

• menu prowadzące użytkownika przez różne momenty dnia i potrzeby pielęgnacyjne,

• bezpieczny moduł płatności z czytelnym podsumowaniem zamówienia.

Całość oparta została na spójnej nawigacji i powtarzalnych wzorcach, dzięki którym użytkownik może szybko przechodzić pomiędzy najważniejszymi sekcjami sklepu bez poczucia przytłoczenia liczbą dostępnych produktów.

Systemy, nie produkty – prostszy wybór pielęgnacji
 

Najważniejszym elementem wyróżniającym projekt jest model „systemy, nie produkty”. Zamiast zmuszać użytkownika do samodzielnego tworzenia rozbudowanej rutyny, sklep proponuje gotowe zestawy jako podstawową ścieżkę zakupową.

System wspiera użytkownika na kilka sposobów:

• rekomenduje gotowe zestawy dopasowane do różnych poziomów zaangażowania,

• opisuje produkty językiem potrzeb i problemów zamiast specjalistycznych składników,

• pozwala przejść do produktu zarówno przez klasyczny katalog, jak i przez menu rytuału,

• ogranicza liczbę dostępnych produktów, dzięki czemu wybór pozostaje prosty i przejrzysty.

Dzięki temu użytkownik nie musi znać specjalistycznych pojęć ani samodzielnie analizować dziesiątek produktów. Wystarczy, że określi swoją potrzebę lub wybierze odpowiedni moment dnia, a sklep prowadzi go do dopasowanego rozwiązania.

Auto-uzupełnianie – pielęgnacja, o której nie trzeba pamiętać
 

Istotnym elementem modelu biznesowego UMBER jest system auto-uzupełniania. Produkty są dostarczane w rytmie odpowiadającym ich rzeczywistemu zużyciu, dzięki czemu użytkownik nie musi pamiętać o ponownym składaniu zamówienia.

System został zaprojektowany tak, aby zachować elastyczność – użytkownik może pominąć kolejną dostawę lub zrezygnować z usługi w dowolnym momencie.

Rozwiązanie wpisuje się bezpośrednio w główną obietnicę marki: pielęgnacja ma działać w tle i nie wymagać ciągłego podejmowania decyzji.

Budowanie zaufania podczas zakupu
 

Zakup produktów premium wymaga odpowiedniego poziomu zaufania, dlatego duży nacisk położyliśmy na przejrzystość procesu zakupowego i sposób prezentowania informacji o produktach.

W projekcie uwzględniliśmy między innymi:

• opinie użytkowników i elementy social proof,

• szczegółowe informacje dotyczące działania produktów,

• przejrzystą prezentację sposobu stosowania,

• czytelne podsumowanie zamówienia przed płatnością,

• jednoznaczne komunikaty dotyczące powodzenia lub błędu płatności,

• spójną estetykę podkreślającą profesjonalny charakter marki.

Projekt produktu i zastosowane rozwiązania
 

Opracowaliśmy kompletny system ekranów oraz przepływów użytkownika obejmujący wszystkie etapy korzystania ze sklepu – od pierwszego wejścia aż po zakończenie procesu zakupu.

W ramach projektu przygotowaliśmy również:

• spójny system nazewnictwa produktów,

• zestawy produktowe jako główną ścieżkę zakupową,

• spójne wzorce nawigacji i komunikacji w całym sklepie,

• integrację modelu zestawów z katalogiem produktów,

• architekturę umożliwiającą dalszy rozwój oferty i wdrażanie kolejnych funkcjonalności.

Efekt końcowy
 

W efekcie powstała nowoczesna marka oraz sklep internetowy, który upraszcza proces wyboru produktów do pielęgnacji i prowadzi użytkownika przez cały proces – od pierwszego wejścia aż do potwierdzenia zamówienia.

Projekt pozwolił stworzyć rozwiązanie, które:

• eliminuje barierę wejścia dla nowych użytkowników,

• upraszcza wybór pielęgnacji dzięki gotowym systemom,

• ogranicza liczbę decyzji podejmowanych podczas zakupów,

• buduje zaufanie poprzez przejrzysty proces zakupowy,

• łączy wyrazistą identyfikację wizualną z intuicyjnym doświadczeniem użytkownika.

Projekt UMBER był kompleksową realizacją obejmującą strategię marki, identyfikację wizualną, projekt UX/UI oraz architekturę produktu. Dzięki temu udało się stworzyć spójny ekosystem, który odpowiada zarówno na potrzeby użytkowników, jak i założenia biznesowe marki.

Autor: JCD

Od przeszło dekady konsekwentnie przekształcamy zaawansowane idee w funkcjonalne aplikacje oraz internetowe platformy usługowe. Nasza działalność koncentruje się na głębokim zrozumieniu natury przedsiębiorstwa oraz kluczowych wymagań, które są fundamentem dla każdego przedsięwzięcia.

Stale łączymy metody kreatywne z systematycznym, badawczym podejściem, przekonani, że jedynie przez dogłębną analizę i zrozumienie specyfiki wyzwań, jesteśmy w stanie w pełni współpracować z naszymi klientami w celu kreowania innowacyjnych rozwiązań. Te rozwiązania nie tylko ulepszają doświadczenie użytkowników, ale również zapewniają naszym klientom strategiczną przewagę na rynku. Nasze procesy projektowe są zatem oparte na aktywnym słuchaniu, szczegółowej analizie i ciągłym dialogu z klientami. W ten sposób nieustannie pracujemy na rzecz tworzenia nie tylko technologii, ale także wartości, które wyznaczają nowe standardy w cyfrowym krajobrazie biznesu.