Maroquinerie Meaux vend en ligne sa maroquinerie pour femme et homme, du portefeuille au sac à dos. La boutique tournait sur Classic, le thème livré avec PrestaShop, presque sans retouche : en dehors du logo, rien ne rappelait la marque.
Nous avons dessiné un thème à partir de ce logo, puis nous l’avons mis en ligne le jour où la boutique est passée à PrestaShop 9.2.
- Client
- Maroquinerie Meaux
- Activité
- Maroquinerie femme et homme, maison familiale depuis 1956
- Plateforme
- PrestaShop 9.2
- Notre travail
- Maquettes, thème, mise en ligne
- En ligne depuis
- 29 octobre 2026
AvantAprèsEn bref
Point de départ : le thème par défaut de PrestaShop, un bandeau PayPal bleu en haut de chaque page et des bannières d’accueil en texte sur fond rouge.
Direction : couleurs, formes et titres tirés du logo, avec le rouge du sac réservé aux boutons d’achat.
Méthode : deux pistes de maquettes sur les vrais produits de la boutique, une retenue, puis un thème essayé sur ordinateur, tablette et iPhone avant la mise en ligne.
Mise en ligne : le 29 octobre 2026, le même jour que le passage à PrestaShop 9.2.
Le point de départ : le thème par défaut
Classic est le thème que PrestaShop installe avec chaque boutique. Il fonctionne, mais il ressemble à des milliers d’autres boutiques : fond gris, liens bleus, titres en capitales. Chez Maroquinerie Meaux, seul le logo portait la marque.
Quelques détails comptaient plus que le reste. Le bandeau PayPal bleu prenait le haut de chaque page, les rayons affichaient la colonne du blog avant les produits, et les sous-catégories sans image montraient « Aucune image disponible ».
La direction : partir du logo
Le logo de la maison a tout ce qu’il faut pour une charte : des bandeaux fauve et bronze, un titre MEAUX en lettres à empattements et un sac rouge à surpiqûre blanche. Nous en avons tiré les couleurs, les formes et la typographie des titres.
#E1061Cboutons d'achat#93581Ebandeaux, titres#C9A06Adégradés, filets#D0B58Acadres, curseurs#FFF9EEfond des pages#3B2410texteAvant / 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 PayPal, deux bannières en texte, puis la liste des nouveautés. Après : un premier écran aux couleurs de la marque, deux entrées (nouveautés, meilleures ventes) et les arguments de la boutique juste en dessous.
AvantAprès
AvantAprèsRayon « Sacs à main »
La colonne du blog et les cases « Aucune image disponible » laissent place à un bandeau de rayon : la description, puis les sous-catégories en raccourcis. Les produits apparaissent dès le premier écran.
AvantAprès
AvantAprèsFiche produit
Le titre passe en serif, le prix ressort, et un encadré rappelle le délai de livraison et si l'article ouvre droit à la livraison offerte. Le bouton d'ajout prend le rouge du logo.
AvantAprès
AvantAprèsAjout au panier
La fenêtre qui suit l'ajout reprend la charte : « Commander » en rouge, « Continuer mes achats » en contour, et des boutons pleine largeur sur téléphone.
AvantAprès
AvantAprèsMenu sur téléphone
Le menu s'ouvre en tiroir : logo et bouton de fermeture en tête, rubriques en grand, sous-rubriques qui se déplient. Chaque zone à toucher fait au moins 44 px.
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
La refonte vient d'être mise en ligne : l'effet sur les ventes se mesurera dans quelques mois. Voici ce qui se mesure dès aujourd'hui.
Comment s’est passée la refonte
Votre boutique tourne encore sur le thème par défaut ?
Nous partons de votre logo 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).
