La Plongée vend en ligne du matériel de plongée sous-marine : détendeurs, ordinateurs, combinaisons, palmes et masques. Le site tournait sur un thème clair et générique, où la plongée n’apparaissait qu’à travers le logo et les photos de produits.
Nous avons dessiné un thème qui raconte la plongée, sombre comme les profondeurs sur l’accueil et clair dès qu’on achète, puis nous l’avons mis en ligne le 1er novembre 2026.
- Client
- La Plongée
- Activité
- Magasin de matériel de plongée sous-marine à Saint-Benoît, près de Poitiers
- Plateforme
- PrestaShop 8
- Notre travail
- Maquettes, thème, mise en ligne
- En ligne depuis
- 1er novembre 2026
AvantAprèsEn bref
Point de départ : un thème générique, un accueil qui commençait par un carrousel de produits et des fiches dont le prix n’apparaissait pas au premier écran sur téléphone.
Direction : le bleu du plongeur et les disques bleus du logo, une ambiance de grande profondeur pour l’accueil et les rayons, un fond sable pour choisir et acheter.
Méthode : trois maquettes d’accueil, une retenue et déclinée sur toutes les pages avec les vrais produits, puis un thème contrôlé sur ordinateur, tablette et téléphone avant la mise en ligne.
Mise en ligne : le 1er novembre 2026, de nuit, avec le parcours d’achat vérifié aussitôt.
Le point de départ : un thème générique
L’ancien thème était propre mais passe-partout : fond blanc, bandeaux bleu clair, titres fins. L’accueil ouvrait directement sur un carrousel « Sélection du moment », sans rien dire du magasin, et la recherche se cachait derrière une petite loupe.
Sur téléphone, les défauts se voyaient davantage. Le menu s’ouvrait au milieu de la page et repoussait le contenu, le titre « Catégorie : Détendeurs » occupait un bon tiers du premier écran, et sur une fiche produit il fallait faire défiler les photos avant de voir le prix. La page « Livraison » débordait aussi sur le côté de l’écran.
La direction : une plongée, puis un retour au clair
Le logo de La Plongée montre un plongeur en pleine foulée et quatre disques bleus qui se chevauchent. Nous en avons tiré les deux bleus du thème. Le reste vient du sujet : un magasin de plongée se raconte en descendant, alors l’accueil part d’une photo de plongeur en grotte et s’assombrit vers les profondeurs. Mais on n’achète pas dans le noir : fiches, panier et commande passent sur un fond sable clair, avec des boutons bleu roi très contrastés.
#2B59E0boutons d'achat, prix#4CADF5pastilles, repères#04131Faccueil, en-tête, rayons#F6EFE6cartes produits, pages d'achat#F19D76promotions, remises#3FD0D4mots-clés, premier boutonAvant / après, page par page
Faites glisser le curseur pour comparer. Mêmes pages, mêmes écrans : ordinateur de 1366 px de large, téléphone de 390 px.
Accueil
Avant : le bandeau téléphone, un menu sur deux lignes, puis le carrousel de produits. Après : la recherche en grand dans l'en-tête, une photo de plongée en plein écran avec l'accès au catalogue, et les trois engagements de la boutique juste en dessous.
AvantAprès
AvantAprèsRayon « Détendeurs »
Le grand bandeau « Catégorie : Détendeurs » laisse place à un bandeau plus court. Sur ordinateur, les sous-rayons sont listés à gauche ; sur téléphone, un bouton « Filtrer » et le tri tiennent sur une ligne, et les produits s'affichent sur deux colonnes dès le premier écran.
AvantAprès
AvantAprèsFiche produit
Le prix passe en grand, en bleu roi, avec l'économie en pastille et le délai juste dessous. La quantité se règle avec deux gros boutons, et un encadré rappelle que la commande peut être retirée au magasin. Sur téléphone, titre et prix arrivent avant les photos.
AvantAprès
AvantAprèsAjout au panier
La fenêtre qui suit l'ajout passe sur le sable : « Commander » en bleu roi, « Continuer mes achats » en contour, et le récapitulatif dans un encadré blanc.
AvantAprès
AvantAprèsMenu
Sur ordinateur, les rayons s'ouvrent en grand panneau : les sous-rayons sur deux colonnes, la photo du rayon et un lien « Voir tout ». Sur téléphone, le menu s'ouvre en tiroir par-dessus la page : les rayons avec leur pictogramme, les promotions en pêche, puis le compte, le téléphone et le magasin.
AvantAprès
AvantAprèsDans le détail
Quelques éléments du nouveau thème, vus de près.
Sur tous les écrans
Le même thème sur ordinateur, tablette et téléphone.
Ce qui a changé, en chiffres
Le nouveau thème vient d'être mis en ligne : l'effet sur les ventes se mesurera dans quelques mois. Voici ce qui se mesure dès aujourd'hui, sur la page d'accueil vue d'un téléphone.
Comment s’est passée la refonte
Votre boutique ne ressemble pas à votre métier ?
Nous partons de votre logo, de votre métier et de vos vrais produits, nous vous proposons des pistes de maquettes, puis nous construisons le thème retenu. Le prix dépend du projet (sur devis).
