Plan & Vasque, Boutique PrestaShop mobile first pour un fabricant de céramique
EXPERTISES
Gestion de projets
UX/UI design
Développement web
Développement sur-mesure
Design responsive
SECTEUR
Construction, E-commerce
TECHNOLOGIES UTILISÉES
Figma · PrestaShop
Pourquoi faire appel à Wess Soft ?
echnigrès lance Plan & Vasque, sa plateforme de vente de plans de travail de cuisine et de plans-vasques de salle de bain en céramique, sur mesure et prêts à poser. L’entreprise, installée à Chassieu près de Lyon, faisait déjà confiance à Wess Soft pour son site technigres.com. Le lancement de la nouvelle boutique s’accompagne d’une campagne publicitaire sur les réseaux sociaux : c’est elle qui dicte le rythme du projet et le terrain sur lequel le site sera jugé.
La date de cette campagne était programmée avant le début du projet. La boutique devait donc être en ligne le jour où les premières publicités seraient diffusées, et la maquette, le design et le développement devaient tenir dans le temps restant. Le trafic attendu venait presque entièrement de smartphones : le visiteur découvre une publicité sur un réseau social, depuis son téléphone, et doit trouver l’offre immédiatement sur un petit écran. Un site pensé pour l’ordinateur, puis réduit pour le mobile, ne répond pas à ce parcours.
Trois raisons ont fait de Wess Soft le partenaire de ce projet.
Une confiance déjà établie sur technigres.com. Wess Soft connaît Technigrès, son activité et son univers visuel. Le projet s’appuie sur cette connaissance de l’entreprise et de ses produits, ce qui compte lorsque le calendrier est imposé de l’extérieur.
La double compétence design et développement, tenue en interne. La maquette Figma et le développement PrestaShop sont réalisés par la même agence. Rien ne se perd entre ce qui a été dessiné et ce qui est mis en ligne, et chaque ajustement se règle au sein d’une seule équipe plutôt qu’entre deux prestataires.
Une conception mobile first. Wess Soft part de l’écran du smartphone pour dessiner toute la boutique, parce que c’est sur cet écran que la campagne envoie ses visiteurs.
Missions
Wess Soft a conçu et développé la boutique en ligne Plan & Vasque, de la maquette à la mise en ligne synchronisée avec le lancement de la campagne.
- Maquette mobile first sous Figma : le smartphone sert de point de départ à tout le design, et les écrans pour ordinateur en découlent. Le visiteur venu d’une publicité retrouve, sur son téléphone, une boutique pensée pour lui.
- Direction visuelle inspirée des réseaux sociaux : les photos s’affichent en pleine largeur, comme dans un fil Instagram, pour que le visiteur arrivé d’une publicité retrouve des codes familiers.
- Design system : les composants et les règles graphiques sont communs à toutes les pages, pour garder une boutique cohérente du mobile à l’ordinateur et accélérer le développement.
- Mise en valeur des réalisations : les photos de plans de travail posés sont présentées en galerie, sur le même principe qu’un fil de réseau social, car la céramique se juge à l’image.
- Développement de la boutique sous PrestaShop : la maquette est développée sous PrestaShop, avec catalogue, panier et espace client.
- Mise en ligne calée sur la campagne : la boutique est opérationnelle pour la première diffusion publicitaire.
Enjeux
- Un calendrier fixé par la campagne : la date de lancement venait de la programmation publicitaire, décidée avant le début du projet. Maquette, design et développement devaient tenir dans le temps restant.
- Un trafic presque exclusivement mobile : le visiteur arrive depuis une publicité vue sur un réseau social, sur son téléphone. Aucun détour n’est toléré entre le clic et l’offre.
- Une offre à lire d’un coup d’œil : la boutique propose deux familles de produits, le plan de travail de cuisine et le plan-vasque de salle de bain. L’accueil devait orienter vers l’une ou l’autre sans effort sur un petit écran.
- Familiarité contre identité de marque : emprunter les codes des réseaux sociaux, sans perdre l’identité visuelle raffinée et haut de gamme de Plan & Vasque.
- Une matière à montrer sans la dénaturer : une céramique se choisit sur ses veinages, ses teintes et ses finitions. Les photos devaient rester grandes et lisibles sur smartphone.
Méthodologie
Wess Soft a mené le projet en moins de trois mois, selon une approche collaborative et agile, en quatre phases.
- Cadrage : le projet part de la date de la première diffusion publicitaire, connue avant le démarrage, et le planning se construit à rebours depuis cette échéance. Le périmètre de la mise en ligne est arrêté avec Technigrès en fonction de cette date.
- Design UX/UI sous Figma : les parcours et les maquettes sont dessinés d’abord pour le smartphone, puis déclinés pour l’ordinateur à partir du design system. Technigrès valide les maquettes avant tout développement, ce qui évite de reprendre du code sous la pression du calendrier.
- Développement : la maquette est développée sous PrestaShop, qui porte les fonctions de boutique (catalogue, panier, compte client). Les écrans suivent fidèlement le design validé, y compris les photos en pleine largeur qui font l’identité de la boutique.
- Déploiement et suivi : la boutique est mise en ligne pour le lancement de la campagne, de sorte que chaque publicité diffusée mène vers un site prêt.
Résultats et impacts
Le site Plan & Vasque a été mis en ligne pour le lancement de la campagne publicitaire. Le parcours d’un visiteur venu des réseaux sociaux est direct : il découvre une publicité sur son téléphone, clique, et arrive sur une boutique dessinée d’abord pour cet écran. Depuis l’accueil, il choisit entre le plan de travail de cuisine et le plan-vasque de salle de bain, parcourt les réalisations en photos pleine largeur, dans les codes des réseaux d’où il vient, puis peut démarrer la configuration de son plan sur mesure. Le site l’accompagne jusqu’à la pose, avec des tutoriels de pose téléchargeables. Le tout respecte l’identité visuelle raffinée et de haut standing de Plan & Vasque.
Pour Technigrès, l’impact tient d’abord au calendrier : la campagne a démarré à la date programmée, avec une boutique prête à recevoir le trafic. L’investissement publicitaire mène vers un site conçu pour l’écran sur lequel il est vu, et non vers une version adaptée après coup. Technigrès dispose désormais d’une plateforme de vente dédiée à son offre sur mesure, distincte de son site institutionnel technigres.com.
Après technigres.com, Technigrès a confié à Wess Soft la création de Plan & Vasque. Cette seconde réalisation respecte l’échéance imposée par la campagne et l’identité de la marque, et prolonge une collaboration engagée sur le site historique. Wess Soft s’y positionne comme partenaire technologique de Technigrès, capable de concevoir et de développer dans un même mouvement.
- Passez à l'action
L’adoption par vos utilisateurs de l’application est la clé de voûte de son succès. Grace à notre souplesse et agilité vous pourrez impliquer des utilisateurs en amont du développement et ainsi créer l’application idéale pour eux.
Quelques autres projets
Explorez d’autres projets illustrant notre capacité à développer des solutions innovantes et sur mesure.
NAO Connect
NAO Connect : plateforme Symfony de remplacement pour opticiens
Bonjour Services
Refonte WordPress et back office sur mesure pour Bonjour Services