De Notenshop

Redesign + overstap naar het Hypershop Vitals Theme

Hoe we De Notenshop een nieuw design gaven dat perfect aansluit bij het merk en het Vitals Theme bouwden voor de best mogelijke performance

Redesign + overstap naar het Hypershop Vitals Theme

De klant

De Notenshop is een webwinkel op het gebied van noten, zuidvruchten, superfood en natuurvoeding. Van marktkoopman sinds 1963 heeft De Notenshop dezelfde kwaliteit weten te vertalen naar een hard groeiende online business.

Scherp geprijsde producten, een ruim en variërend aanbod, goede kwaliteit, goede service en snelle verzending zorgen er voor dat steeds meer mensen terug blijven keren.

Diensten

Redesign + performance optimalisatie

denotenshop.nl
denotenshop.be

Reden tot redesign

De veranderde standaard van Google op het gebied van performance, de duidelijk gevormde doelgroep en het duidelijke beeld van hoe de bezoeker zich in de webshop gedraagt was de onderbouwde reden om de webshop op de schop te nemen.

Met een redesign was het mogelijk om de algehele performance, de customer experience, de look & feel en de merkbeleving in de webshop te verbeteren.

Voorbereiding en werkwijze

Voorbereiding en werkwijze

Om een goed doordacht nieuw design neer te zetten hebben we volgens een van te voren uitgestippeld traject gewerkt. Het was belangrijk dat de consument, die zo vertrouwd is met zijn bekende De Notenshop, zijn vertrouwde notenleverancier zou blijven herkennen en begrijpen zoals die dat voorheen deed.

Tevens moesten de user experience, de performance en het design zelf aanzienlijk verbeterd worden zodat ze voldoen aan de minimale vereisten (of eigenlijk nóg beter zijn) en De Notenshop een goed herkenbare identiteit zou krijgen.

Realisatie

Na het nieuwe design goed uitgedacht te hebben, gebaseerd op data, conclusies van de klantenservice van De Notenshop en vernieuwde best-practices, zijn onze developers aan de slag gegaan met de implementatie van het nieuwe design op ons eigen Magento Thema genaamd Vitals.

Het Vitals thema is gebaseerd op de Core Web Vitals van Google. Dit betekent geen overbodige code, maar wél de beste functionaliteiten en optimalisaties om maximaal te presteren. Hierdoor profiteer je van optimale snelheid, alle mogelijkheden om hoog te ranken in de zoekresultaten van Google en de beste user experience.

Resultaat

Het resultaat van het redesign is een supersnelle webshop met een fris design dat aansluit bij de doelgroep en een optimale gebruikerservaring biedt.

Met de vernieuwde webshop heeft De Notenshop een geheel eigen identiteit gekregen die van A tot Z in alle uitingen wordt doorgevoerd. Ook voldoet de webshop aan de eisen van vandaag de dag en kan er weer doorontwikkeld worden om de huidige positie als marktleider te behouden.

Uitgelichte features

  • Uitstraling die past bij het merk én de doelgroep aanspreekt
  • Nieuwe huisstijl doorgevoerd van A tot Z: van de webshop tot de e-mails en de socials
  • Ondersteunende recepten dynamisch in de shop weergegeven vanuit het blog
  • Snel bestellen vanaf de categoriepagina
  • Productinformatie op de productpagina overzichtelijker gemaakt
  • Compleet gestripte Magento 2 basis zonder overbodige code
  • Thema dat volledig geoptimaliseerd is voor de Core Web Vitals
Notenshop-redesign-imac

Core Web Vitals resultaten

Het Hypershop Vitals thema doet wat het belooft: slagen voor de Core Web Vitals! Zowel de homepage, categoriepagina’s als productpagina’s slagen voor de Core Web Vitals. Onderstaande visuals laten het effect van het Vitals thema duidelijk zien.

Ons werk