Opdrachtgever

Schoolopdracht UI/UX

Opdracht

Webdesign & Development (Webflow)

Tesla Webdesign & Development

tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui

Voor het vak UI/UX kregen we als eindopdracht de taak om een marketingsite voor een bestaand product te creëren. Ik koos voor Tesla vanwege hun futuristische en strakke design, wat me enorm aanspreekt. Het proces begon met het opstellen van een sitemap en het ontwikkelen van zowel low-fidelity als high-fidelity wireframes om de structuur van de site vast te leggen. Nadat deze stappen voltooid waren, gingen we verder met het visuele ontwerp en prototyping in Figma. En als laatste stap mochten we de website ontwikkelen in Webflow.

tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui
tesla webdesign arteveldehogeschool eindwerk ux ui

Minimalistisch Design voor Maximale Conversie

Qua stijl heb ik gekozen voor een minimalistisch en strak design om de focus op de foto's van de auto's te leggen en potentiële klanten niet af te leiden van het uiteindelijke doel: conversie. Ik heb met verschillende grijstinten gewerkt om bepaalde elementen te benadrukken, terwijl subtiele groene accenten, zoals hover-effecten op knoppen, een extra dimensie toevoegen. De keuze voor groen weerspiegelt Tesla's toewijding aan duurzaamheid. De belangrijkste call-to-action is gericht op het boeken van een testrit, aangezien dit een cruciale stap is richting een potentiële aankoop. Daarnaast heb ik bewust secties toegevoegd over het laadaspect van de auto's, omdat dit vaak een kritiekpunt en bron van twijfel is bij elektrische voertuigen. Hiermee wil ik laten zien hoeveel laadpunten er al beschikbaar zijn en hoe eenvoudig het is om een laadpaal te installeren.