2. Ontwerpen 🎨 - iBadr49/Portfolio-v2 GitHub Wiki

Figma

Portfolio design

Na inspiratie te hebben gezocht, ben ik begonnen met het ontwerpen van mijn portfolio. Ik ben nog steeds bezig met het aanpassen en verbeteren, dus dit ontwerp zal waarschijnlijk niet mijn uiteindelijke versie/resultaat zijn. Ik heb Figma gebruikt als design tool, en hieronder zie je wat ik tot nu toe heb gemaakt.

later heb ik een design review gevraagd en daardoor heb ik verschillende feedback gekregen waar ik ook een andere design heb gemaakt wat ik tot nu beter vind passen.

Stacking -Cards (Projects)

Ik dacht om de stacking animatie te gaan maken met CSS en verbeteren en mooier te gaan maken met JS, ik dacht dat ik een image kan gebruiken voor elk project en ernaast een text schrijven van wat de project is en wat ik tijdens dit project heb gedaan en zo ziet mijn design eruit tot nu;

Figma design

Hieronder een breakdown schets hoe ik misschien deze kan bouwen;

Breakdown schets

PE -Formulier

Ik heb een schets gemaakt van hoe het formulier zou kunnen werken. Dit heb ik gedaan om mijn ideeën te verduidelijken en abstracte begrippen begrijpelijk te maken. Ik heb verschillende schetsen gemaakt, waaronder een ontwerp, een breakdown van de structuur, en een theoretische weergave van de werking. Deze schetsen hebben me geholpen om een helder beeld te krijgen van het proces en de functionaliteit.

Formulier in theorie

Design

Ik dacht erover na om iets dergelijks te bouwen. Dit is zeker niet het definitieve ontwerp, maar wel een startpunt. Ik heb wel wat andere stijlen in gedachten, maar die wil ik liever in de code uitproberen.

Breakdown schets

Hieronder heb ik een breakdown schets gemaakt van hoe ik de formulier kan bouwen.