Apple

Website Replica, Mobiele- en Desktopwebsite

Over dit Project

Dit project had als doel een website zo nauwkeurig mogelijk na te maken, en deze te verbeteren op punten als toegankelijkheid en interactie. Aan de hand van meerdere tests, herontwerpen en inleving in de gebruiker heb ik de website weten na te bouwen en verbeteren waar nodig.

Overzicht

Amsterdam

Opdrachtgever

Communication and Multimedia Design, HvA

Zelfstandig, 4 weken

Rol en duur

Ik had de verantwoordelijkheid om de gehele opdracht uit te voeren, en dit moest gedaan worden in vier weken: verdeeld over het analyseren van de originele website tot het volledig afronden ervan. Ik heb deze opdracht uitgevoerd in september 2023.

Doelen

Reproduceer de website, verbeter deze waar mogelijk in toegankelijkheid en interactie.

Proces

Tijdens deze opdracht ben ik met oog voor detail gaan kijken naar de website van Apple. Ik heb hierbij vooral gekeken naar de broncode van de website. Hierdoor kon ik veel elementen namaken qua stijl. Door helemaal op te gaan in de stijl van Apple, kwam ik tot leuke inzichten, maar ook soms tot lastige uitdagingen. Vooral de vele animaties en interactieve elementen waren voor mij een uitdagend. Ook het volledig responsieve maken (dat de website op elk schermformaat er goed uit ziet en mee schaalt), was iets nieuws voor mij, maar ging mij goed af. Ook keek ik bij deze opdracht erg naar toegankelijkheid en hield ik mij bezig met screen readers, positionering van elementen, dark mode en andere gebruikersinstellingen. Als je kijkt vanuit een ander persoon, kom je al snel tot vele nieuwe inzichten en problemen die je moet gaan oplossen. Uiteindelijk kwam alles bij elkaar tot een geweldig eindresultaat, en was de website exact nagemaakt.

Resultaten

Het resultaat leverde een mooie website op die identiek was aan de originele website, en meer toegankelijk was aan de hand van een goede structuur in HTML-tags voor de screen readers, een functie om animaties te verminderen en een dark mode.