Aller au contenu principal

Projet client · Livré

Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone

Avant les fêtes, chaque clic de trop sur mobile, c'est une commande qui part ailleurs.

Page d'accueil de Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone, capture pleine page
Client
Pierre Ibaïalde
Année
2026
Rôle
Direction artistique, Développement
Univers
E-commerce

Étude de cas

Le projet

Contexte

Charcutier basque qui vend en ligne. La plupart des visiteurs arrivent sur téléphone, et les fêtes concentrent une grande partie des ventes.

Objectif

Que l'on trouve et que l'on achète un quart de jambon ou un foie gras en quelques gestes, sur mobile comme sur ordinateur.

Réponse

Un accueil qui ouvre la saison et montre les produits phares, un menu à onglets en images, une recherche plus complète dès les premières lettres, et des fiches produit où le format, le prix et le bouton d'achat tiennent dans le premier écran.

Résultat

Pages retravaillées et comparées écran par écran, avant / après, sur téléphone et sur ordinateur.

En détail

Ce que j'ai construit

  1. Sur ordinateur, l'accueil montre enfin quoi acheter

    Aujourd'hui, « Le monde du jambon » occupe tout le premier écran, sans bouton ni produit : rien à acheter au-dessus de la ligne de flottaison. Le hero devient plus bas, avec un message de saison et vos produits phares.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — Sur ordinateur, l'accueil montre enfin quoi acheter

    Sur ordinateur, l'accueil montre enfin quoi acheter — Aujourd'hui, « Le monde du jambon » occupe tout le premier écran, sans bouton ni produit : rien à acheter au-dessus de la ligne de flottaison. Le hero devient plus bas, avec un message de saison et vos produits phares.

  2. Un accueil qui ouvre la saison des fêtes (téléphone)

    « Le monde du jambon » laisse place à un message de saison et une action claire, puis trois entrées : le repas, l'apéritif, offrir.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — Un accueil qui ouvre la saison des fêtes (téléphone)

    Un accueil qui ouvre la saison des fêtes (téléphone) — « Le monde du jambon » laisse place à un message de saison et une action claire, puis trois entrées : le repas, l'apéritif, offrir.

  3. Un menu à onglets, en images (téléphone)

    Le menu actuel est une liste de mots. Le nouveau s'ouvre sur une recherche, un onglet par univers et vos rayons en photos.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — Un menu à onglets, en images (téléphone)

    Un menu à onglets, en images (téléphone) — Le menu actuel est une liste de mots. Le nouveau s'ouvre sur une recherche, un onglet par univers et vos rayons en photos.

  4. Une recherche plus complète dès les premières lettres

    Votre site propose déjà des résultats pendant la frappe, mais limités à trois produits. Le panneau en montre six, avec leur rayon et leur prix, et le mot cherché mis en valeur.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — Une recherche plus complète dès les premières lettres

    Une recherche plus complète dès les premières lettres — Votre site propose déjà des résultats pendant la frappe, mais limités à trois produits. Le panneau en montre six, avec leur rayon et leur prix, et le mot cherché mis en valeur.

  5. La même recherche, au pouce (téléphone)

    Sur téléphone, le panneau s'ouvre sous l'en-tête : de grandes lignes faciles à toucher, et les prix visibles.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — La même recherche, au pouce (téléphone)

    La même recherche, au pouce (téléphone) — Sur téléphone, le panneau s'ouvre sous l'en-tête : de grandes lignes faciles à toucher, et les prix visibles.

  6. Le quart de jambon s'achète dès le premier écran (téléphone)

    Aujourd'hui, cinq pictos occupent le haut de la fiche, et le bouton « Ajouter au panier » n'arrive qu'après plus d'un écran et demi de défilement. Il remonte, et une barre d'achat reste visible.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — Le quart de jambon s'achète dès le premier écran (téléphone)

    Le quart de jambon s'achète dès le premier écran (téléphone) — Aujourd'hui, cinq pictos occupent le haut de la fiche, et le bouton « Ajouter au panier » n'arrive qu'après plus d'un écran et demi de défilement. Il remonte, et une barre d'achat reste visible.

  7. Le foie gras : format et prix d'un coup d'œil (téléphone)

    Trois formats, trois prix, sans menu à ouvrir. Les conseils de votre description remontent près du bouton.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — Le foie gras : format et prix d'un coup d'œil (téléphone)

    Le foie gras : format et prix d'un coup d'œil (téléphone) — Trois formats, trois prix, sans menu à ouvrir. Les conseils de votre description remontent près du bouton.

  8. La même fiche sur ordinateur

    Tout ce qui aide à décider tient à côté de la photo : avis, prix, formats, bouton, livraison et trois faits vérifiés.

    Pierre Ibaïalde — commander pour les fêtes, simplement, depuis son téléphone — La même fiche sur ordinateur

    La même fiche sur ordinateur — Tout ce qui aide à décider tient à côté de la photo : avis, prix, formats, bouton, livraison et trois faits vérifiés.

Mon périmètre

Ce que j'ai fait

Analyse des parcours, direction artistique, intégration sur la boutique Shopify.

Rôle

  • Direction artistique
  • Développement

Stack

  • Shopify
  • CSS
  • JavaScript
  • Playwright
Mode makerarchitecture, choix techniques
  • Retouches CSS/JS sur le thème Shopify.
  • Captures avant / après automatisées sur téléphone et ordinateur (Playwright).

Continuer

Projets suivants

Tous les projets