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.

Cel projektu


• Wzmocnienie pozycji na rynku
  Stworzenie 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ć.

‍

‍

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.

[klasa]

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.

[/klasa]

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.


Biblioteka przepisów
Zależ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 Ptiszu

Chcemy 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 brandu
Głó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 idei 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.

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

QQqqqqqqqqqqqqq