Boutique de créations et studio de services.
Deux propositions distinctes partagent une même identité et doivent rester immédiatement compréhensibles.
Étude de cas e-commerce · Silh Designers
Deux univers. Une boutique. Un WordPress sur mesure.
Silh Designers réunit une activité de services et une marque de créations vendues en ligne. La refonte organise ces deux intentions dès l’entrée, puis construit un parcours WooCommerce cohérent du catalogue au compte client.
- Type de projet
- Refonte WordPress et boutique WooCommerce sur mesure.
- Architecture
- Deux univers : BYSILH pour la boutique, Silh Designers pour les services.
- Socle
- Thème custom, plugin custom, administration et parcours e-commerce responsive.
Silh Designers est une refonte complète WordPress et WooCommerce menée autour de deux univers complémentaires : les services Silh Designers et la boutique BYSILH. Le projet associe thème custom, développements spécifiques, personnalisation WooCommerce, compte client, panier, checkout, responsive et plugin de consentement custom. Les captures réelles documentent les décisions sans inventer d’ancien site ni de résultats chiffrés.
Présentation du projet
Faire cohabiter une boutique et une activité de services sans brouiller les intentions.
Silh Designers porte à la fois des prestations de design, de fabrication et d'expertise digitale, et la marque BYSILH dédiée à des créations commercialisées en ligne. Le projet devait préserver cette richesse tout en évitant qu'un visiteur venu acheter un produit se retrouve dans un parcours de services, ou l'inverse.
La refonte devait aussi offrir une administration cohérente : catalogue, produits, commandes, comptes clients et contenus de services devaient pouvoir évoluer dans un même environnement WordPress, avec des développements adaptés au besoin réel.
Un parcours WooCommerce complet.
Catalogue, fiche produit, panier, checkout, compte client et navigation mobile sont traités comme un même parcours.
Un socle pilotable dans la durée.
Le thème et les fonctions spécifiques organisent le front sans retirer à WordPress sa capacité d'administration.
Progression du projet
Huit décisions reliées par la même logique d'usage.
Le projet se lit comme une progression libre : comprendre les activités, orienter, construire la boutique, fluidifier l'achat et rendre l'ensemble administrable. Chaque chapitre ci-dessous s'appuie sur un écran réel.
Comprendre les deux activités
Identifier les intentions boutique et services avant de dessiner l'arborescence.
Séparer les univers
Proposer un choix initial explicite sans enfermer le visiteur dans un tunnel.
Construire l'expérience boutique
Relier accueil, catalogue et catégories dans une navigation cohérente.
Fluidifier le parcours d'achat
Faire progresser naturellement de la fiche produit au panier puis au checkout.
Personnaliser WordPress et WooCommerce
Adapter le front et les fonctions au projet avec un thème et des développements spécifiques.
Structurer l'espace client
Rendre commandes, adresses et moyens de paiement accessibles dans un espace lisible.
Gérer le consentement
Donner un contrôle clair sur les cookies et différer les scripts concernés.
Optimiser l'expérience mobile
Simplifier les menus, les cartes et les actions tactiles sans retirer d'information.
01 · Architecture des deux univers
BYSILH ou Silh Designers : clarifier la destination avant la navigation.
L'écran initial pose une question simple : souhaitez-vous accéder à la boutique ou découvrir les services ? Cette séparation est une décision UX et business, pas un effet d'introduction.
Le visiteur garde le contrôle : les deux choix sont directs, compréhensibles et adaptés à la lecture verticale sur mobile.
- Boutique
- BYSILH conduit vers les créations, les produits et le parcours d'achat.
- Services
- Silh Designers conduit vers les expertises et la prise de contact.
- Objectif
- Éviter la confusion et guider immédiatement sans bloquer la navigation.
02 · Univers services
Présenter une expertise pluridisciplinaire avec une hiérarchie nette.
L'univers Silh Designers organise les services autour de familles identifiables : impression 3D, design produit, webdesign et conseil. La navigation et le hero rendent l'activité lisible avant d'entrer dans le détail.
Cette page montre comment une direction artistique forte peut rester compatible avec des titres sémantiques, des CTA explicites et une lecture commerciale directe.
03 · Univers boutique
Installer la marque BYSILH avant de présenter le catalogue.
La boutique ne débute pas par une grille impersonnelle. L'accueil pose l'univers, le savoir-faire et la fabrication, puis conduit vers les créations. Le catalogue devient la suite d'un positionnement de marque déjà compris.
Le header boutique donne accès aux produits, aux concepts, au compte, au panier et au retour vers les services sans mélanger leurs rôles.
04 · Fiche produit
Réunir preuve visuelle, information produit et action d'achat.
La fiche produit organise la galerie, le titre, le prix, la disponibilité, la description, la quantité et l'ajout au panier dans un ensemble lisible. Les variantes et informations utiles restent rattachées à la décision d'achat.
Sur mobile, le contenu se réorganise verticalement afin de conserver la lecture et les zones tactiles sans dépendre d'un survol.
05 · Panier et checkout
Faire progresser l'achat sans rupture entre sélection et commande.
Le panier confirme le produit, la quantité, le sous-total et les étapes suivantes. Le checkout reprend ensuite les informations de commande dans l'environnement WooCommerce, avec un accès visible à la connexion et au code promotionnel.
Les captures ont été produites à partir d'un panier réel préparé pour la démonstration. Aucune commande ni paiement n'a été envoyé.
- Panier
- Produit, quantité, sous-total, livraison et passage à la commande.
- Checkout
- Connexion, facturation, récapitulatif et paiement dans un ordre explicite.
- Responsive
- Les blocs passent en lecture verticale sur petit écran.
06 · Compte client et navigation mobile
Donner accès aux fonctions utiles sans surcharger le header.
L'espace client centralise les commandes, les adresses et les moyens de paiement autour d'une connexion lisible. Il prolonge le parcours d'achat au-delà du checkout.
Le menu mobile regroupe produits, concepts, contact, services, compte et panier dans un panneau explicite. Les actions restent de vrais liens et boutons, accessibles sans survol.
07 · WordPress custom
Choisir WordPress et WooCommerce parce que le projet a besoin d'administration et de logique e-commerce.
Le choix technique dépend du projet. Pour Silh Designers, WordPress et WooCommerce offrent la gestion éditoriale, le catalogue, les produits, les commandes et les comptes clients nécessaires. Le thème custom et les développements spécifiques adaptent ce socle à l'expérience visée.
Cette approche complète les projets CWD construits en HTML, CSS et JavaScript léger. La crédibilité technique vient de la capacité à choisir et maîtriser le bon environnement, pas de la promotion d'une technologie unique.
Thème custom
La structure visuelle et les composants répondent aux deux univers au lieu de dépendre d'un thème générique.
WooCommerce personnalisé
Les écrans catalogue, produit, panier, checkout et compte partagent une expérience cohérente.
Développement spécifique
Les fonctions métier et les interactions utiles sont développées selon les contraintes réelles du projet.
Administration maintenable
Les contenus, produits et commandes restent pilotables dans un environnement connu et évolutif.
08 · Cookie consent custom
Informer clairement et laisser le contrôle avant le chargement des scripts concernés.
Le plugin custom de consentement présente des choix directs : refuser, personnaliser ou accepter. Les cookies nécessaires au panier, au compte et au paiement sont distingués des mesures d'audience.
Le système conserve une interface lisible sur desktop comme sur mobile et permet de rouvrir les préférences. Cette capture documente un élément fonctionnel du projet, pas une décoration.
Performance, SEO et GEO
Rationaliser l'expérience et rendre les contenus plus faciles à parcourir et à comprendre.
La performance est travaillée qualitativement par la rationalisation des composants, l'optimisation des médias, une structure responsive stable et le chargement adapté des ressources. Aucun score ou gain chiffré n'est avancé sans mesure publiée.
Le SEO repose sur des titres explicites, des contenus organisés, des URLs cohérentes et un maillage entre les univers, les produits et les services. Cette clarté aide aussi les moteurs et assistants IA à distinguer BYSILH, Silh Designers, la boutique et les prestations, sans surjouer le GEO.
Des pages et intentions distinctes.
Le choix initial, les services, la boutique et les écrans WooCommerce portent chacun un rôle identifiable.
Des visuels dimensionnés selon leur usage.
La preuve visuelle reste présente sans multiplier des captures ou animations qui n'apportent pas d'information.
Une expérience adaptée, pas seulement réduite.
Navigation, formulaires et cartes passent en lecture verticale avec des actions accessibles au toucher.
Résultat final
Une boutique et une activité de services mieux distinguées dans un socle commun évolutif.
Le résultat final donne à chaque univers sa propre porte d'entrée, son ton et son parcours, tout en maintenant des passages clairs entre la boutique et les services.
La refonte installe un parcours e-commerce cohérent sur desktop et mobile, une administration WordPress adaptée et des fonctions spécifiques qui pourront évoluer avec l'activité.
- Distinction immédiate entre BYSILH et Silh Designers.
- Parcours boutique cohérent du catalogue au compte client.
- Expérience mobile simplifiée sans perte d'information.
- Administration WordPress et WooCommerce plus structurée.
- Thème et plugin custom reliés aux besoins du projet.
- Cohérence renforcée entre boutique, services et identité de marque.
FAQ
Questions fréquentes sur une refonte WooCommerce et un WordPress custom.
Quand faut-il envisager une refonte WooCommerce ?
Une refonte devient pertinente lorsque le catalogue, la navigation, le mobile, le panier, le checkout ou l'administration ne forment plus un parcours cohérent. Le diagnostic doit porter sur les usages et le socle technique, pas uniquement sur l'apparence.
Pourquoi créer un thème WordPress custom pour une boutique en ligne ?
Un thème custom permet d'adapter la structure, les composants et le responsive à l'identité et au parcours du projet. Il reste pertinent lorsque cette personnalisation est maintenable et ne réplique pas inutilement des fonctions déjà solides de WordPress ou WooCommerce.
WooCommerce convient-il à une boutique e-commerce sur mesure ?
Oui lorsque le projet a besoin d'un catalogue administrable, de commandes, de comptes clients et d'un écosystème WordPress. Les personnalisations doivent être choisies selon les contraintes métier, le volume et les évolutions prévues.
Comment améliorer l'UX d'un checkout WooCommerce ?
Il faut clarifier les étapes, limiter les champs inutiles, rendre les erreurs compréhensibles, conserver un récapitulatif lisible et tester le parcours sur mobile. Les moyens de paiement et la conformité doivent rester explicites.
À quoi sert un plugin custom sur WordPress ?
Un plugin custom isole une logique spécifique du thème lorsqu'elle doit rester maintenable, contrôlée et réutilisable. Il peut gérer une fonction métier, une intégration ou, comme ici, une logique de consentement adaptée.
L'administration WooCommerce reste-t-elle accessible après une refonte custom ?
Oui si le développement respecte le fonctionnement de WordPress et WooCommerce. L'objectif est de personnaliser l'expérience publique tout en conservant une gestion claire des contenus, produits, commandes et clients.
Comment choisir entre WordPress et un développement web spécifique ?
Le choix dépend des contenus, des fonctions, des besoins d'administration, du parcours, des intégrations et de l'évolution attendue. Une boutique WooCommerce, un site HTML léger et une application web répondent à des contraintes différentes.
Votre boutique doit-elle être repensée autour du parcours réel de vos clients ?
Un échange permet de cadrer le bon socle : refonte WooCommerce, création de boutique en ligne, développement spécifique, UX e-commerce ou application web.