interface - Neinno/Blok-tech GitHub Wiki

Interface

Omdat mijn doelgroep erg breed is wil ik graag mijn design overzichtelijk houden. Iedereen moet het kunnen begrijpen wat er gedaan kan worden op de pagina. Ik heb eerst een Lo-Wi wireframe gemaakt om te bedenken wat er allemaal gemaakt moet worden

Lo-Fi scherm

Interface

Hi-Fi scherm

Interface

De flow van mij applicatie is:

  • Je komt op de login pagina
  • Je logt in (Of registreren)
  • Als het je eerste keer is moet je eerst je eigen auto toevoegen
  • Daarna is je auto terug te vinden op je profiel
  • Als je op de auto klikt vind je de detail pagina

Om andere auto's te vinden moet je naar het home scherm. Hier maak je dan gebruik van de zoek funcite. Deze zal ik niet uitwerken

Interface

Design

Kleur

  • Achtergrond: #FFFFFF
  • Header en interface: #F0F0F0
  • Primary: #3175DE | Voor buttons
  • Secondary: #000000 | Voor icons en tekst

Font

Roboto font

Bron: