E-commerce & drivePage d'accueil du site L'Eau Vive : courses bio en drive et en livraison

60

Magasins bio pilotés par une seule plateforme

8 000+

Produits disponibles

Temps réel

Catalogues, stocks et prix synchronisés avec l’ERP

Contexte et enjeu

L'Eau Vive, c'est plus de 45 ans de bio et un réseau national de 60 magasins, franchisés et intégrés. Chaque magasin a son propre assortiment, ses propres stocks et ses propres prix. L'enjeu : offrir à tous les clients une seule plateforme pour faire leurs courses en ligne, en drive ou en livraison, tout en respectant la réalité de chaque magasin.

Une architecture omnicanale à l'échelle

Nous avons développé la plateforme e-commerce et drive qui pilote l'ensemble du réseau. Le client choisit son magasin ou son point de retrait, et le site s'adapte : catalogue, disponibilités, prix, créneaux de retrait ou de livraison. Un seul site, soixante magasins.

Choisir son magasinRecherche de magasin L’Eau Vive autour de Grenoble : carte et liste des points de retrait
Page d'accueil L'Eau Vive sur mobile

Synchronisation en temps réel avec l’ERP et les stocks

La plateforme est intégrée au logiciel métier de L'Eau Vive. Catalogues, stocks locaux et politiques tarifaires sont mis à jour automatiquement, magasin par magasin. Résultat : le client voit les produits réellement disponibles dans son magasin, au prix de son magasin. Dans la catégorie Fruits et légumes, par exemple, le choix du magasin de Meylan fait passer l'offre de 49 à 80 produits, produits locaux compris.

Avant le choix du magasinCatégorie Fruits et légumes avant le choix du magasin : 49 produits, prix masqués
Magasin de MeylanCatégorie Fruits et légumes après le choix du magasin de Meylan : 80 produits avec leurs prix

Tunnel d’achat et encaissement hybride

Nous avons déployé une solution de paiement en ligne sécurisée, couplée à une interconnexion directe avec les systèmes de caisse (TPE et logiciels d'encaissement) des magasins. Paiement en ligne et encaissement en magasin fonctionnent ensemble : la commande s'intègre naturellement au fonctionnement du point de vente.

Prix du magasin et ajout au panierFiche produit avec le prix du magasin de Meylan et l’ajout au panier

Une expérience repensée

Au-delà de la technique, nous avons repris l'expérience de bout en bout, de la page d'accueil jusqu'à l'historique des commandes, pour que faire ses courses en ligne soit simple et rapide.

Ce qu'on a fait

  1. 01

    Refonte de la page d’accueil

    Un nouveau point d’entrée orienté produits, pour raccourcir le parcours vers le Drive, avec un menu repensé qui hiérarchise l’information.

  2. 02

    Mise en avant des promotions

    Benchmark des acteurs de la grande distribution et du e-commerce, puis conception d’un système de badges et d’un code couleur cohérent avec le catalogue papier.

  3. 03

    Refonte des cartes produits

    Informations et actions harmonisées, et un pictogramme pour repérer les produits frais d’un coup d’œil.

  4. 04

    Optimisation mobile

    Listes produits, espace « Mon compte » et historique des commandes repris pour une navigation fluide sur smartphone.

  5. 05

    Audit UX

    Recommandations sur la cohérence graphique, le tunnel d’achat et les pages recettes, pour renforcer la conversion.

Un parcours utilisateur complexe

Le parcours utilisateur d’un site de cette dimension est complexe, il existe beaucoup de scénarios et de personas et nous voulions absolument réconcilier les usages dans un parcours global. Très heureux d’avoir un magasin Eau-Vive proche de nos locaux (Eau-Vive Meylan), nous en avons profité pour faire passer des entretiens exploratoires directement à l’entrée du magasin. Comprendre les attentes et les réactions des futurs internautes est l’une des clés de la réussite du projet de refonte du site de l’Eau-Vive.Benchmark, personas, userflow, wireframes, maquettage, prototypage, design system… ont été mis en place dans une démarche itérative afin de proposer la solution la plus ergonomique et simple possible pour les utilisateurs.

Eau-vive
Eau-vive – illustration 2
Eau-vive – illustration 3
Eau-vive – illustration 4
Eau-vive – illustration 5

L’intranet Eau-Vive, pour tous les magasins et membres du siège

Un outil métier pour la transformation digitale des magasins et membres du siège de l’Eau-Vive.

Eau-vive – illustration 6
Eau-vive – illustration 7
Eau-vive – illustration 8

L’intranet Eau-Vive concentre tous les outils que le siège met à disposition des magasins franchisés et intégrés. Chaque utilisateur peut donc y retrouver des documents, les actualités du groupe, et un répertoire recensant toutes les coordonnées de tous les utilisateurs.

Eau-vive – illustration 9
Eau-vive – illustration 10
Eau-vive – illustration 11

Par ailleurs, nous avons également profité que la refonte des sites Drive se fasse pendant celle de l’intranet pour les utiliser ensemble. En effet, la gestion des commandes (en drive ou en livraison), ou celle des opérations se fait directement dans l’intranet, accessibles pour les magasins et les membres du siège.

Eau-vive – illustration 12
Eau-vive – illustration 13

Technologies utilisées

Mentions légales