2. Ontwerpen
De footer van de website ziet er niet zo goed uit, zoals je kunt zien op de afbeelding hieronder. Voor de desktop versie is het oké, maar voor mobile versie kan het beter. Er is te veel lege ruimte onderaan, en ik denk erover om het menu daar weg te halen. We hebben hetzelfde menu al bovenaan de pagina, dus het lijkt overbodig om het opnieuw onderaan te tonen. Ook wil ik de iconen voor de sociale media groter maken en een naam geven aan elke sociale media, zodat de eindgebruikers precies weten welke logo's bij welke platforms horen. Misschien kunnen we de kop "Contact" naar "Socials" veranderen.
Desktop & Mobile Versie
Ik heb deze week een nieuwe ontwerp gemaakt voor de detailpagina aangezien de andere niet responsive was en ook met wat ik vond onduidelijke code geschreven.
Mobile -Versie
Desktop -Versie
Ik probeerde de vorige design en code te aanpassen, heb ik ook gedaan en aan mijn opdrachtgever laten zien, ik heb wat feedback gekregen en daarom heb ik een nieuwe design van gemaakt zie hieronder;
Desktop & Mobile -Versie
Ik heb hier de oude carousel weg gehaald en een nieuwe ontwerp van gemaakt deze ga ik met PE maken.
Desktop & Mobile -versie
Ik heb de oude code opnieuw geschetst om een beter inzicht te krijgen in hoe ik deze pagina zal opbouwen met behulp van een grid-layout. ik probeerde ook een breakdown schets van te maken, ik heb verschillende schetsen gemaakt om een oplossing voor te vinden, eerst begon ik met het schetsen voor een html oplossing en daarna hoe de grid gebouwd kan worden.
Breakdown schets
Dit is de mobile -versie schets
Desktop versie schets
Ik probeer beter te worden in figma zodat ik makkelijk design's kan maken die mijn een beter inzicht kan geven dan pen en papier daarom was ik ook aan het zoeken hoe ik figma beter kan gebruiken, ik kwam deze bron tegen op dailey.dev hoe je grid kan gebruiken, ik vind dit een goede moment om figma te gebruiken en deze materie ook gelijk gaan testen zie hieronder mijn figma, deze heeft mij ook een goede beeld gegeven hoe ik de grid zou bouwen in code.
Figma design
Ik heb een nieuwe ontwerp gemaakt voor deze pagina die ook consistent is met andere pagina's en de andere bestaande grid, zie mijn ontwerp hieronder.
