mohi.to — strona główna

Hi! Coffeedesk

UX/UI design i front-end development dla nowej usługi subskrypcji kawy uruchomionej przez Coffeedesk, jeden z największych europejskich serwisów e-commerce zajmujących się wszystkim, co związane z kawą.

Hi! Coffeedesk

Coffeedesk to marka, której nie trzeba przedstawiać żadnemu miłośnikowi kawy i herbaty w Polsce.

Jest to jeden z największych europejskich e-commerce’ów zajmujących się wszystkim, co związane z kawą. Hi! Coffeedesk to jeden z kilku projektów, nad którymi wspólnie pracowaliśmy.

Ekran strony Coffeedesk z promocją kawy "Juicy Monster" i hasłem "Abonament na kawę?".

Wyzwania marki

Pomysł na rozwój usługi abonamentu na kawę pojawił się w Coffeedesk w naturalny sposób.

Jest to jeden z e-commerce-ów, który słynie ze świetnego customer service. Nic więc dziwnego, że odpowiedział na powtarzające się zapytania stałych klientów o subskrypcję kawową. Model ten zyskuje coraz większą popularność na świecie, a produkty oferowane przez Coffeedesk są asortymentem idealnie nadającym się do sprzedaży w subskrypcji. Kawosze doskonale znają ból, gdy okazuje się, że nagle skończyła się kawa.

Zespół mohi.to został zaproszony do udziału w projekcie, aby pomóc z dowiezieniem atrakcyjnej wizualnie i funkcjonalnej strony www. Poza pracami nad UX i UI serwisu byliśmy również odpowiedzialni za front-end development.

Kolaż zrzutów ekranu strony Coffeedesk, pokazujący koszyk, ofertę abonamentu i kawy Mad Jungle.
Laptop ze stroną Coffeedesk, otoczony wizualizacjami różnych opakowań kaw.

Nasze rozwiązania

Prace nad serwisem rozpoczęliśmy od warsztatów discovery, w trakcie których zdefiniowaliśmy priorytety projektu, omówiliśmy model biznesowy, profile użytkowników, otoczenie konkurencyjne, kwestie technologiczne.

Wiedza na temat klientów serwisu została następnie pogłębiona w trakcie indywidualnych wywiadów pogłębionych. Celem badania było poznanie kluczowych elementów procesu dostarczania produktów w modelu subskrypcyjnym, identyfikacja silnych i słabych stron podobnych usług oferowanych przez konkurencję, poznanie nawyków, potrzeb i oczekiwań klientów, stworzenie listy rekomendowanych funkcjonalności.

Przygotowaliśmy także analizę rozwiązań konkurencyjnych operujących w modelu subskrypcyjnym, co pozwoliło nam przyjrzeć się dobrym praktykom i ciekawym wzorcom projektowym.

Po fazach discovery i research przeszliśmy do prototypowania. Krytycznymi obszarami, które braliśmy pod uwagę były proces zamawiania, zarządzanie subskrypcjami, jak i strony objaśniające zasady działania modelu abonamentowego.

Kluczowym elementem wpływającym na dobre doświadczenia użytkownika jest atrakcyjna warstwa wizualna serwisu. To dzięki niej jesteśmy w stanie wywołać u odbiorcy pożądane emocje, z którymi chcemy, aby nasz produkt był wiązany. Warstwa UI została zaprojektowana w oparciu o dostarczony przez klienta brand book. Całość bazuje na żywych kolorach, odważnej typografii i indywidualnych ilustracjach. Dopełnieniem całości są mikro interakcje i animacje, które sprawiają, że strona jest jeszcze bardziej angażująca.

Po fazie designu przyszedł czas na development. Nasze prace skupiły się na części front-end’owej. Dla sprawnej realizacji projektu kluczowa jest efektywna komunikacja. Aby zapewnić maksymalnie szybki przepływ informacji, nasz zespół developerski był w stałym kontakcie (komunikatory, regularne spotkania statusowe) z teamem klienta.

Zrzuty ekranu ze strony Coffeedesk, wyjaśniające, jak działa subskrypcja na kawę.
Zrzuty ekranu ze strony Coffeedesk, przedstawiające podsumowanie subskrypcji i wybór dostawy.

Rezultaty

Coffeedesk jest jednym z e-commerców, których customer experience jest stawiane za wzór w branży.

Wsłuchiwanie się w potrzeby klientów zawsze się opłaca.

Cieszymy się, że i tym razem Coffeedesk osiągnął swoje cele biznesowe – utrzymanie długofalowej relacji ze stałymi klientami, a także pozyskanie nowych, którzy do tej pory byli poza zasięgiem firmy.

Ten projekt jest również niemałym sukcesem dla nas – nasza współpraca została oceniona przez Klienta w serwisie Clutch na 5 gwiazdek!

Kolaż zrzutów ekranu ze smartfona, prezentujący mobilną wersję strony Coffeedesk i abonament na kawę.
Kolaż zrzutów ekranu strony Coffeedesk, pokazujący koszyk, płatność i sekcję FAQ.
Next case: Ferro
Ferro