Excyted

Beschrijving

We hebben de e-commercewebsite voor LeetDesk opnieuw ontworpen, zodat enthousiaste gamers een AAA-ervaring krijgen en het merk een backend krijgt die eenvoudiger te beheren is.

Uitdaging

LeetDesk heeft zich tot ons gewend om hun zelfgebouwde WordPress- en WooCommerce-website opnieuw op te bouwen. Onze missie was om de conversieratio’s te verhogen en de website te optimaliseren zodat deze sneller en soepeler werkt. LeetDesk wilde ook een oplossing voor contentmanagement die eenvoudiger te gebruiken is, zonder dat hiervoor programmeerkennis nodig is en zonder dat de lay-out verstoord kan raken.

Oplossing

Branding

We zijn begonnen met een brandingworkshop waarin we meer te weten kwamen over het merk LeetDesk. Daarin hebben we de doelgroep nader bepaald en een manier gevonden om die doelgroep meer waarde en engagement te bieden. Dit kwam eruit: de doelgroep van LeetDesk zijn hobbygamer(s) die hun gameplay willen verbeteren met de beste randapparatuur, hardware en gadgets. Deze klanten zien zichzelf als hobbygamer(s) met een normale baan. Ook al zijn ze geen “professionals”, ze willen toch de pro-ervaring. Op basis van dit nieuwe begrip van de klantenkring van LeetDesk ontwikkelden we een brandingrichtlijn en een userflow met wireframes om de structuur van de website te plannen. De hoofdstructuur van de pagina’s bleef daarbij behouden. De nieuwe interne structuur voor paginacontent heeft nu echter een verbeterde klantflow en meer merkpassende formuleringen.

Design

Onze designers hebben de brand-richtlijnen en wireframe-slides gebruikt om een gepersonaliseerd ontwerp te ontwikkelen met een professionele, elegante en futuristische uitstraling. Daarbij hebben we een aantrekkelijkere, modernere lettertypekeuze gemaakt en een samenhangender ontwerp gecreëerd dat klanten door de nieuwe, natuurlijkere flow van de website leidt. De kenmerkende rand van het Leetdesk-gamingbureau komt terug als terugkerend designelement in de vorm van lichtstrips en verloopkleurvlakken op de hele website. Door dit bewuste designelement blijft de klant tijdens het surfen door de pagina’s telkens bij het product. Daarnaast hebben we op maat gemaakte video’s, afbeeldingen en pictogrammen gemaakt die de hele website een strak en consistent uiterlijk geven.

Development

Om de website topsnelheid en goede SEO te geven, hebben we Next.js gebruikt als webframework en Shopify als e-commerceplatform en deze geïntegreerd via de Storefront-API. Next.js en edge computing herkennen automatisch de taal, locatie en valuta van de gebruiker. LeetDesk wilde bovendien een eenvoudige manier om content te bewerken. De keuze viel daarbij op Prismic. Daar kan elke tekst, elk beeld en elke video eenvoudig worden bewerkt en kunnen nieuwe pagina’s of contentblokken worden toegevoegd. Prismic ondersteunt meerdere talen, zodat het team van LeetDesk content in verschillende talen kan aanleveren en bewerken. Vervolgens kreeg het LeetDesk-team een introductie om zich vertrouwd te maken met deze technologieën en te leren hoe de data van de oude diensten naar de nieuwe kan worden overgezet. Om LeetDesk op een unieke en aantrekkelijke manier neer te zetten, hebben we scroll-gebaseerde animaties ingezet. Hoe meer een klant met de website interacteert door naar beneden te scrollen, hoe meer informatie en animaties er worden getoond. Daarnaast heeft de nieuwe website door de integratie van Shopify-apps en andere modules van derden nu ontelbaar veel nieuwe functies, zoals: gebruikersrecensies server-side GTM-tracking affiliate marketing 2D & 3D-configurator met opslagfunctie Met deze integraties konden we een effectief beoordelingssysteem opzetten, waarmee de klant LeetDesk in actie kan zien bij andere spelers en hun meningen kan ontdekken. Als een klant het aanpassingsproces van zijn LeetDesk stopt in de op maat gemaakte configurator, kan hij deze opslaan, delen en later openen via een korte, overzichtelijke link. We spreken de speelse voorkeuren van de klant aan door Eastereggs te integreren in de vorm van interactieve games die we op de website hebben opgenomen. Gamers die op een speurtocht zitten, moeten hier actief op zoek naar de minigames, deze winnen en daarmee codes vrijspelen.