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.

Présentation générale

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.

Image de chargement animée

É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é.

Notre équipe et nos partenaires
pour cette réalisation

Et vous ?

Vous cherchez une équipe sur mesure ?
Du conseil technique ou un audit pour réaliser votre projet ?