Plantrebelz

De opdracht

De opdracht voor het vak Frontend in het tweede jaar was om een bestaande website te kiezen en daarvan twee pagina's na te maken. Waar mogelijk is het belangrijk dat je de website ook verbeterd, denk aan semantische html in plaats van alleen div'jes of het toegankelijk maken voor mensen met een beperking (wat helaas veel websites niet altijd zijn). Ook is het belangrijk dat je netjes en gestructureerd te werk gaat met het coderen.

Mijn invulling

Voor deze opdracht heb ik de website van Plantrebelz gekozen, waar gebruikers planten, stekjes en terrariums kunnen kopen. Ik ben voor deze website gegaan omdat ik zelf sowieso fan ben van planten, maar ook de vormgeving van deze website er erg goed uit vond zien. Wel was de website gemaakt met een CMS, waardoor de code niet semantisch was, en de website niet toegankelijk voor mensen met een beperking. Mede hierdoor zag ik veel kansen om de website te verbeteren en heb ik ervoor gekozen om deze website na te maken. Ik ben begonnen met mobile-first en heb dat daarna uitgebreid tot een volledig responsive website die volledig toegankelijk is. Ik ben erg trots op het resultaat en heb veel geleerd van het precies namaken van deze website. Vooral omdat ik niet na hoefte te denken over het design had ik extra veel aandacht voor de code en de toegankelijkheid. Ook heb ik extra aandacht besteed aan het toevoegen van micro-interacties en animaties.