Tu je všetko, čo si stránka ukladá, a prečo. Rozhodnutie môžete kedykoľvek zmeniť cez tlačidlo s keksíkom v rohu.

Žiadna reklama a žiadne sledovanie na iných stránkach.

Menu

EN

Planner: cestovná aplikácia, svetlý a tmavý vzhľad

Planner je progresívna webová aplikácia, ktorá naplánuje cestu z jedného miesta na druhé a ukáže, čo je rýchlejšie: verejná doprava alebo auto, aj s cenou paliva. Bola to bakalárska práca môjho kolegu. Ja som navrhol obrazovky, svetlý a tmavý vzhľad a logo. Nápad produktu a vývoj boli jeho.

Planner v svetlom režime: päť obrazoviek (nájdené spojenia, detail spojenia, dve obrazovky cesty autom s mapou a profil) pod logom Planner

Zadanie

Kolega písal bakalársku prácu o progresívnej webovej aplikácii a požiadal ma o skice jej obrazoviek, v svetlom aj tmavom režime. Aplikácia naplánuje cestu z jedného miesta na druhé a ukáže, čo je rýchlejšie, verejná doprava alebo auto, aj s cenou paliva.

Moja časť

Navrhol som rozhranie a vzhľad. Nerobil som vývoj ani produktový dizajn: nápad, logika a kód boli kolegove.

Svetlý a tmavý vzhľad

Prvý obrázok ukazuje svetlé obrazovky, aj cestu autom na mape. Nižšie sú tmavé: rovnaké rozloženie s upravenými farbami. Rozhranie je po slovensky.

Planner v tmavom režime: obrazovka vyhľadávania s poľami odkiaľ a kam, tlačidlom na prehodenie a akciami Odchod teraz a Porovnať Planner v tmavom režime: nájdené spojenia s úsekmi pešo, autobusom a vlakom a časmi Planner v tmavom režime: detail spojenia s každou zastávkou, jej časom a aktuálnym meškaním Planner v tmavom režime: obrazovka profilu s výzvou na prihlásenie alebo registráciu
  1. Vyhľadávanie. Odkiaľ a kam, tlačidlo na ich prehodenie a dve akcie: odísť teraz, alebo porovnať.

  2. Nájdené spojenia. Každá cesta ukazuje úseky pešo, autobusom a vlakom s časmi a celkovým trvaním.

  3. Detail spojenia. Každá zastávka s časom a aktuálne meškanie na linke.

  4. Profil. Prihláste sa alebo sa zaregistrujte a používajte všetky funkcie.

Značka

Logo je mapový špendlík s písmenom P, nakreslený v Adobe Illustrator. List ukazuje špendlík v obrysoch, postavený z kruhov, a s textom názvu v niekoľkých rozloženiach.

Skice loga Planner: obrysy mapového špendlíka, konštrukcia z kruhov a finálny fialový špendlík s názvom v niekoľkých rozloženiach

Pozrieť na Behance

Ďalšia prípadová štúdia

Tatra banka: nápad na tričko pre mladých

Čítať