Dit product is een replicatie van verschillende pagina's van de Coolblue website. De pagina's bevatten diverse content, waaronder productafbeeldingen, beschrijvingen en prijzen.
Het doel was om de website zo toegankelijk te maken voor alle gebruikers, waarbij ik speciale aandacht heb besteed aan een soepele navigatie met behulp van toetsenbord en screenreader.
Ik heb geprobeerd de website volledig responsive te maken zodat het goed functioneert op apparaten van verschillende formaten, van mobiele telefoons tot desktopcomputers.
Allereerst heb ik uitgebreid onderzoek gedaan naar de structuur, lay-out en functionaliteiten van Coolblue. Dit hielp me een duidelijk beeld te vormen van wat ik moest creëren.
Na het bestuderen van de website heb ik mijn focus gelegd op het schrijven van HTML, CSS en Javascript. Ik zorgde ervoor dat mijn code semantisch correct was en gebruikte verschillende HTML-elementen om de inhoud van de pagina's te structureren.
Een belangrijk aspect van mijn aanpak was het streven naar toegankelijkheid. Ik heb ervoor gezorgd dat mijn website bruikbaar was voor alle gebruikers, inclusief diegene die hulp nodig hebben van hulpmiddelen zoals screenreaders.
Wat betreft responsiveness heb ik gebruik gemaakt van CSS media queries en flexbox/grid lay-outs om ervoor te zorgen dat mijn website goed functioneert op verschillende apparaten, van smartphones tot desktopcomputers.
Over
Als ontwerper met een sterke interesse in techniek en gedreven door creativiteit, combineer ik technische met creatieve vaardigheden om ontwerpen te creëren die zowel functioneel als esthetisch zijn, met als doel de gebruikerservaring te verbeteren.
Contact