Chytrá Rezervace App
Role : UI, UX
Klient : Aleš Urban
O projektu
(R)evoluční řešení pro skupinové lekce. Představujeme vám budoucnost vašeho fitness. On-line rezervační systém. Dostupný odkudkoliv.
Stáhnout aplikaci : Appstore, Google Play
Challenge
Brief byl jednoduchý. " Potřebuji vytvořit aplikaci vizuelne nesouvisející s webem, který aktuálně nechci redesignovat. Jen potřebuji aby aplikace byla moderní a plně funkční. Vše by mělo být pro každého jasné a srozumitelné "
Research
Fitness je dnes trendy a tak jsem musel zjistit, co vše si lidé mohou ve fitness objednat. At jde o jogu, vyzivove poradce, samotne fitness, bojove sporty az po ruzne pilates. Cilovka je jasna, krom malych deti a duchodcu je to kdokoliv.
Process
Research
Sketches & Design System
Flowchart & Wireframes
Moodboard & Design
Timeline
Planning - 20 hodiny
Wireframes - 30+ hodiny
Design - 8+ hodiny
Assets - 2 hodiny
Tools
Sketch
Flowmapp
Email (komunikace)
Invision
Colors
Pro projekt jsem jako hlavní vybral odstiny modré. Modrá barva symbolizuje důvěru, loajalitu, moudrost. A jako druhou oranžovou, symbolizující pohyb.
Typography
Použil jsem rodinu písem Gotham Rounded od Tobias Frere-Jonese a Montserrat od Juliety Ulanovsky. Obě rodiny fontů maji jednoduchý a moderní vzhled. A vsadil jsem na kontrast mezi Rounded Sans-Serif Fontem pro Headliny a Geometrickym Sans-Serif fontem pro odstavce. Za mne ideální font pair.
Icons
Ikony jsou důležitou součástí projektu.Komunikují s uživateli a pomáhají jim snadno porozumět slovům. Pro tento projekt jsem pouzil sadu Simple Line Icons, ke které jsem dodělal chybějící ikony ve stejném duchu.
Personas
Sketches
Skicování je první část ve které si načrtnu jak by aplikace mohla fungovat. Ze skicování následně vychází přesnější Flowchart.
Flowcharts
Po schromáždění informací, pár náčrtů vznikla celkem jasná představa, jak by aplikace měla fungovat a jak uživatel bude v aplikaci fungovat, a tak jsem mohl začít s mapováním. Díky tomu jsem byl schopen vytvořit reálnou flowchart, kterou jsem tentokrat řešil přes Flowmapp.
Wireframes
Wireframes. Flowchart již máme, takže wirefrime, davá reálnou předlohu vznikajicimu designu.
Moodboard
Design
