1. Login systeem

1 van de openstaande taken was het bouwen van een login systeem, dit was een feature die nog niet is gerealiseerd. Gezien ik nog aan het wachten was op de hygraph key en url, ben ik gelijk in figma gedoken om hier een ontwerp van te maken. Verder houd ik gelijk rekening met de huisstijl van vervoerregio. Hieronder is mijn figma ontwerp te zien:

2. Account aanmaken

Bij het login systeem staat er ook een optie voor het aanmaken van een account, hier heb ik ook een simpel ontwerp voor gemaakt met dezelfde huisstijl.

Dit is de breakdown voor het formulier:

3. Zero state pop-up

Bepaalde informatie zoals de wettelijke verplichtingen en het contact opnemen stond volgens de opdrachtgever een beetje verstopt op een andere pagina. Bij het kijken naar een oplossing samen met de opdrachtgever, waren we het erover eens dat het handig was om een zero state te maken. In figma heb ik hiervoor een design gemaakt.

4. Contact formulier flowchart

Semester 4 endterm

Vernieuwde Flowchart vervoerregio

Gezien ik een planning heb gemaakt voor het verbteren van het contact formulier, leek dit mij een goed moment om er een flowchart voor te maken. Dit helpt niet alleen anderen zoals de opdrachtgever om de werking van het formulier te begrijpen, maar ook mezelf bij het bouwen ervan. Door de flowchart heb ik een duidelijk overzicht van wat er moet gebeuren en hoe het formulier moet werken.

Sitemap

Ik heb een sitemap gemaakt van de website van vervoerregio amsterdam, hiermee kan ik duidelijk laten zien hoe de website in elkaar zit.