Aller au contenu principal

Projet client · En production

Agour — acheter aussi facilement sur mobile qu'en boutique

Les visiteurs arrivent sur téléphone, mais l'achat y était plus laborieux que sur ordinateur.

Voir le site (nouvel onglet)

Page d'accueil de Agour — acheter aussi facilement sur mobile qu'en boutique, capture pleine page
Client
Agour
Année
2026
Rôle
Direction artistique, Développement, Conseil
Univers
E-commerce

Étude de cas

Le projet

Contexte

Boutique en ligne de produits basques. Avant le dernier trimestre, il fallait que chaque étape d'une visite pousse vers la commande, surtout sur téléphone.

Objectif

Rendre l'accueil, le menu, la recherche, la fiche produit, le panier et le paiement plus clairs et plus rassurants.

Réponse

Des retouches ciblées sur le site en production, activables en accès réservé pour être testées sur son propre téléphone avant d'être ouvertes à tous. Une page de présentation compare chaque écran avant / après.

Résultat

Améliorations en ligne en accès réservé, présentées au client écran par écran.

En détail

Ce que j'ai construit

  1. L'accueil montre les produits plus tôt

    À l'arrivée, la photo prenait tout l'écran. Elle est plus basse, et « Notre sélection » apparaît dans le premier écran.

    Agour — acheter aussi facilement sur mobile qu'en boutique — L'accueil montre les produits plus tôt

    L'accueil montre les produits plus tôt — À l'arrivée, la photo prenait tout l'écran. Elle est plus basse, et « Notre sélection » apparaît dans le premier écran.

  2. Le menu s'ouvre en carte claire

    Au survol d'un rayon, le menu ne recouvre plus toute la largeur de la page : une carte arrondie, aérée, posée sous le rayon.

    Agour — acheter aussi facilement sur mobile qu'en boutique — Le menu s'ouvre en carte claire

    Le menu s'ouvre en carte claire — Au survol d'un rayon, le menu ne recouvre plus toute la largeur de la page : une carte arrondie, aérée, posée sous le rayon.

  3. La recherche répond pendant qu'on tape

    Avant, il fallait valider sa recherche pour voir quelque chose. Les résultats s'affichent maintenant dès les premières lettres.

    Agour — acheter aussi facilement sur mobile qu'en boutique — La recherche répond pendant qu'on tape

    La recherche répond pendant qu'on tape — Avant, il fallait valider sa recherche pour voir quelque chose. Les résultats s'affichent maintenant dès les premières lettres.

  4. La fiche produit va à l'essentiel

    Le titre, les avis, le prix et le bouton d'achat remontent : tout ce qui sert à décider est dans le premier écran.

    Agour — acheter aussi facilement sur mobile qu'en boutique — La fiche produit va à l'essentiel

    La fiche produit va à l'essentiel — Le titre, les avis, le prix et le bouton d'achat remontent : tout ce qui sert à décider est dans le premier écran.

  5. La page panier, claire et rassurante

    Les articles à gauche, le récapitulatif à droite, et les suggestions rangées sous le récapitulatif.

    Agour — acheter aussi facilement sur mobile qu'en boutique — La page panier, claire et rassurante

    La page panier, claire et rassurante — Les articles à gauche, le récapitulatif à droite, et les suggestions rangées sous le récapitulatif.

  6. La commande se fait en quatre étapes visibles

    Coordonnées, adresse, livraison, paiement : une barre d'étapes montre où l'on en est, et le récapitulatif reprend la photo des produits.

    Agour — acheter aussi facilement sur mobile qu'en boutique — La commande se fait en quatre étapes visibles

    La commande se fait en quatre étapes visibles — Coordonnées, adresse, livraison, paiement : une barre d'étapes montre où l'on en est, et le récapitulatif reprend la photo des produits.

  7. Sur téléphone, l'accueil donne envie tout de suite (téléphone)

    Le bandeau noir de trois lignes devient une pastille d'une ligne, et les univers de la maison arrivent dans le premier écran.

    Agour — acheter aussi facilement sur mobile qu'en boutique — Sur téléphone, l'accueil donne envie tout de suite (téléphone)

    Sur téléphone, l'accueil donne envie tout de suite (téléphone) — Le bandeau noir de trois lignes devient une pastille d'une ligne, et les univers de la maison arrivent dans le premier écran.

  8. Le prix et le bouton dans le premier écran (téléphone)

    Sur téléphone, il fallait faire défiler près de deux écrans pour voir le prix. Photo, titre, avis, prix et bouton tiennent maintenant dans le premier.

    Agour — acheter aussi facilement sur mobile qu'en boutique — Le prix et le bouton dans le premier écran (téléphone)

    Le prix et le bouton dans le premier écran (téléphone) — Sur téléphone, il fallait faire défiler près de deux écrans pour voir le prix. Photo, titre, avis, prix et bouton tiennent maintenant dans le premier.

Mon périmètre

Ce que j'ai fait

Audit de conversion, direction artistique, intégration, mise en ligne sécurisée.

Rôle

  • Direction artistique
  • Développement
  • Conseil

Stack

  • PrestaShop
  • CSS
  • JavaScript
  • Playwright

En chiffres

  • 16Écrans comparésSource : Page de présentation Agour, octobre 2026
Mode makerarchitecture, choix techniques
  • Retouches CSS/JS injectées sur le thème PrestaShop.
  • Accès réservé par paramètre d'URL et cookie de 30 jours.
  • Captures avant / après automatisées (Playwright).

Continuer

Projets suivants

Tous les projets