Doelen

Dit project draaide om twee doelen. Allereerst maakte ik een 1-op-1 rebuild van Apple’s website. Compleet met het strakke, minimalistische design en de vloeiende interacties waar ze om bekendstaan. Daarnaast richtte ik me op iets wat bij Apple nog beter kan: toegankelijkheid. Want hoe sterk hun design ook is, inclusie verdient net zoveel aandacht.

Aanpak

De regels waren streng: geen div- en class-spaghetti, alles moest semantisch correct gecodeerd zijn. Denk aan sections, articles en aria-labels die de screenreader netjes meenemen.

Daarbovenop implementeerde ik functies als verminder animaties, een dark mode en extra aandacht voor contrasten en leesbaarheid. Zo bleef het design strak, maar werd de site ook gebruiksvriendelijker voor iedereen.

Naast de homepage bouwde ik ook de iPhone 14 productpagina. Hier lag de focus op interactieve details: kies een kleur en de hele pagina kleurt mee. Knoppen, accenten en visuals passen zich direct aan met jouw keuze.

Oplossing

Het eindresultaat? Een pixel-perfect rebuild van Apple’s homepage en productpagina, inclusief de soepele animaties en interactieve elementen die het zo typisch Apple maken. Daarbovenop voegde ik een laag toegankelijkheidsopties toe, zodat de site niet alleen mooi is, maar ook echt door iedereen te gebruiken is.

Resultaten

Wat begon als een “even namaken”, groeide uit tot een project in hoe design, interactie en toegankelijkheid samenkomen. Ik leerde hoe belangrijk semantische HTML is, hoe je WCAG-richtlijnen toepast in de praktijk, en hoe je animaties kunt optimaliseren zonder de gebruikservaring van anderen in de weg te zitten. Het leverde niet alleen een mooie beoordeling op, maar vooral een scherpere blik op wat écht goed webdesign betekent.