Double Bay Cosmeceuticals — strona główna na telefonie

Double Bay Cosmeceuticals — karta produktu na monitorze

Karty wyróżników „Top 5 Star rated” i „Cruelty free”

Double Bay Cosmeceuticals — platforma e-commerce

Data:: Sierpień - Grudzień 2023
Narzędzia:: Figma, Adobe Photoshop, Adobe Illustrator
Materiały:: Materiały klienta, Shutterstock, Streamline
Zakres:: Architektura informacji oparta na makietach funkcjonalnych
Projekt UX/UI
Responsywny projekt strony
Projekt materiałów drukowanych
Design system

Klient:

Double Bay Cosmeceuticals specjalizuje się w produktach z odpowiednio dobranymi składnikami dla skóry wrażliwej i wymagającej.

Unikalne połączenia składników aktywnych wspierają się wzajemnie. Kojąca baza i optymalne proporcje pomagają dbać o barierę skóry, tworząc charakterystyczne rozwiązania marki.

Cel projektu

Projektowanie produktu obejmowało analizę konkurencji, określenie założeń i celów oraz stworzenie charakterystycznego UI. Ważne były dobre doświadczenie użytkownika i zgodność z tożsamością marki.

01. Wytyczne wizualne / Kolory

Podstawowa i rozszerzona paleta kolorów, która określa tożsamość wizualną marki

Paleta kolorów Double Bay Cosmeceuticals — kolory główne i dodatkowe z odcieniami

01. Wytyczne wizualne / Typografia

Główna i uzupełniająca typografia oraz style typograficzne marki

Typografia główna — krój Woodland i jego odmiany

02. UX/UI i projekt responsywny

Projekt UX/UI skupiony na użytkowniku i lepszym doświadczeniu cyfrowym

Projekt UX/UI Double Bay Cosmeceuticals został starannie opracowany tak, aby zapewnić płynne doświadczenie zarówno na komputerach, jak i urządzeniach mobilnych.

Dedykowane projekty dla obu wersji zachowują wszystkie kluczowe funkcje i pozwalają odpowiadać na potrzeby użytkowników niezależnie od urządzenia. Dzięki temu ścieżka zakupowa pozostaje spójna i angażująca — na komputerze i smartfonie.

Wdrożony sklep stworzył jedną, spójną ścieżkę odkrywania produktów i zakupu na komputerze oraz telefonie, wspartą powtarzalnym design systemem i materiałami marki. Publiczne case study nie zawiera danych o sprzedaży ani konwersji po uruchomieniu, dlatego rezultat opisuję jako wdrożone doświadczenie, bez liczbowych deklaracji biznesowych.

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 1 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 2 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 3 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 4 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 5 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 6 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 7 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 8 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 9 z 10

Makiety sklepu Double Bay Cosmeceuticals na komputerze i telefonie — część 10 z 10

03. Materiały drukowane

Materiały drukowane oddające styl i tożsamość marki

Broszura informacyjna Double Bay Cosmeceuticals — okładka i rozkładówki

04. Podsumowanie i autorzy

Dzięki za Twój czas — do usłyszenia!

Data:: Sierpień - Grudzień 2023
Klient:: Caroline Bishop, Admin Officer
Projekt:: Platforma e-commerce Double Bay Cosmeceuticals
Product Designer:: Mateusz Madura, Startify

Zobacz stronę →

Więcej realizacji

Poprzednie

CopyCase

Platforma do przechowywania plików w chmurze, umożliwiająca ich organizowanie i dostęp przez prostą, intuicyjną aplikację webową.

Następne

Goldman Recruitment

Wiodąca polska firma doradztwa rekrutacyjnego specjalizująca się w Search & Selection i Executive Search. Nowy projekt i wdrożenie strony wspierają pozyskiwanie pracodawców oraz rozwój biznesu.