Sélecteur de variantes unifié
Une fiche par produit, pas par déclinaison. Le changement de variante met à jour visuel, prix, délai et disponibilité.
Une boutique où le choix se fait sans quitter la fiche
Un catalogue à variantes réuni sur une seule fiche, des objections traitées avant le panier, et un tunnel qui tient en deux écrans au pouce.
- Identité du concept
- Neuvième
- Secteur
- Commerce en ligne
- Type de projet
- Boutique en ligne avec catalogue à variantes
Concept fictif conçu par Neroli pour illustrer cette offre — aucun client associé.
01Ce que vit le secteur
La difficulté,avant toutle reste.
Une marque qui vend en direct construit son chiffre sur une poignée de moments : trouver le bon produit, comprendre ce qui distingue deux références, et arriver au paiement sans se raviser.
Or la plupart des boutiques cassent au moins un de ces moments. Les variantes d'un même produit sont dispersées sur des fiches séparées, ce qui oblige à comparer en ouvrant des onglets. Les informations qui décident réellement — délai de fabrication, entretien, dimensions réelles, retour possible — sont reléguées en bas de page ou dans un onglet replié.
Et les frais de livraison apparaissent au dernier écran, au moment précis où le visiteur a le plus de raisons d'abandonner.
02Ce que le projet chercherait à obtenir
- 01Réunir les variantes d'un produit sur une seule fiche, avec un sélecteur qui met tout à jour
- 02Remonter au-dessus de la ligne de flottaison les trois informations qui débloquent l'achat
- 03Raccourcir le tunnel de commande et annoncer les frais dès le panier
- 04Rendre le catalogue navigable autrement que par la recherche
- 05Donner à l'équipe un back-office qu'elle tient seule au quotidien
03L'approche que prendrait Neroli
Par où oncommencerait.
Neroli commencerait par le catalogue, pas par le design. Comment les clients cherchent réellement, ce qui les fait hésiter, ce qui fait qu'une référence part et pas une autre.
L'approche consisterait ensuite à traiter la fiche produit comme la page la plus importante du site — parce qu'elle l'est. Tout ce qui décide s'y trouverait : le visuel qui change avec la variante, le prix, le délai, la réponse aux objections, et l'ajout au panier toujours visible.
Le reste du site servirait cette fiche : une navigation par catégories qui correspond au vocabulaire des clients, et un tunnel réduit au strict nécessaire.
04Architecture envisagée
Les pages, etce qu'ellesauraient à faire.
- 01AccueilPoser la marque en trois écrans et diriger vers les deux ou trois entrées de catalogue qui comptent.
- 02CatégoriesUne page par famille, avec des filtres calés sur les critères de choix réels et non sur la base de données.
- 03Fiche produitLa page qui décide. Variantes, prix, délai, objections traitées, ajout au panier permanent.
- 04PanierRécapitulatif clair, frais de livraison annoncés ici et non plus loin, code promotionnel sans champ intrusif.
- 05Tunnel de commandeDeux écrans : coordonnées et livraison, puis paiement. Pas de création de compte obligatoire.
- 06Compte clientCommandes, suivi, adresses et retours.
- 07La marqueCe qui justifie le prix : la fabrication, les matières, les gens.
- 08AideLivraison, retours, entretien, tailles. Les pages qui font baisser les demandes au service client.
05Le parcours du visiteur
01
Entrée
Le visiteur arrive souvent directement sur une fiche produit, par une publicité ou une recherche. Cette page doit donc pouvoir se suffire à elle-même.
02
Comparaison
Il change de variante et voit le visuel, le prix et le délai se mettre à jour sans rechargement ni perte de position.
03
Levée des objections
Les trois questions qui bloquent le plus sont traitées au-dessus du pli, pas dans un accordéon en pied de page.
04
Panier
Les frais de livraison et le délai apparaissent ici. Aucune surprise ne serait gardée pour l'écran de paiement.
05
Paiement
Deux écrans, sans création de compte obligatoire, avec les moyens de paiement réellement utilisés par la clientèle.
06Ce que le site comprendrait
Fonctionnalitésprincipales.
Filtres calés sur les usages
Des filtres qui reprennent les critères de choix des clients plutôt que la structure interne du catalogue.
Frais annoncés au panier
Le montant de livraison et le délai calculés et affichés dès le panier, avant l'engagement.
Tunnel en deux écrans
Commande possible sans compte, avec création facultative après le paiement.
Back-office produits
Ajout, modification, stock et mise en avant tenus par l'équipe sans intervention technique.
E-mails de commande
Confirmation, expédition et retour, dans l'identité de la marque plutôt que dans un gabarit générique.
07Direction artistique
L'intention serait l'inverse de celle d'un site d'établissement : dense, précise, tenue par une grille visible. Le produit occuperait la place, et tout le reste s'effacerait.
Une grille assumée
Des alignements visibles, des filets fins, un rythme régulier. La rigueur de la mise en page ferait office de signature.
Le produit en premier
Fond neutre, cadrage constant d'une référence à l'autre, aucun décor qui empêche de comparer deux visuels.
Une information dense mais hiérarchisée
Prix, délai, matière et dimensions dans une typographie de données, lisible d'un coup d'œil et toujours au même endroit.
Une couleur d'action unique
Une seule couleur réservée aux actions d'achat. Partout ailleurs, du noir, du blanc et le produit.
Compositions
08Stratégie mobile
- Le tunnel serait conçu pour le pouce : cibles larges, clavier adapté au type de champ, aucune saisie inutile.
- La fiche produit passerait en une colonne avec le visuel en premier et l'ajout au panier fixé en bas d'écran.
- Les filtres deviendraient un panneau plein écran plutôt qu'une colonne comprimée illisible.
- Les images seraient servies aux dimensions réelles de l'écran : sur un catalogue, c'est le premier levier de vitesse.
09Performance et référencement
- Catalogue indexable
- Rendu côté serveur pour que les fiches et les catégories soient lisibles par les moteurs, y compris avec des filtres actifs.
- Données structurées produit
- Prix, disponibilité et caractéristiques déclarés proprement, pour des résultats de recherche enrichis.
- Images et vitesse
- Formats modernes, dimensions adaptées, chargement différé sous la ligne de flottaison. Un catalogue lent perd d'abord sur mobile.
- Pages de catégorie éditorialisées
- Des pages qui répondent à une intention d'achat, avec un vrai contenu, plutôt qu'une simple grille de vignettes.
10Prestations mobilisées
Ce concepts'appuie surces offres.
Chaque prestation existe pour de vrai et a sa propre page, avec son déroulement, ses livrables et son tarif à cadrer.
- 03E-commerceUne boutique où l'on trouve le produit, où l'on comprend l'offre et où l'on paie sans hésiter.
- 05Design UX/UI et direction artistiqueUne identité qui vous ressemble, posée sur des parcours que l'on suit sans y penser.
- 07SEO technique et visibilitéÊtre trouvé sur Google, et être cité correctement par les assistants IA.
- 08Acquisition et conversionTransformer le trafic que vous payez déjà en demandes que vous pouvez traiter.
11Ce que vous recevriez
- La boutique en ligne
- Le back-office produits, commandes et clients
- Le paiement configuré et testé de bout en bout
- Les e-mails transactionnels aux couleurs de la marque
- Le suivi des commandes et des étapes d'abandon
- Un guide de gestion quotidienne
12Déroulement possible
Comment leprojet sedéroulerait.
Les durées sont des ordres de grandeur, jamais des engagements. Le calendrier réel serait posé avec vous au moment de la proposition.
- 01
Audit du catalogue
Structure des gammes, variantes, stocks, livraison, retours, et ce qui déclenche réellement l'achat.
Environ une semaine - 02
Choix de la plateforme
Solution du marché ou développement sur mesure, arbitré sur les volumes, les contraintes et les coûts de fonctionnement.
Quelques jours - 03
Parcours d'achat
Navigation, fiche produit, panier et tunnel dessinés et validés avant l'intégration.
Une à deux semaines - 04
Intégration et paiement
Développement, connexion du paiement et des transporteurs, e-mails de commande.
Quatre à six semaines - 05
Commandes de test
Commandes réelles en environnement de test, cas d'échec de paiement compris, avant ouverture.
Quelques jours
13Options et évolutions
Ce qui pourraitvenir ensuite.
Abonnement ou réassort
Proposer un réapprovisionnement automatique sur les références consommables, ce qui change la valeur d'un client.
Recommandations utiles
Des suggestions fondées sur les associations réelles constatées, pas sur un module générique.
Vente à l'international
Devises, taxes et transporteurs adaptés, avec des pages traduites plutôt que traduites automatiquement.
Programme de fidélité
Un mécanisme simple et compréhensible, conçu après avoir observé le comportement de rachat réel.
Concept fictif conçu par Neroli pour illustrer cette offre — aucun client associé.
09Prochaine étape
Et pour votreentreprise ?
Ce concept est une démonstration. Votre projet, lui, serait cadré sur votre offre réelle, vos contraintes et vos clients. Décrivez-le en quelques lignes : vous recevez une réponse écrite avec un premier avis et ce qui manque pour chiffrer.