Excyted

Description

Nous avons repensé le site e-commerce de LeetDesk afin d’offrir aux gamers passionnés une expérience de niveau AAA, tout en donnant à la marque un back-office plus simple à gérer.

Défi

LeetDesk s’est tourné vers nous pour refondre leur site WordPress et WooCommerce développé en interne. Notre mission était d’augmenter les taux de conversion et d’optimiser le site pour qu’il fonctionne plus vite et plus fluidement. LeetDesk souhaitait aussi une solution de gestion de contenu plus facile à utiliser, sans nécessiter de compétences en programmation, et sans risque d’endommager la mise en page.

Solution

Branding

Nous avons commencé par un atelier de branding, au cours duquel nous en avons appris davantage sur la marque LeetDesk. C’est à cette occasion que l’audience cible a été précisée, et qu’une approche a été définie pour offrir plus de valeur et d’engagement à ce public. Voici ce qui en est ressorti. Le public de LeetDesk, ce sont des gamers amateurs qui veulent améliorer leur gameplay avec les meilleurs périphériques, du matériel et des gadgets. Ces clients se décrivent eux-mêmes comme des gamers amateurs, avec des emplois “normaux”. Même s’ils ne sont pas eux-mêmes des “pros”, ils veulent tout de même vivre l’expérience “pro”. À partir de cette nouvelle compréhension du public de LeetDesk, nous avons élaboré une charte de branding et un parcours utilisateur, avec des wireframes, pour planifier la structure du site. La structure principale des pages est restée la même. En revanche, la nouvelle structure interne de contenu propose désormais un parcours client amélioré, ainsi que des formulations plus cohérentes avec la marque.

Design

Nos designers se sont appuyés sur les recommandations de la marque et sur les supports de wireframe pour créer un design sur mesure, au style professionnel, élégant et futuriste. Nous avons choisi une typographie plus attrayante et plus moderne, et conçu un design plus cohérent, qui guide les clients grâce à un flux nouveau, plus naturel. Le détail caractéristique du bureau de gaming Leetdesk se retrouve comme élément de design récurrent sous forme de bandes lumineuses et de dégradés de couleur sur l’ensemble du site. Grâce à ce choix volontaire, le client est mentalement “tenu” pendant sa navigation, tout en découvrant les produits. De plus, nous avons créé sur mesure des vidéos, des images et des icônes, afin d’offrir à l’ensemble du site une apparence propre et cohérente.

Development

Pour donner au site un démarrage au top speed et de bonnes performances SEO, nous avons utilisé Next.js comme framework web et Shopify comme plateforme e-commerce, en les intégrant via la Storefront API. Next.js et Edge Computing détectent automatiquement la langue, le lieu et la devise de l’utilisateur. LeetDesk souhaitait également une forme simple d’édition du contenu. Le choix s’est porté sur Prismic. Chaque texte, chaque image et chaque vidéo peut y être modifié facilement, et de nouvelles pages ou sections de contenu peuvent être ajoutées. Prismic prend en charge plusieurs langues, ce qui permet à l’équipe de LeetDesk de préparer et d’éditer des contenus dans différentes langues. Ensuite, l’équipe de LeetDesk a reçu une session de formation pour se familiariser avec ces technologies et comprendre comment transférer les données des anciens services vers les nouveaux. Pour présenter LeetDesk de manière unique et attractive, nous avons mis en place des animations basées sur le défilement. Plus un client interagit avec le site en faisant défiler la page, plus il voit apparaître d’informations et d’animations. Par ailleurs, grâce à l’intégration d’apps Shopify et d’autres modules de prestataires tiers, le nouveau site propose désormais d’innombrables fonctionnalités, par exemple : avis clients, suivi GTM côté serveur, marketing d’affiliation, configurateur 2D etamp; 3D avec fonction de sauvegarde. Grâce à ces intégrations, un système d’évaluation efficace a pu être mis en place, permettant au client de voir LeetDesk en action chez d’autres joueurs et de découvrir leurs avis. Si un client interrompt le processus de personnalisation de son LeetDesk dans le configurateur sur mesure, il peut sauvegarder sa création, la partager, puis y accéder plus tard via un lien court et clair. Nous traduisons l’esprit joueur du client en intégrant des Eastereggs sous forme de jeux interactifs que nous avons ajoutés au site. Les gamers lancés dans une chasse au trésor doivent ici chercher activement les mini-jeux, les GAGNER et déverrouiller ainsi des codes.