Ula Rządkowska
Gotowa do pracy
Aplikacja do dostaw
Usprawnienie systemu zamówień
W skrócie
„Tortilla Serwis” to restauracja, która gotuje lekko egzotycznie w przyjazny i nowoczesny sposób. Symbol tortilli wyróżnia restaurację spośród typowych barów z domowymi obiadami. Metaforyczne tortilla symbolizuje pakowanie jedzenia na odbiór lub dowóz.
Od strony technicznej restauracji zależało na wygodnym przyjmowaniu zamówień online, bez konieczności odbierania telefonów. Moim zadaniem było uproszczenie strony oraz uczynienie procesu składania zamówień bardziej przejrzystym i intuicyjnym.
Projekt indywidualny
Moja rola:
Design
Funkcjonalność
Prototypowanie
Harmonogram:
Czerwiec 2025 – Wrzesień 2025
01 Persony
02 Pomysły
Łatwiejsze zamawianie
Ekran startowy aplikacji został zaprojektowany tak, aby wspierać szybkie podejmowanie decyzji zakupowych. Heder z dużym zdjęciem jedzenia pełni funkcję bodźca wizualnego, który wzmacnia apetyt i zachęca do dalszej eksploracji oferty. Bezpośrednio pod sloganem restauracji umieszczono wyraźny przycisk CTA, który poprzez prosty gest przesunięcia w dół prowadzi użytkownika bezpośrednio do listy dań, skracając ścieżkę do złożenia zamówienia.
Pod hederem znajdują się trzy kluczowe informacje: adres, numer telefonu oraz godziny otwarcia. Ich stała i czytelna ekspozycja pozwala użytkownikowi szybko zweryfikować podstawowe dane bez konieczności opuszczania ekranu zamówień.
Przyciski
Interakcje w aplikacji zostały zaprojektowane z myślą o korzystaniu jedną ręką, głównie kciukiem. Przyciski są duże, wygodne i umieszczone tam, gdzie naturalnie sięga palec. Zmieniłam układ przycisków do dodawania i odejmowania ilości z pionowego na poziomy — daje to więcej „oddechu” wizualnego i sprawia, że całość jest czytelniejsza. Dlatego użytkownik łatwiej kontroluje swoje akcje i rzadziej popełnia błędy.
03 Prototyp
Logowanie
Proces logowania został maksymalnie uproszczony, aby zminimalizować barierę wejścia do aplikacji. Użytkownik może zalogować się za pomocą kont społecznościowych, co eliminuje konieczność tworzenia i zapamiętywania kolejnego hasła. Utworzenie konta jest jednak wymagane ze względu na bezpieczną realizację płatności.
Zamówienia
Układ sekcji zamówień został zaprojektowany w oparciu o sprawdzone wzorce znane z aplikacji Zalando. Przy każdej zmianie w opcji dostawy użytkownik otrzymuje natychmiastową informację o odległości od restauracji oraz przewidywanym dodatkowym czasie oczekiwania. Status zamówienia jest komunikowany za pomocą ikon postępu, których zmiana koloru w czasie pozwala użytkownikowi szybko zorientować się na jakim etapie znajduje się realizacja.
Konto
Sekcja konta została zaprojektowana jako centralne miejsce zarządzania zamówieniami. Użytkownik ma szybki i czytelny dostęp do historii transakcji oraz możliwość monitorowania aktualnych zamówień, zwiększając poczucie kontroli i transparentności procesu.
Podsumowanie prototypu
Flowchart prototypu przedstawia pełną ścieżkę użytkownika w aplikacji — od pierwszego kontaktu z interfejsem, przez logowanie, składanie zamówienia i płatność, aż po zarządzanie kontem. Schemat został zaprojektowany z myślą o prostocie, czytelności i ograniczeniu liczby kroków niezbędnych do wykonania kluczowych działań.
04 Wygląd UI
Wersja końcowa UI
System Design
05 Refleksja
1# Jedzenie oczami
Projektując interfejs, wyszłam z założenia, że ludzie są wzrokowcami ikierują się „jedzenia oczami”. Dlatego zależało mi na stworzeniu takiego środowiska, które w naturalny sposób zachęca użytkownika do złożenia zamówienia. Już w hederze pojawia się motyw jedzenia jako wizualne nawiązanie do logo. W menu poszczególne sekcje są rozdzielone zdjęciami, co ułatwia orientację i szybkie skanowanie treści.
Dla zachowania porządku menu zostało podzielone na sekcje nawet wtedy, gdy znajduje się w nich tylko jeden produkt. Ma to szczególne znaczenie, ponieważ karta dań często się zmienia. Z tego powodu zrezygnowałam z wizualizacji konkretnych pozycji w menu.
2# Skracanie ścieżki
Praca nad aplikacją do zamawiania jedzenia pozwoliła mi lepiej zrozumieć, jak duży wpływ na decyzje użytkownika mają drobne elementy interfejsu i dobrze zaprojektowany flow. Ważne było, aby projektować z myślą o skróceniu ścieżki użytkownika. Od pierwszego kontaktu z aplikacją aż do złożenia zamówienia. Każdy dodatkowy krok, zbędna informacja czy nieczytelny układ może realnie obniżyć chęć finalizacji zakupu.