Ptiszu - MVP of the app to generate cake recipes in 66 hours!
Digital transformation of the private network of EuroMedicare clinics and hospitals with a new path to purchase medical services.
EuroMedicare Hospital, along with several clinics, has separated from the network of private medical services EMC Hospitals. As a result of this division, an independent brand was created. One of the main points of contact with the established brand is to become a new website, functioning as an important element presenting the new identity and the new visual identity of the EuroMedicare brand.
For a client from the MedTech industry, we designed a new website that focused on providing patients with the most important information. We have made sure that the search for information is intuitive also on mobile devices.
Proces umożliwia klientom edycje informacji z panelu koszyka oraz czytelne i zrozumiałe przejście przez checkout.
Customer Journey Map
UX & UI
Wireframes
Warsztaty
Badania
Design challenge
- We care about people, which is why we want the website to be accessible to people with disabilities and the elderly, meeting the WCAG AA level guidelines for accessing content published online.
- Naszym zadaniem było tak ułożyć proces zakupowy, aby wspierał zarówno sprzedaż B2B jak i B2C.
- Ponieważ proces zakupu wymagał często skomplikowanej i niezrozumiałej konfiguracji, firma mierzyła się z dużą porcją zapytań od klientów i porzuconych koszyków.
Cel projektu
Podniesienie konwersji i zmniejszenie bounce ratePoprawienie doświadczenia zakupowego klientów, szczególnie na mobile, gdzie klienci najczęściej porzucali koszyk. Zwiększenie konwersji do 2-3%
Ułatwienie zakupów onlineUłożenie architektury informacji tak, aby użytkownicy nie mieli problemu ze skonfigurowaniem produktu pod swoje potrzeby i nie zwracali się o pomoc do Customer Service
Spójny i przejrzysty design
Odświeżenie designu strony, stworzenie jasnych wytycznych zastosowania kolorystyki oraz elementów graficznych w nawigacji po stronie, przy zachowaniu obecnego charakteru marki
Współpraca na najwyższym poziomie! Dawno nie czuliśmy się tak zaopiekowani jako organizacja. Wzorowe przygotowanie do warsztatów i spotkań, a finalny projekt szczegółowo dopracowany.
Jako osoba 20 lat przebywająca w branży
e-commerce uważam poziom UX/UI za bardzo wysoki. Każdy kto chce wejść na wyższy poziom UX/UI już wie do kogo ma się zwrócić.
Design process
Audyt ekspercki
Zanim sformułowaliśmy główne założenia naszej pracy, to przeprowadziliśmy szczegółowy audyt stanu zastanego, wsparty przez analitykę i rozmowy z interesariuszami, w tym z przedstawicielami obsługi klienta.
W ten sposób mogliśmy zidentyfikować najgorętsze bolączki klientów i zaproponować od razu tzw. quickwins – usprawnienia, które można wdrożyć od ręki, już na tym etapie poprawiając doświadczenie użytkownika.
Wnioski z audytu
01Źle zaplanowany układ, większość informacji pod pierwszym foldem
02Niespójny design i kolorystyka elementów strony
03
Słaba widoczność produktów w galerii04
Najważniejsze informacje na dole strony (cena)05
Layout niedostosowany do urządzeń mobile
User path
Design workshops
During the workshop, our goal was to understand the perspective of patients — their problems and expectations and what solutions on the website can support them in the process of using it and how to better sell their services to them.
Exploratory interview.
Insight: There are many dependencies between the individual elements of the cake, which affect both each other and the final result.
Benchmarkering
Insight: In the process of generating solutions, it is important to show the entire path and the current stage of creation to make it easier for the user to understand the whole challenge.
- klarowną wizualizacja miejsca nadruku
- flow dodania pliku graficznego z prostą instrukcją
- wyróżnioną wizualizację ceny i wpływających na nią zmiennych
Projekt mobile
Duża ilość informacji i elementów konfiguracji wymagała starannego rozplanowania strony na urządzeniach mobile. Wprowadziliśmy nowy widok galerii i konfiguratora. Aby utrzymać najważniejsze informacje na wierzchu, zastosowaliśmy Sticky Header z informacją o cenie, przypiętą do góry ekranu.
Supervision of implementation
Ponieważ audyt wskazał na niejasne dla użytkownika wizualizacje elementów, uporządkowaliśmy i uprościliśmy design. Dodaliśmy w nim zasady używania kolorów i prezentacji elementów, w tym przycisków, linków czy ikonografii.
Koszyk i Checkout
Dążąc do pełnej samodzielności użytkownika w procesie zakupu, przeprojektowaliśmy także widoki koszyka i checkout’u.
Edycja z poziomu koszyka
Ponieważ konfigurowanie produktu często wymagało zmian, ważne było danie użytkownikowi możliwości edycji i nanoszenia zmian bez konieczności wracania do karty produktu. Przy niewielkiej przestrzeni ekranu, ważne stało się staranne rozplanowanie UI, w tym podział ekranu na rozwijane sekcje, czy skrócenie nazw elementów.
Jasne przedstawienie procesu checkout’u
Dodaliśmy wyraźny podział procesu zakupu na kroki i wyodrębniliśmy ważne informacje cenowe oraz te dotyczące płatności.
Monitorowanie zmian
Po wdrożeniu nowej wersji obserwowaliśmy zachowania użytkowników
- przeglądaliśmy nagrania sesji użytkowników
- obserwowaliśmy zmiany w konwersji i działaniu koszyka
- zwróciliśmy uwagę na szczególne zachowania klientów
- zaobserwowane wnioski wprowadziliśmy do projektu
The solution designed by us is adapted to the needs of people with disabilities in accordance with the WCAG 2.0 AA standard.The generator explains to the user the relationships between the elements of the cake, protects him from choices,
which can lead to disappointment and praise him for the best flavor combinations.
Education Section
An educational section has been created, which tells about the very idea of cakes and about individual elements and recipes.
Zaobserwowaliśmy szczególne użycia koszykaOkazało się, że użytkownicy dodają produkty do koszyka, tworząc sobie prowizoryczną listę zakupów, a potem edytują koszyk, decydując się na ostateczny zakup. Ta obserwacja pozwoliła nam zrozumieć potrzebę konfiguracji przedmiotów już na poziomie koszyka.
What we do
$3 million in funding raised
The PoC project allowed our client to raise $3,000,000 in funding to build an MVP and further develop.
MVP has been launched in the Australian market
Thanks to the funding, an MVP was built, which was launched in the Australian market and is currently pivoting for a Product-Market Fit.
Award at the EXAW Experience Awards
Our project was awarded in the first UXoM competition in Poland — EXAW Experience Awards, winning the second prize.
Our team worked in a design model
.avif)