UX Design · Food Ordering App
De opdracht
Ontwerp een app met minimaal drie schermen, maak gebruik van bestaande design patterns en componenten, kies en onderbouw een passend kleurenschema, en werk het geheel uit in duidelijke, goed leesbare mockups met toelichting op je keuzes.
"Ontwerp een app met meerdere schermen, gebruik design patterns en werk dit uit in onderbouwde mockups."
Bij het ontwerpen van Hapsnap, mijn food-ordering app, stond één ding centraal: een prettige en
intuïtieve ervaring voor de gebruiker. Hieronder leg ik mijn belangrijkste ontwerpkeuzes uit.
UX Designvormde de basis van het hele project. Ik wilde dat
gebruikers zonder nadenken door de app kunnen navigeren. Dat betekende duidelijke categorieën, logische
schermovergangen en een minimale hoeveelheid stappen om een bestelling te plaatsen.
De gebruikersflow is opgebouwd vanuit een hoofdmenu met categorieën
zoals healthy food, fast food, sushi en desserts. Van daaruit navigeert de gebruiker naar een
subcategorie en vervolgens naar de producten — een heldere, drielaagse structuur die het bestellen
eenvoudig en overzichtelijk maakt.
Voor het UI Design koos ik voor een strakke, moderne interface met
een donkere achtergrond als basis. Dit zorgt voor een premium uitstraling en laat de kleur- en
beeldelementen goed tot hun recht komen.
Het kleurpalet is gebaseerd op de 60-20-10 regel: 60% turquoise als
hoofdkleur, 20% lichtgroen als ondersteunende kleur, en 10% wit en 10% zwart voor tekst en
achtergronden. Dit kleurgebruik maakt de app niet alleen visueel aantrekkelijk, maar helpt ook bij het
onderscheiden van secties en het sturen van de aandacht.
Tot slot is de typografie bewust eenvoudig gehouden. Leesbare,
moderne lettertypen zorgen ervoor dat productinformatie en prijzen direct duidelijk zijn,zonder
afleiding.
Schetsen / onderdelen van het proces
Het resultaat is een bestelapp genaamd 'Hapsnap'. De app maakt het eenvoudig om eten te bestellen door een overzichtelijke indeling en duidelijke categorieën. Het ontwerp richt zich op gebruiksgemak, visuele aantrekkelijkheid en een logische flow die bestellen intuïtief en plezierig maakt.