Un peeling ou un sérum professionnel ne s’achète que lorsqu’on sait ce qu’il fera à la peau et ce qui se passe s’il ne convient pas. Une belle vitrine ne suffit donc pas à une boutique de cosmétiques professionnels : il lui faut des preuves d’efficacité, des avis et une commande simple. Voici comment j’ai créé une telle boutique pour Fillers Shop.
L’enjeu : vendre des cosmétiques professionnels sans conseillère au comptoir
Fillers Shop vend les cosmétiques WIQO et le peeling innovant PRX-T33 – des produits autrefois achetés surtout par les esthéticiennes pour leur cabinet. Aujourd’hui, on les choisit de plus en plus pour les soins à domicile : femmes et hommes, adolescents à la peau à problèmes, professionnels en quête d’un fournisseur fiable. La boutique promet des produits authentiques à prix abordables, et le site devait rendre cette promesse visible.
Ces clients n’ont pas la même expérience, mais ils se posent les mêmes questions : que fait le produit, combien de séances faut-il, quand voit-on le résultat, combien ça coûte et peut-on être remboursé ? J’ai construit les pages de la boutique autour de ces questions. Le site est entièrement en anglais.
L’accueil : du premier écran au catalogue et à la consultation
Le premier écran est consacré au produit phare, le peeling PRX-T33. À gauche, un titre, un court texte expliquant que le soin régénère la peau, lisse les rides et atténue taches pigmentaires, cicatrices d’acné et vergetures, et quatre pictogrammes avec les faits clés : 3 à 5 séances, 30 minutes de soin, pas de temps de récupération, résultat visible immédiatement. À droite, une grande photo du soin ; sous le texte, un bouton « Buy ».
La suite de l’accueil s’enchaîne ainsi :
- le catalogue « WIQO product » – huit fiches produits, avec un bouton « Show more » pour les autres ;
- le bloc « Results » – photos avant/après et texte sur l’évolution de la peau ;
- un accordéon de questions fréquentes sur le peeling PRX-T33 ;
- un formulaire de consultation gratuite sur les produits WIQO et PRX-T33 – nom, téléphone et bouton d’envoi ;
- un bloc « About » sur la boutique et un pied de page avec le menu et les pages livraison, contact et politique de confidentialité.
L’en-tête garde toujours à portée de main le menu, une barre de recherche de produits et un panier avec liste déroulante.
Catalogue et fiches produits
La carte produit du catalogue reste simple : photo sur fond blanc, nom, prix et bouton « Add to cart ». Le produit s’ajoute au panier directement depuis l’accueil, sans ouvrir de page dédiée – pratique pour ceux qui savent déjà ce qu’ils veulent, comme les esthéticiennes qui renouvellent leurs produits habituels.
La fiche produit est organisée pour que la décision se prenne sur un seul écran :
- fil d’Ariane et galerie photo avec navigation par points ;
- nom et quatre effets principaux du produit – hydratation, ridules atténuées, peau plus ferme et plus lisse, renouvellement cellulaire plus rapide ;
- prix avec ancien prix barré et trois paliers « from 1 / from 2 / from 3 » – plus on achète de flacons, plus le prix unitaire baisse ;
- sélecteur de quantité et bouton « Buy now » ;
- mention de la garantie « satisfait ou remboursé » de 90 jours ;
- description du produit et bloc « Featured Products » avec des produits recommandés en bas de page.
Note et avis directement sur la fiche produit
En cosmétique, les avis sont l’argument numéro un : ils figurent donc sur la fiche produit, pas sur une page à part. À gauche, la note moyenne et la répartition des avis par étoiles, en barres de cinq à une. À droite, les avis eux-mêmes : nom du client, badge d’achat vérifié, note, titre, texte, boutons « Share » et « Comments » et la question « Was this review helpful? ». La boutique peut répondre sous un avis – la réponse est visible de tous et montre qu’il y a de vraies personnes derrière les produits.
Commande et achats rapides
La page de commande tient en un seul formulaire « Where should we ship? » : prénom, nom, adresse de livraison, code postal, ville, État, e-mail pour le reçu et téléphone pour le livreur. La case « Billing Address is same as Shipping Address » évite de saisir l’adresse deux fois ; à côté, le récapitulatif de commande et le paiement. Sous le formulaire, un rappel que les données sont sécurisées et chiffrées, puis la garantie de remboursement de 90 jours.
Tout le monde n’a pas envie de remplir une adresse, c’est pourquoi le site propose trois autres façons d’acheter :
- « Buy in one click » – une fenêtre avec un seul champ téléphone ;
- « Call me » – une demande de rappel ;
- un formulaire de contact où l’on choisit comment recevoir la réponse : par e-mail ou par SMS ;
- le formulaire de consultation gratuite sur l’accueil.
Lors de la première visite, un bandeau cookies apparaît en bas de l’écran avec les boutons « Configure », « Decline » et « Accept all » : les cookies facultatifs ne sont activés qu’avec le consentement du visiteur.
Ce qui compte dans une boutique de cosmétiques professionnels
Les soins professionnels forment une niche où le client paie pour un résultat et prend un risque avec sa propre peau. D’après ce projet, une boutique dans ce domaine doit :
- expliquer l’action du produit simplement, en faits courts : combien de séances, quelle durée, faut-il un temps de récupération ;
- montrer le résultat – des photos avant/après convainquent mieux que n’importe quelle description ;
- placer avis et note à côté du prix au lieu de les cacher ;
- lever la peur d’acheter avec une garantie de remboursement et des conditions de livraison claires ;
- proposer des prix dégressifs – esthéticiennes et clients fidèles achètent par lots ;
- garder un accès à un humain : consultation et rappel rassurent ceux qui hésitent.
Une boutique qui convient à l’esthéticienne comme au nouveau client
Fillers Shop est une boutique compacte mais complète : l’accueil met en avant le produit phare et présente le catalogue, la fiche produit répond à toutes les questions avant l’achat, et la commande ne retient pas le client plus que nécessaire. L’esthéticienne expérimentée ajoute ses produits au panier depuis le catalogue, le nouveau client lit les avis et regarde les résultats, et celui qui hésite laisse son numéro pour être conseillé. Cette approche convient à toute boutique de produits haut de gamme où la décision d’achat repose sur la confiance.
Détails du projet
Type de projetboutique en ligne
CatégorieBoutique en ligne
TechnologiesHTML5, CSS3, JavaScript
Rôledéveloppement de la boutique en ligne : intégration de l’accueil, du catalogue, de la fiche produit et de la commande, panier, recherche, fenêtres modales et formulaires
ClientFillers Shop
Paysmarché anglophone
Travaux réalisés
- Intégration de l’accueil : premier écran PRX-T33, catalogue WIQO, résultats avant/après, FAQ, consultation et « About »
- Catalogue avec fiches produits, bouton « Add to cart » et chargement via « Show more »
- En-tête avec menu, recherche de produits et panier déroulant
- Fiche produit : galerie, effets du produit, prix dégressifs par paliers, sélecteur de quantité, « Buy now », garantie de remboursement
- Bloc de note avec répartition par étoiles et avis avec réponses de la boutique
- Produits recommandés en bas de la fiche produit
- Page de commande : formulaire de livraison, « billing = shipping », récapitulatif et paiement
- Fenêtres « Buy in one click » et « Call me », formulaire de contact et formulaire de consultation
- Bandeau cookies avec boutons « Configure », « Decline » et « Accept all »
Résultat
- Une boutique en ligne anglophone avec catalogue, fiche produit, panier et commande
- Des prix dégressifs sur la fiche produit qui incitent à acheter plusieurs flacons
- Effet du produit, avis et garantie de remboursement visibles avant le paiement
- Quatre chemins vers la commande : panier, achat en un clic, rappel et consultation