Le client

Doort est une marque de Hard Seltzer française basée sur le bassin d’Arcachon.
Elle est le fruit d’une collaboration entre Agence Thrive et Brasserie Mira, reconnue pour ses excellents produits, notamment ses bières plusieurs fois primées.

 

Le challenge

Créée en 2020, il a fallu produire un site web depuis zéro.

Agence Thrive s’est donc occupé de sa conception, j’ai été missionné pour la partie développement avec Benoît Galmot en tant que développeur frontend tandis que les maquettes ont été réalisées par Jeanne Chevallier et Mael Schleef.

 

La solution

L’idée de ce site était de proposer une expérience aux nouveaux consommateurs et leur faire découvrir Doort en les plongeant dans l’univers « spatial » de la marque.
Pour cela, l’équipe design a créé un site conceptuel et très animé, mettant en avant les canettes Doort et les différentes saveurs grâce à leur “planètes respectives”.

Concernant le CMS (système de gestion de contenus) nous avons aussi pris le pari de tester Strapi, un CMS headless basé sur Node JS.
Il avait pour but de permettre aux équipes de Doort de pouvoir ajouter des produits via un back office administrable tandis que nous récupérions ces informations via l’API GraphQL pour les injecter sur nos modèles de pages.

Pour la technologie frontend principale, nous avons choisi d’opter pour Nuxt JS car nous avions déjà eu une première expérience avec Vue JS auparavant.
Ce framework a pour but de créer des sites rapides et puissants en combinant la récupération des données via les appels à l’API et la gestion “automatique” des bonnes pratiques du web.
Nous avons pu générer des pages statiques (génération de pages HTML), une fonctionnalité très intéressante pour le SEO.
Ils nous a aussi simplifié le travail de transitions entre les pages et a permis d'accélérer le temps de développement.