Ontwerpen
Ik heb verschillende schetsen gemaakt om een beetje uit te vinden wat ik zou gaan maken. Ik heb inspiratie opgedaan van websites zoals dribble en awwwards.
Mobile first schets, leuke patronen aan de linkerkant, informatie, socials en foto aan de rechterkant:
Ik had een idee gekregen om een swipe functie te maken waardoor je 3 verschillende pagina's zou zien, ook wilde ik coole hovereffecten:
Als idee voor de desktopversie van de vorige mobile first schetsen had ik min of meer hetzelfde idee, maar dan zonder swipe en gewoon de 3 kaarten naast elkaar:
Ik was nog niet helemaal tevreden met mijn vorige schets ontwerpen. Na wat inspiratie te hebben opgedaan heb ik het volgende geschetst voor de desktop. Links naam, info, foto en socials en rechts linkjes naar projecten.
Hieronder zie je mobile-first ontwerpen waardbij je 3 knoppen hebt zodat je kan kiezen of je de foto, skills of projecten wilt bekijken:
Daarna had ik nog een idee om een animatie te maken die de skills laten ronddraaien en nog een popover met de profielfoto.
Ik was het meest tevreden met schets 4 en schets 5, daarom ging ik deze uitwerken in figma. Uiteindelijk heb ik wel nog veranderingen gemaakt in figma.
Op mijn Figma ontwerpen hieronder zie je als eerste mijn naam en wat info eronder. Een stuk verderop daaronder zie je 2 knoppen en een foto met daarnaast de socials. Als je de knop "SHOW SKILLS" drukt krijg je de popover met de skills, en als je op de knop "SHOW PROJECTS" klikt krijg je de popover te zien met projecten.
Bij de desktop versie had ik geen knoppen meer nodig en kon alles al zo op de website staan.
