logo Smotly sans baseline
  • Accueil
  • Nos offres
    Site corporate
    Strapi
    Site e-commerce
    Shopify Plus
    Logo Sylius
    Application web​
    Strapi
    Audit
    Diagnostic actionnable
    Replatforming
    Moderniser sans repartir de zéro
    IA
    Logo Dust
    Maintenance
    MCO/TMA
    Renfort d'équipe
    Experts Strapi, Shopify, front, SEO
    Nos formations →
    Accélérez les compétences de vos équipes sur Strapi, Shopify, Node.js et Next.js
  • Nos expertises
    Analyse des besoins et des processus métiers​
    Comprendre pour mieux construire
    IA Consulting​
    L’IA au service de votre transformation numérique
    Design UX/UI
    Des designs qui racontent votre histoire
    Analytics
    Exploitez la puissance de vos données
    Développement web​
    Des lignes de code qui donnent vie à vos idées
    Maintenance de site web & Assistance technique
    Sécurisez et optimisez votre site
    Référencement SEO & SEA
    Stratégie SEO et campagnes SEA optimisées
  • Réalisations
  • À propos
    • Notre impact
    • FAQ
  • Blog
  • Contact
Estimer mon projet

Réalisation

Vigipool : une nouvelle version plus responsive, plus performante

Vigipool by CCEI, l’expertise de la piscine connectée

Vigipool, développé par CCEI, est une solution complète de gestion de piscine connectée. Il s’agit d’un système intégré d’appareils automatisés et connectés, qui forment un local technique intelligent. Chaque équipement est contrôlable à distance via une application smartphone dédiée permettant une surveillance et un pilotage des appareils en tant réel, depuis partout. 

En complément de l’application, un site web Vigipool permet d’accéder à toutes les fonctionnalités et d’obtenir des informations détaillées sur les équipements. Avec Vigipool, CCEI réinvente la gestion des piscines, en alliant automatisation, contrôle à distance et surveillance continue, pour offrir aux propriétaires une expérience de piscine simplifiée et sécurisée

Voir le site

Compétences mobilisées lors du projet

  • Développement back 
  • Développement front 
  • Conception UI/UX 
  • Gestion de projet

Client

Date de création

2018

Secteur d'activités

Technologies et services pour les piscines, piscine connectée

Technologies utilisées

Strapi

Strapi

Logo Next.JS

Next.JS

Une deuxième version : plus optimisée, plus performante, plus responsive

Lors du lancement du site internet de Vigipool, CCEI a fait appel à nos équipes pour intégrer les maquettes conçues par leur prestataire externe. Dès le début, le brief était clair : créer un site mobile-first, pensé avant tout pour une audience majoritairement composée de mobinautes. Un des points forts du site était l’intégration d’un configurateur sur-mesure, permettant de générer des devis personnalisés en fonction des réponses des utilisateurs, tout en identifiant les produits nécessaires.

Après plusieurs mois d’utilisation, certaines limites sont apparues, soulignant la nécessité d’une version améliorée du site, plus performante et plus responsive, avec un webdesign adapté à tous les supports. N’oublions pas les impacts d’un site non adapté : 88% des utilisateurs sont moins enclins à revenir sur un site après une mauvaise expérience de navigation. 48% des utilisateurs estiment qu’une mauvaise expérience sur un site reflète un manque de professionnalisme de l’entreprise.

Les objectifs ont été identifiés :

Adaptation du webdesign sur desktop.

Modification du bandeau principal de la page avec un nouveau visuel présentant des hot spots.

Ajout de catégorie sur la page shop des produits pour se rapprocher d'un site type e-commerce et faciliter la navigation via des filtres par catégories.

Ajout de la mention de disponibilité pour les produits bientôt disponibles.

Mise à jour du configurateur & de la page de confirmation.

Un webdesign perfectionné et responsive

Sur ordinateur, le design initial présentait des lacunes : une police trop petite et des zones trop vastes et peu remplies ce qui rendait l’expérience utilisateur moins agréable comparé à la version mobile, plus optimisée.Pour corriger ces points, le webdesign a été entièrement repensé, tout en respectant l’architecture existante. La taille de la police a été agrandie pour améliorer la lisibilité, et les différentes zones ont été ajustées pour s’adapter au format desktop, sans compromettre la fluidité de la version mobile.

Un autre élément clé a été la refonte complète du bandeau de la page d’accueil. De simples animations, un visuel de local technique a été mis en place. Pour dynamiser l’expérience client, Vigipool a voulu mettre en place un visuel dynamique et interactif avec des hot spots permettant à l’utilisateur d’identifier les produits en un clic. 

Du côté du configurateur, de nouvelles questions ont été ajoutées pour affiner la personnalisation des devis. La page de confirmation a également été enrichie avec des fonctionnalités supplémentaires, comme la possibilité de choisir un installateur via un store mapper ou de sélectionner un revendeur.

Ces améliorations apportent une expérience plus cohérente, performante, et responsive pour tous les utilisateurs, sur mobile comme sur desktop.

L'avant/après : une base améliorée

Une base commune, des résultats décuplés !

La méthodologie

Pour ce projet, nous avons travaillé en étroite collaboration avec les équipes de Vigipool pour identifier les besoins et axes d’amélioration.
01.

Identification des limites de la V1 et précisions des nouveaux besoins : bilan de l’existant, points forts, points faibles, prise de brief des évolutions attendues. 

02.

Analyse fonctionnelle et technique : avant de lancer le travail de maquettage pour l’intégration, nous avons étudié les nouvelles demandes pour proposer les solutions les plus adaptées.

03.

Création des maquettes : après confirmation des réponses à apporter, des maquettes ont été réalisées via Figma. Vigipool a pu suivre les avancements en temps réel en commentant directement les zones à modifier. 

04.

Intégration des maquettes conforme aux maquettes validées.

05.

Test d’une version de pré-production : avant de déterminer la date de mise en ligne, le site a été testée par Vigipool sur divers supports pour prévisualiser les modifications.

06.

Mise en ligne : selon la date confirmée par Vigipool et correspondant aux impératifs business.

Le + du projet

Un configurateur sur-mesure pour une expérience client optimale !

L’une des spécificités du site Vigipool réside dans la création d’un configurateur sur-mesure conçu pour guider les clients dans le choix des produits adaptés à leurs besoins. Grâce à l’architecture flexible et l’utilisation de Strapi, notre équipe a pu répondre pleinement à cette demande. Le configurateur, basé sur une série de questions simples définies par Vigipool, recommande automatiquement les appareils adaptés à chaque client. À la fin du processus, un panier personnalisé est proposé, accompagné d’un formulaire pour recevoir un devis sur-mesure.

Avec la refonte, plusieurs améliorations ont été apportées. De nouvelles questions ont été ajoutées pour affiner les recommandations. La mention de disponibilité des produits a été intégrée permettant de proposer non seulement les articles en stock mais aussi ceux qui seront prochainement disponibles.
Deux nouvelles options sont également proposées dans le panier pour améliorer encore l’expérience utilisateur :
– Choisir un installateur : Le client peut accéder à une carte interactive référençant les magasins partenaires. Il peut ainsi localiser un installateur et lui envoyer le devis généré directement.
– Acheter en ligne : Le client peut accéder à trois revendeurs proposant les produits recommandés, facilitant ainsi l’achat en ligne immédiat.

Le configurateur Vigipool améliore considérablement l’expérience utilisateur en offrant simplicité, personnalisation et gain de temps tout en augmentant les chances de conversion et de fidélisation. Les études parlent d’elles-mêmes : 80% des clients sont plus susceptibles d’acheter après des recommandations personnalisées, 70% préfèrent recevoir un devis instantané, et une expérience positive encourage 65% des clients à revenir sur le site. Si votre business s’y prête, pensez à la mise en place d’un configurateur personnalisé pour faire passer l’expérience client à un niveau supérieur !

Prenez rendez-vous gratuitement en 1 clic !

Vous souhaitez créer ou refondre votre site vitrine, ou avez des questions à nous poser ? Réservez un créneau pour un échange par téléphone ou par visio.

Prendre rendez-vous
Strapi
Shopify Plus
next-js-logo-wht
node-js-logo-wht
REACT
dust-logo-bw
looker-studio-logo-bw
figma-logo-white
sylius-logo-bw

Paris – Ile de France
2 bis rue Alfred NOBEL
77420 Champs sur Marne
tél : 01 64 21 00 63

Région Ouest
37 route de l’Océan
56470 Saint-Philibert
tél : 01 64 21 00 63

contact@smotly.com

  • Contact
  • Mentions légales
  • Politique de confidentialité
  • Notre impact
  • FAQ
  • Contact
  • Mentions légales
  • Politique de confidentialité
  • Notre impact
  • FAQ
  • Shopify
  • BigCommerce
  • Strapi
  • WordPress
  • Webflow
  • Bubble
  • Sylius
  • Connecteur ERP
  • Shopify
  • BigCommerce
  • Strapi
  • WordPress
  • Webflow
  • Bubble
  • Sylius
  • Connecteur ERP
Inscription newsletter
Linkedin
Team for the Planet Logo
Logo Dust
Strapi Logo
Logo Sylius
Shopify Plus

Copyright 2022 | Smotly | All Rights Reserved