We kregen de opdracht om de website van Fontys OVP opnieuw te ontwerpen omdat deze verouderd was en een negatieve gebruikerservaring bood. Het doel van dit project was daarom om het aantal studenten voor Fontys Onderwijs voor Professionals te verhogen door bezoekers langer op de site te laten blijven.

Hoofdontwerp Linkerafbeelding
Tijdens de ontwikkeling van dit project, hebben we doorgewerkt met het plan om de site echt te bouwen. Voordat ik begon met coderen, heb ik het huidige ontwerp aangepast op basis van de feedback die ik en mijn team hebben gekregen van de vorige Fontys OVP opdracht waar de al de gebruikersinterface moet verbeteren voor de huidige pagina. In het ontwerp hier boven staat de voorbeeldtekst nog in ("Lorem Ipsum"), wat niet mag. Onderaan stond een banner met verhalen van oud-studenten. Wij hebben als groep ervoor gekozen deze dingen te verwijderen, zodat de landingspagina duidelijke en relevante informatie laat zien.

Mijn ontwerp Rechterafbeelding
Voor mijn eerste versie heb ik de onderdelen van het ontwerp van mijn groepsgenoot op een andere positie geplaatst om te testen of dit handig is, omdat gebruikers vaak de belangrijkste informatie bovenaan willen zien. Mijn groepsgenoten en ik hebben ons ontwerp afzonderlijk aan Dirk gepresenteerd om feedback te krijgen. Hij complimenteerde mijn aanpak om de belangrijkste informatie naar voren te brengen, maar stelde voor dat de lay-out verbeterd kon worden. Hij benadrukte ook dat de call-to-action in de banner niet helder genoeg was en niet strookte met de Fontys-voorschriften. Bij het ontwerpen voor Fontys moeten we goed rekening houden met hun huisregels.
Dirk vertelde me ook dat de "footer", dat is het onderste deel van de website, er niet zo goed uitzag. Hij stelde voor dat ik nog eens zou nadenken over hoe ik die kan verbeteren. Misschien kan ik de opmaak veranderen of meer passende kleuren en elementen gebruiken, zodat het geheel mooier wordt en beter bij de rest van de website past.

Versie 2
Op basis van de ontvangen feedback heb ik de footer aangepast om een professionelere uitstraling te creëren. Ik heb een strakkere layout ontworpen en een klein vakje toegevoegd waarin de belangrijkste gegevens en social media links staan. Nadat ik deze nieuwe versie aan Pennie had getoond, stemde zij ermee in dat de aanpassingen een verbetering zijn.

Versie 2
Hier laat ik een andere kleine maar belangrijke aanpassing zien. Dirk adviseerde me om de plusjes achter de zinnen weg te laten omdat we geen extra tekst wilden toevoegen. Dit zou verwarrend zijn voor de gebruiker, dus het was noodzakelijk om de plusjes weg te laten omdat ze geen functie hadden.

Versie 2
Dirk heeft benadrukt dat het belangrijk is om altijd de stijl van Fontys te volgen, niet alleen hier, maar ook op andere plaatsen in het ontwerp. Hij vroeg waarom ik een doorzichtig ontwerp had gekozen, omdat dat niet past bij de Fontys-stijl. Daarom heb ik het veranderd naar de kleur roze en een driehoek toegevoegd om ervoor te zorgen dat het ontwerp past bij de Fontys-stijl.

Feedback
Natuurlijk! Als je alle versies van mijn ontwerpen wilt bekijken, kun je mijn Figma-ontwerpproject openen. We hebben als groep ook feedback aan Pennie gevraagd over onze website. Ze gaf ons het advies om een video toe te voegen om een betere sfeerimpressie te geven. Samen hebben we onze ideeën besproken en toegevoegd, totdat we samen tot een definitief ontwerp zijn gekomen.
Uiteindelijk hebben we na grondig overleg een definitief ontwerp gekozen om verder te gaan met het coderen.