Ukrainski
Angielski
Rosyjski
PL
Friday app Portfolio
2021
Aplikacja do:
- zebrać przyjaciół na imprezę
- iść na ciekawe wydarzenie
- uczynić komunikację wygodniejszą
Klient
Amerykańska firma informatyczna, która zleciła nam realizację projektu. Jack i Mitchell byli w kontakcie - projekt i produkt tej firmy. Przyszli do nas po fajny interfejs. Dokładnie wiedzieli, czego chcą: neonów, neonów i jeszcze więcej neonów.
Pomysł
Friday - To aplikacja na imprezy ze znajomymi. Spotkaj się wieczorem ze znajomymi w barze i wypij z nimi piwo, wybierz się do kina w miłym towarzystwie, żeby obejrzeć fajny film, wieczorem idź do klubu i tańcz do rana – możesz zorganizować dowolną imprezę lub dołączyć do niej.
Proces
-
Pomysł
- Negocjacje z klientem
- Definiowanie zakresu funkcji
- szacowanie czasu i budżetu
-
Badania
- Analiza konkurencji - ilościowa i jakościowa
-
UI/UX projekt
- Skrypty niestandardowe
- Mapa podróży użytkownika
- Pojęcie
- Przygotowanie interfejsu
-
Prezentacja
- Demonstracja dla klienta przypadku Behance
Modele szkieletowe
Szybko doszliśmy do porozumienia z klientem — chłopaki doskonale rozumieli cały proces i obdarzyli nas zaufaniem. Praca nad interfejsem wyglądała tak: pokazaliśmy, co zrobiliśmy, wszystko im się podobało. Klient 5 na 5, 10 na 10, 100 na 100.
Nastya Karpenko, główna projektantka UI/UX w ITLab
Uwierzytelnianie
Zaletą „Piątku” jest to, że możesz śledzić nadchodzące wydarzenia nawet bez rejestracji. Gdy użytkownik będzie chciał utworzyć wydarzenie lub do niego dołączyć, zostanie poproszony o rejestrację.
Rejestracja zajmie Ci mniej niż minutę: podaj swój numer telefonu, otrzymasz kod i gotowe. Możesz zarejestrować się w ciągu kilku sekund, używając swojego Apple ID, konta Google lub Facebooka. Następnie możesz dodać zdjęcie, informacje o sobie i sieciach społecznościowych.
Wszystko w jednym miejscu
Aplikacja ma kilka funkcji: możesz dostać się w dowolne miejsce z ekranu głównego, wszystkie przejścia są w szybkim dostępie.
- Możesz dodać nowe wydarzenie używając głównego przycisku. Po naciśnięciu ekran staje się rozmyty, skupiając uwagę użytkownika na wykonywanej czynności.
- Karta wydarzenia zawiera nazwę, właściciela i uczestników. Użytkownik może polubić wydarzenie i zdecydować, czy chce w nim wziąć udział, czy nie.
- Na górze ekranu znajdują się karty zdarzeń, do których może przejść użytkownik. Nieprzeczytane wiadomości możesz również zobaczyć w czacie wydarzenia.
- W profilu znajdują się informacje o użytkowniku, wydarzeniach, w których uczestniczył, a także tych, w których weźmie udział.
Impreza
w 3 prostych krokach
-
Dodaj zdjęcie wydarzenia i podaj informacje o tym, kiedy i gdzie będzie się ono odbywać.
-
Sporządź listę zakupów, aby wiedzieć, co zabrać ze sobą na wieczór. Jeśli nie potrzebujesz listy produktów, możesz pominąć ten krok.
-
Zaproś przyjaciół na imprezę!
Strona wydarzenia
Gdy użytkownik otwiera stronę wydarzenia, pierwszą rzeczą, jaką widzi, jest opis i lista zakupów. Każdy uczestnik może przynieść coś z listy, np. skrzynkę piwa.
W innej zakładce możesz sprawdzić, kto weźmie udział w wydarzeniu. Właściciel wydarzenia może przypisać uczestnikom role, które zostaną wyświetlone jako tagi. Druga osoba może zostać tancerką, DJ-em lub barmanką. Jest też rola „zabawnego faceta".
Czat
Przeprowadziliśmy dwa czaty – wiadomości prywatne i wydarzenia czatowe. Ponieważ wszystko w aplikacji opiera się na wydarzeniach, często wygodniej jest komunikować się za pomocą karty wydarzenia niż z każdym uczestnikiem indywidualnie.
Czat
Przeprowadziliśmy dwa czaty – wiadomości prywatne i wydarzenia czatowe. Ponieważ wszystko w aplikacji opiera się na wydarzeniach, często wygodniej jest komunikować się za pomocą karty wydarzenia niż z każdym uczestnikiem indywidualnie.
Profil
Ponieważ program jest ściśle związany z komunikacją, uczyniliśmy profil podobnym do portalu społecznościowego. W profilu każdego użytkownika możesz zobaczyć, w jakich wydarzeniach brał udział i będzie brał udział, napisać wiadomość prywatną, dodać go jako znajomego, obejrzeć jego listę znajomych i portale społecznościowe. Użytkownicy mogą również przesyłać zdjęcia i dodawać je do albumów wydarzeń.
Klient zlecił nam mini-branding: wybraliśmy czcionki, 3 główne kolory i logo. Jack chciał dodać logo do nagłówka na wszystkich ekranach. Na ekranie głównym wyglądałoby to normalnie, ale na innych ekranach wyglądałoby jak czarna plama, która dezorientowałaby użytkownika. Zredukowaliśmy logo do minimalistycznego znaku – osobnej etykiety, która organicznie wpasowuje się w interfejs.
Evgenia Pustovit, starszy projektant UI/UX
Typografia
i paleta
Początkowo zaprojektowaliśmy interfejs w ciemnym motywie — to aplikacja imprezowa. Później jednak klient uznał, że jest to bardzo specyficzne, ponieważ wielu osobom nie podoba się ciemny motyw. Aby dać użytkownikowi wybór, zdecydowaliśmy się dodać jasny motyw.
TT Wellingtons
Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
Medium
AaBbCcDdEeFfGgHhIiJjKkLlMmNn
OoPpQqRrSsTtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
AaBbCcDdEeFfGgHhIiJj
KkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz
1234567890!@#$%^&*(){}?./,
Wyniki
Klienci bardzo polubili efekty wizualne. Projekt został przekazany wewnętrznemu zespołowi specjalistów, którzy zajęli się jego rozwojem — nasz zestaw technologii im nie odpowiadał. Rozstaliśmy się w pozytywnych emocjach, a niedawno powrócili z nowym projektem.
120 godziny
292 ekran
2 projektant