17 November 2024 ‐ Ontwerpen Contactpagina - DivaniNL/i-love-web GitHub Wiki

Design Day - 17 november 2024

Vandaag heb ik de contactpagina ontworpen. Voorbereidingen hiervoor vonden al plaats tijdens de Sprint Planning (Analysefase) De contactpagina op hun oude website bevatte geen contactformulier. Er is dus een hoop aangepast ten opzichte van de oude contactpagina

Dingen aangepast t.o.v. oude Contactpagina(Desktop)

Groene shape toegevoegd
(Net zoals op de artikel detailpagina's uit Sprint 2 en 3)
**Contactformulier toegevoegd (naam, email, onderwerp, bericht)

Ik ben op deze manier te werk gegaan:

Werkwijze

Wireframe gemaakt op het whiteboard met het team tijdens de sprintplanning. (analysefase)
Bij deze pagina heb ik GEEN screenshot gemaakt met GoFullPage. De wireframe verschilde zodanig met de oude contactpagina dat dit niet veel nut had.
Het Figma-bestand geopend van de door de klant aangeleverde artikelpagina.
De nieuwe Contactpagina naast deze artikelpagina en een foto van de wireframe gehouden om te vergelijken.

Ik heb, naast mij gehouden te hebben aan de wireframe, nog wat geexperimenteerd met alternatieve versies

Experimenten voor de contactpagina(desktop & mobiel)

@media-prefers-contrast kleuren:
Ik heb een versie van de contactpagina gemaakt die rekening houdt met contrastvoorkeuren van gebruikers.
Foutmeldingen:
Een versie gemaakt waarbij te zien is hoe het wordt getoond als er een foutmelding optreed bij het invullen van het formulier.