Ptiszu - MVP aplikacji do generowania przepisów na torty w 66 godzin!
Sprawdź, jak powstała webowa aplikacja do generowania przepisów na torty influencerki cukierniczej Ady Lal!
Ada Lal, autorka popularnego bloga cukierniczego oraz odnoszących sukcesy e-booków, postanowiła rozbudować swoje cukiernicze imperium. Uzupełnieniem jej oferty miała stać się aplikacja webowa pozwalającą konfigurować przepisy na torty według własnego pomysłu.
W zaledwie 2 miesiące udało nam się stworzyć projekt MVP aplikacji z podstawowymi funkcjami
UX & UI
Warsztaty
Wyzwanie projektowe
Zaprojektowanie aplikacji webowej i doświadczenia, które wesprą klientów Ptiszu w rozwijaniu pasji do pieczenia tortów i doskonalenia warsztatu cukierniczego.
Cele projektu
Wzmocnienie pozycji na rynkuStworzenie nowatorskiego produktu, który podniesie wartość e-booka Ptiszu, a także pomoże uplasować ją jako prekursorkę nowoczesnych rozwiązań w dziedzinie cukiernictwa na polskim rynku.
Nowy punkt styku z markąStworzenie aplikacji, która będzie taka jak strona Ptiszu: piękna, zrozumiała i bogata w wiedzę merytoryczną.
Rozwój umiejętności cukierniczych
Umożliwienie miłośnikom słodkości rozwoju ich pasji i uatrakcyjnienie czasu, który spędzają w kuchni. Zagwarantowanie im nieograniczonego dostępu do kulinarnych odkryć.
Od początku współpracy czułam, że pracuję z ludźmi, którzy rozumieją moje potrzeby. Zespół Zimy jest otwarty na feedback i z chęcią wprowadza zmiany w życie.
Bardzo polecam współpracę z Zimą, jeśli ważne są dla Ciebie relacje, bycie wysłuchanym i transparentna współpraca.
Proces projektowy
Ze względu na bardzo napięty harmonogram zdecydowaliśmy się na przeprowadzenie sprintu badawczego, który trwał 22 godziny i zakończył się briefem projektowym. Podczas projektowania rozwiązania skupiliśmy się na wireframach oraz makietach pixel perfect.
Sprint badawczy
Aby rozpocząć projekt musieliśmy:
- Poznać proces tworzenia tortów oraz idące za tym nawyki i oczekiwania użytkowników, aby zrozumieć, jak aplikacja Ptiszu może ich wspierać w rozwoju aspiracji cukierniczych.
- Zrozumieć, co sprawia, że używanie jednego konfiguratora daje użytkownikowi świetne doświadczenie a korzystanie z innego kiepskie.
- Dobrze zaplanować sprint i resztę aktywności projektowych, aby zmieścić się w określonej ilości godzin.
Eksploracja
W celu znalezienia odpowiedzi na kluczowe dla nas pytania na początku skupiliśmy się na trzech aktywnościach.
Wywiad eksploracyjny.
Rozmowa z Ptiszu, ekspertką w dziedzinie pieczenia tortów.
Insight: Pomiędzy poszczególnymi elementami tortu występuje bardzo wiele zależności, które oddziałują zarówno na siebie nawzajem, jak i na efekt końcowy.
Benchmarking
Zebranie i analiza najlepszych rozwiązań pozwalających użytkownikowi na konfigurację online.
Insight: W procesie generowania rozwiązań ważne jest pokazanie całości ścieżki oraz aktualnego etapu kreacji, aby ułatwić użytkownikowi zrozumienie całości wyzwania.
Desk research
Rozmowa z użytkownikami bloga, która pozwoliła nam zrozumieć ich cukiernicze nawyki i zwyczaje towarzyszące im podczas pieczenia tortów.
Insight: Użytkownicy planując wypiek tortu zaczynają od dostosowania przepisu do foremki, którą mają w domu. Bazą ciasta dla większości z nich jest rodzaj i smak kremu. Tynkowanie tortu jest postrzegane jako nieodłączny element wypieku.
Warsztaty
Kolejnym krokiem był warsztat z klientką, na którym ustaliliśmy zakres funkcjonalny konfiguratora, priorytety oraz pożądany look & feel aplikacji.
Funkcjonalności i priorytety
Bazując na wizji klientki, wspólnie omówiliśmy wartości, jakie aplikacja ma dać użytkownikom. Rozrysowaliśmy też wstępną architekturę aplikacji.
Główna funkcjonalność to generator
Generowanie przepisów stanowi główną wartość aplikacji, dlatego proces tworzenia przepisu powinien być jej kluczową funkcjonalnością.
Sekcja edukacyjna
Dodatkowo chcemy dać użytkownikom możliwość pogłębienia wiedzy o tortach, o zasadach tworzenia ciasta oraz o istniejących już przepisach.
Bilbioteka przepisówZależy nam, aby użytkownicy mogli w łatwy sposób wracać do swoich przepisów i by mogli się nimi dzielić ze znajomymi.
Ścieżka użytkownika
W wyniku analizy ścieżki użytkownika, od rozpoczęcia generowania przepisu do korzystania z niego w kuchni, zrozumieliśmy, które punkty mogą być dla niego wyzwaniem i o co trzeba się odpowiednio zatroszczyć.
Ustalenie kierunku wizualnego
Razem z klientką potwierdziliśmy jej preferencje wizualne. Stworzyliśmy moodbaord i zatwierdziliśmy kierunek wizualny dla produktu.
Utrzymanie efektu słodkiego świata PtiszuChcemy uatrakcyjnić miłośnikom słodkości czas w kuchni. Doświadczenie z aplikacją ma być radosne, kolorowe i pyszne.
Kolorystyka wywodząca się z branduGłówna kolorystyka ma bazować na czerwieniach i różach wywodzących się z logo Ptiszu. Kolory dopełniające to niebieski, żółty, różne odcienie beżu oraz kolor czarny dla tekstów.
Monochromatyczne ilustracje
Całość ma być ozdobiona rozkosznymi, monochromatycznymi ilustracjami, które będą wykonane na zamówienie przez ilustratorkę.
Projektowanie
Mając zebrane wszystkie istotne informacje oraz cel projektu w postaci briefu, mogliśmy rozpocząć drugi etap projektu: usiąść do przysłowiowej deski kreślarskiej i zacząć właściwe projektowanie.
Wireframing
Biorąc pod uwagę przyzwyczajenia osób gotujących, zdecydowaliśmy że w pierwszej kolejności zbudujemy wersję mobilną aplikacji.
Uznaliśmy, że najbardziej efektywną formą pracy na początku projektu będzie warsztat partycypacyjny z klientką. Wypracowaliśmy na nim architekturę informacji oraz wstępny flow aplikacji. Projektując ankietę dla pierwszych użytkowników zadbaliśmy o to, aby zbierać feedback.
Visual Design
Po zatwierdzeniu pierwszych widoków wireframów rozpoczęliśmy równolegle pracę nad doprecyzowaniem kierunku wizualnego dla aplikacji.
Look & Feel
W efekcie otrzymaliśmy styl, który odzwierciedlił cukierniczy świat Ptiszu – smaczny, słodki i kolorowy. Aplikację wyróżniają piękne ilustracje, smakowite zdjęcia oraz dekoracyjne fonty.
Ścieżka użytkownika
Podczas warsztatu zaadresowaliśmy zidentyfikowane wcześniej wyzwania, które użytkownik może napotkać podczas korzystania z aplikacji.
Stworzyliśmy rozwiązanie prowadzące użytkownika za rękę, informujące go o przebytej ścieżce i zależnościach pomiędzy poszczególnymi krokami. Wachlarz wyborów jest zaprezentowany atrakcyjnie, dzięki czemu użytkownik jest wspierany w podejmowaniu kolejnych decyzji.
Pokazanie zależności pomiędzy elementami.
Informacja o ilości porcji została wyciągnięta na wierzch i jest widoczna podczas całego procesu.
Informacje o połączeniach elementów oraz nagrody za najlepsze wybory
Generator tłumaczy użytkownikowi zależności pomiędzy elementami ciasta, chroni go przed wyborami,
które mogą prowadzić do rozczarowań oraz chwali go za najlepsze połączenia smakowe.
Sekcja edukacyjna
Powstała sekcja edukacyjna, która opowiada o samej ideii tortów oraz o poszczególnych elementach i przepisach.
Wizualizacja generowanego rozwiązania
Sporym wyzwaniem okazało się być wizualizowanie generowanych przez użytkownika tortów. Zaprojektowaliśmy specjalne ilustracje warstw tortów, które pokazywały użytkownikom stworzony przez nich przepis.
Widok wygenerowanych przepisów
Aplikacja wspiera użytkowników w odpowiednim zaplanowaniu pracy przy tworzeniu tortu.
Przepis podzielony na dni.
Tworzenie tortu jest wymagające i dość skomplikowane dlatego przepisy są podane w taki sposób, aby łatwo można było podzielić ich wykonanie na kilka dni oraz bez problemu skoordynować kolejność tworzenia poszczególnych elementów.
Lista składników.
Powstała też osobna sekcja z listą składników, która pomaga dobrze zaplanować zakupy. W przyszłości ma ona również przeliczać i sumować składniki ze wszystkich elementów tortu.
Przepis do druku.
Widok przepisu jest zaprojektowany dla ekranów telefonicznych, ale dla użytkowników, którzy wolą klasyczne rozwiązania, powstał specjalny, równie funkcjonalny, widok przepisu do druku.
Aspekt socjalny
Jak dobrze wiemy “sharing is caring”, dlatego nie zapomnieliśmy o daniu użytkownikowi możliwości podzielenia się stworzonym przez siebie przepisem ze znajomymi.
Dzielenie się własnymi przepisami nie tylko sprawia przyjemność twórcy, ale pozytywnie wpływa na budowanie zainteresowania samym produktem, a co za tym idzie: wspieranie rozwoju społeczności Ptiszu.
Podsumowanie
Kolejne kroki
- Implementacja projektu została w całości po stronie klientki.
- Opracowane rozwiązanie będzie testowane na rynku w fazie MVP.
- Dalszy rozwój i usprawnienia będą tworzone z uwzględnieniem użytkowników aplikacji.
Nasz zespół pracował w modelu projektowym
.avif)
