Research
Ik ben begonnen met het zoeken van inspiratie voor mijn portfolio. Welke elementen ik ook zou kunnen toevoegen aan
mijn website.
Vervolgens ben ik een moodboard gaan maken. Ik had al een beetje in
gedachte wilde hebben dat ik de thema paars en een beetje luchtkleuren wilde hebben.
Daarna heb ik mijn wireframes gemaakt. Lody gaf me het idee om iets met vertrekschermen te doen die
in de luchthavens te vinden zifvoorbeeldenjn. Dus ik ben voorbeelden gaan opzoeken, zodat ik het na kon ontwerpen in mijn
eigen stijl.
Om het hele proces te zien klik dan hier.
Design
Het coderen van het vertrekscherm ging iets lastiger. Ik was eerst begonnen met allemaal divs, vervolgens heb ik de
tabelinrichting gebruikt. Ik zag al dat dat moeilijk was om het te bewerken naar het design dat ik had
ontworpen,
dus had ik feedback gevraagd aan Stan. Hij heeft gezegd dat list en span gebruiken wat inderdaard fijner werkte.
Zie proces vertrekscherm
Om het meer op een vertrekscherm te laten lijken, heb ik de typografie Roboto Mono gebruikt.
Ook heb ik onderin in de pagina de leeruitkomsten gezet. Hier heb ik feedback op gekregen hoe ik dit anders zou kunnen doen.
Waarom heb ik het gedaan?
Mijn portfolio is gemaakt in de thema van luchtvaart. Zelf werk ik ook op de luchthaven vandaar dat ik op dit idee
kwam.
Usertests
Wat en hoe heb ik gedaan?
Ik heb A/B testing gegaan voor de layout van de projecten. Één heb ik gedaan voor hoe de begin van de pagina eruit ziet met of zonder kader om de tekst heen en de andere is voor de titels op de pagina.
Waarom heb ik het gedaan?
Ik heb usertests gedaan om te kijken welke anderen beter of mooier vinden.
Bekijk de A/B usertests en Navigatie usertest.
Easter egg
Wat heb ik gedaan?
Ik heb een easter egg gemaakt die te vinden is op mijn website. Het is een kopje koffie die het scherm binnenkomt met mijn achternaam erop geschreven.
Hoe heb ik dit gedaan?
Tijdens een workshop over animaties ben ik daarmee aan de slag gegaan. Ik heb dit kunnen doen met behulp van een tutorial en keyframes
Hera en eigen domeinnaam
Omdat ik heb gehoord dat je niet alleen met Hera je website hoeft online te zetten, heb ik een eigen domeinnaam gekocht.
Klik hier om naar mijn Git mijn Git te gaan
Reflectie
Het was leuk om zelf mijn portfolio te mogen inrichten in de stijl die ik zelf wilde. Hiermee heb ik kunnen experimenteren met verschillende elementen die ik in de website heb gezet, zoals bijvoorbeeld de custom cursor. Ik ga er zeker verder mee aan de slag om een fijne portfolio websites te maken waaarbij de goed te volgen is.
