Jdeme Žrát
Design mobilní aplikace pro YouTube kanál Jdeme Žrát
O projektu
Jdeme Žrát je návrh mobilní aplikace pro stejnojmenný YouTube kanál. Cílem bylo usnadnit tvorbu obsahu: aplikace sdružovala notifikace ze všech sociálních sítí, na kterých kanál publikuje, takže tvůrce nemusel přepínat mezi aplikacemi a měl přehled o komentářích a zprávách na jednom místě. Druhou částí byla interaktivní mapa všech podniků, které youtuber navštívil při natáčení, s hodnocením jednotlivých jídel, takže si diváci mohli najít konkrétní místo z videa a vidět, co tam stálo za vyzkoušení. Projekt dospěl do fáze kompletního UX/UI designu ve Figmě jako prototyp před případnou realizací, k samotnému vývoji zatím nedošlo. Plánovaný technologický stack počítal s Flutter pro mobilní aplikaci, .NET backend a MS-SQL databázi.
Informace o projektu
- Klient
- Interní projekt
- Platforma
- Mobilní aplikace
- Stav
- Dokončeno
- Doba vývoje
- 2 měsíce
- Rok
- 2023
Použité technologie
Podívejte se na stack, který jsem použil pro tento projekt
- Frontend
- FigmaFlutter
- Backend
- .NETC#
- Databáze
- MS-SQL
Klíčové funkce
Notifikace ze všech sociálních sítí kanálu na jednom místě
Interaktivní mapa navštívených podniků
Hodnocení jednotlivých jídel u každého podniku
Kompletní UX/UI design ve Figmě
Design systém s komponentami a styly
Obrazovky pro registraci, přihlašování a profil
Plánovaná architektura: Flutter + .NET + MS-SQL
Výzvy
- 01
Sjednotit notifikace z různých sociálních sítí do jednoho přehledného feedu
- 02
Navrhnout mapu s velkým množstvím míst tak, aby zůstala přehledná
- 03
Skloubit funkce pro tvůrce (notifikace) a pro diváky (mapa) v jednom rozhraní
- 04
Naplánovat škálovatelnou architekturu pro budoucí vývoj
Řešení
- 01
Agregovaný feed notifikací s filtrováním podle sítě a typu interakce
- 02
Klastrování bodů na mapě podle přiblížení, detail podniku na klik
- 03
Oddělené sekce v návrhu pro tvůrce a pro diváky aplikace
- 04
Dokumentovaná API specifikace pro plánovaný .NET backend
Výsledky
Kompletní a připravený Figma design k implementaci
Ověřené uživatelské flow přes interaktivní prototypy
Znovupoužitelný design systém pro budoucí vývoj
Jasně zdokumentovaný koncept pro pozdější stavbu aplikace
Průběh vývoje
Od analýzy po nasazení: jak probíhal vývoj projektu
3 týdny
UX výzkum a wireframy
Analýza potřeb tvůrce i diváků, persony, wireframy klíčových obrazovek
4 týdny
UI design a design systém
Vizuální návrh, barevná paleta, typografie, komponentová knihovna
1 týden
Prototypování a testování
Interaktivní prototypy ve Figmě, uživatelské testování
Máte podobný projekt?
Rád Vám pomohu s realizací Vaší aplikace. Neváhejte mě kontaktovat pro nezávaznou konzultaci.