Netflix website nagebouwdFront-end development
Tijdens dit project moest ik een bestaande website verbeteren en de huisstijl hiervan gebruiken, met de focus op toegankelijkheid. De website moest gemaakt worden met nette vanilla HTML, CSS en JS, waarbij ik mobile-first moet gaan coderen.
Om ervoor te zorgen dat de website voldoet aan de toegankelijkheidseisen, heb ik verschillende technieken en tools gebruikt om de website te testen en aan te passen. De website heb ik bijvoorbeeld getest door middel van een toetsenbord (pijlen en tab toets), muis, screenreader en ook heb ik de website getest op kleurenblindheid. Hierna heb ik deze verbeterd. Door extra aandacht te geven aan de surface laag(animaties), is de website visueel aantrekkelijk geworden. Dit project was een waardevolle ervaring, het heeft me geholpen om ook naar de toegankelijkheid te kijken van websites en hoe ik deze kan toepassen of verbeteren.
Feedback van de docent
" Ziet er mooi uit. Heel tof hoe je je hebt verdiept in toegankelijkheid. En de leergierige houding siert je. "
Extra
Hover over de knoppen, schrik niet. Druk op afspelen om naar de volgende pagina te gaan maar, druk niet op afsluiten (spoiler: de html pagina verdwijnt dan).
Portfolio
-
SNKR HNTRZ App
Een multi-device app die gebruikers helpt hun kansen op exclusieve sneakers te vergroten met vrienden.
- UX Design
- UI Design
-
Shadow's recept
Een interactief prototype over de ideale kattenvoeding voor mijn kat, Shadow.
- UX Design
- UI Design
-
WorkTogether
Een interactief product dat de samenwerking van studenten in het HvA-restaurant verbetert.
- UX Design
- UI Design
-
Tamagotchi Spel
Gebaseerd op JavaScript-functies en DOM-manipulatie.
- HTML
- CSS
- JavaScript