BABYZEN
Refonte du site

BABYZEN innove dans le monde de la puériculture en mettant sur le marché une poussette et des accessoires esthétiques, durables et pratiques.

Visiter le site

Présentation générale

Type de projet : Création de site Internet
Volumétrie : 30 - 50 jours
Budget : 20 000 - 75 000 €
Technos : Drupal 8
Mot-clés : multilingue, paragraphes, site vitrine, cartographie, migration, performances

BABYZEN a contacté Happyculture dans le but de se faire accompagner dans la refonte de son site sous Drupal 8 afin de disposer d'un plus grand contrôle sur le contenu, de repenser certaines pages comme la carte des revendeurs et la FAQ.

La prestation s'est déroulée en plusieurs étapes :

Étude ergonomique des pages techniques (carte des revendeurs, FAQ, guides utilisateurs)
Reprise fonctionnelle et graphique de l'existant
Développement et intégration des nouvelles fonctionnalités
Déploiement et optimisations

Les principales fonctionnalités du site sont :

Multilingue
Mise en page modulaire et libre
Cartographie des revendeurs avec plus de 3000 points
Import de données récurrent
Formulaire de contact multi-destinataire

Accédez à l'interview de Babyzen et découvrez comment leur site est devenu plus performant et accessible dans le monde entier.

Dates clés du projet

novembre 2019

Réunion de lancement
décembre 2019

Fin de l'étude ergonomique
mars 2020

Mise en ligne
juillet 2020

Début de la maintenance
mars 2021

Évolution multi-pays et boutique
juin 2022

Fin de la mission

Focus sur les fonctionnalités

Capture d'écran du site Babyzen en arabe

Multilingue

Le site sera à terme traduit en plus de 20 langues, incluant des langues à idéogrammes et des langues se lisant de droite à gauche. Dans ce dernier cas, le design s'adapte au sens de lecture.

Capture d'écran du site Babyzen en japonais

Cartographie des revendeurs

Développement personnalisé basé sur les librairies et API mises à disposition par Google (à la demande du client).

Plus de 3000 adresses à afficher avec géolocalisation du visiteur sur demande et recherche par adresse instantanée. Lors d'une recherche ou lors des interactions de l'utilisateur avec la carte, la liste se met automatiquement à jour et inversement.

Interface présentant une carte interactive à gauche et une liste d'établissements à droite

Capture d'écran d'un document Excel présentant des données à importer

Import de données

Qu'il s'agisse de données monolingues comme celle servant à alimenter la carte des revendeurs, ou multilingues comme la liste des accessoires et leurs traductions, l'import des données permet aux administrateurs de gérer une partie de leurs contenus dans un contexte plus simple pour eux que l'espace d'administration de Drupal.

Capture d'écran de la page accessoires du site contenant les données importées

Optimisations

Pouvoir afficher le site de façon acceptable dans tous les pays du monde était une des demandes importantes de BABYZEN. Nous avons commencé par travailler sur l'optimisation des pages en elles-mêmes. Nous avons ensuite ajouté un système de chargement différé des images pour satisfaire les besoins du marketing de présenter les produits de façon animée. Enfin, nous avons confié à Fastly le soin de servir de CDN pour rapprocher le contenu des visiteurs.

Évolution multi-pays

En plus de proposer un contenu traduit dans de nombreuses langues, Babyzen a besoin que certains liens diffèrent (ou disparaissent) en fonction du pays dans lequel le visiteur a été détecté (Smart IP) ou dans lequel il s'est déclaré. En fonction du type de pays, les personnes administrant le site peuvent définir si un lien, qu'il soit dans le contenu ou dans le menu, s'affiche ou pas. Elles peuvent également sélectionner les langues qui seront disponibles pour chaque pays.

Cette évolution a été réalisée totalement sur mesure, aucun module ne correspondant au besoin exprimé.