2. ontwerpen - wingsvn/proof-of-concept GitHub Wiki

🥥 04.06.2024 visueel ontwerp 1.0

image image image

🍋 05.06.2024 feedback + redesign: visueel ontwerp 2.0

Ik was nog niet helemaal uit over mijn 1e ontwerp qua layout en bereikbaarheid/handigheid en heb mijn ontwerp opgestuurd naar mijn opdrachtgever met de vraag om feedback.

verkregen feedback:

  • Enige wat ik mij af vraag is, zullen klanten op de variatie tip en basis ingrediënten knop klikken? Is het ook een optie om dit bij de lijst met "kies je producten" te zetten?
  • En de vraag, wil je alternatieven een aparte sectie geven of wil je zodra zij het ingrediënt wegklikken een pop up/lay over doen?

Aan de hand van deze feedbackpunten heb ik een redesign gedaan.

image image

🍋 05.06.2024 opdracht: van wireflow naar server-side

  • schrijf de vraag van de opdrachtgever op papier

Een gedetailleerde productpagina voor het bestellen van maaltijden, waarbij de recepten filtermogelijkheden hebben om maaltijden samen te stellen die voldoen aan de specifieke wensen van de klant.

  • bepaal de core functionaliteit

Het kunnen toevoegen en verwijderen van producten/ingrediënten van een recept. Het kunnen kiezen van alternatieven (eg. vlees vervangen door vis) Het recept/maaltijd kunnen toevoegen aan je winkelwagen.

  • gebruik de verschillende schetstechnieken om grip te krijgen op de opdracht, zodat je weet wat je moet bouwen
    • sitemap (+ url)
    • wireframes (+ url + control flow met routes & data + breakdown in html, breakpoints in css)
    • wireflow (+ url + control flow met GET/POST routes & data, breakdown in html & css)
sitemapimage
breakdown image
wireflow image
image
image

🥦 11.06.2024 css grid schets

image

🧅 12.06.2024 zero state schetsen

zero state schetsen (1)

wie is de gebruiker?

de gebruiker is de gemiddelde Nederlander of Genz die boodschappen wil doen voor een recept of maaltijd.

Wat komt de gebruiker op de pagina doen?

informatie over een recept opzoeken: de ingrediëntenlijst bekijken, de bereidingswijze bekijken en producten voor het recept kopen indien hij/zij deze nog niet heeft.

zero state schetsen (2)

wat denk je dat je kan doen op deze website?

  • iets met burgers
  • je kan naar bereiding, naar ingrediënten en naar winkelmandje
  • je kan producten kiezen
⚠️ **GitHub.com Fallback** ⚠️