Vingt ans de micromodules,
une présence digitale à la hauteur
Refonte complète du site YOKIS, fabricant français de micromodules numériques depuis vingt ans. Design sur-mesure et navigation immersive, moteur de recherche pour localiser les 2500 points de vente, intégration responsive et front-end moderne. Le partenariat se prolonge depuis avec le développement d'outils sur-mesure React et Laravel pour les salariés YOKIS et Urmet.
- Site vitrine
- WordPress
- Design sur-mesure
- Produits
En un coup d'œil
- ClientYOKIS
- LieuFrance
- TypeSite vitrine + outils internes
- Année2022
- SecteurIndustrie · Domotique
- DuréeMission continue
- TechnologieWordPress · React · Laravel
- Spécificité2500 points de vente géolocalisés
- ÉquipeMarketing YOKIS + équipe Getup
- URLyokis.fr
- Site vitrine
- WordPress
- Design sur-mesure
- Outils internes
Le brief et la problématique
YOKIS est un fabricant français de micromodules numériques. Depuis plus de vingt ans, l'entreprise conçoit, fabrique et développe ses produits en France, avec une expertise reconnue sur le marché de la domotique et de l'habitat connecté. Le réseau de distribution couvre environ 2500 points de vente sur le territoire.
Le défi posé : moderniser le site web YOKIS avec un design sur-mesure et améliorer l'expérience utilisateur pour proposer une navigation plus fluide et immersive, à la hauteur de l'innovation portée par les produits. Au-delà de la vitrine, l'enjeu était d'aider les visiteurs (installateurs, distributeurs, particuliers) à trouver rapidement les produits adaptés et le point de vente le plus proche.
La refonte a constitué le point de départ d'un partenariat continu : à la suite du site, plusieurs outils sur-mesure ont été développés pour les salariés YOKIS et Urmet, principalement en React et Laravel.
La problématique
Comment moderniser le site d'un fabricant français de domotique avec un design sur-mesure, mettre en valeur des produits techniques de manière immersive, intégrer un moteur de recherche capable de localiser 2500 points de vente, et préparer le terrain à un partenariat outillé sur la durée ?
Objectifs du projet
- Refondre intégralement le site YOKIS avec un design sur-mesure
- Mettre en valeur l'innovation et l'expertise produit
- Construire une navigation intuitive et immersive
- Intégrer un moteur de recherche pour 2500 points de vente
- Préparer le partenariat sur des outils internes React / Laravel
Quatre défis propres à ce projet
Défi 01
Mettre en valeur des produits techniques
Les micromodules numériques sont des produits techniques par nature, peu spectaculaires en photo. Le défi a été de bâtir une mise en scène éditoriale et visuelle qui valorise l'innovation, l'usage et le bénéfice client, plutôt que la fiche technique brute. Animations, schémas d'usage, visualisations 3D et parcours pédagogiques ont été mobilisés pour rendre l'expertise accessible.
Défi 02
Localiser 2500 points de vente
Avec 2500 points de vente répartis sur le territoire, l'annuaire ne pouvait pas être un simple listing. Nous avons intégré un moteur de recherche performant avec géolocalisation, filtres par typologie de point de vente et résultat cartographique. L'objectif : qu'un installateur ou un particulier trouve en moins de 30 secondes le distributeur le plus proche, avec ses coordonnées et ses horaires.
Défi 03
Design sur-mesure côté CMS maintenable
L'équipe YOKIS souhaitait un site moderne et différenciant, mais éditable en interne sans expertise technique. Le thème WordPress sur-mesure expose des blocs structurés et une administration cadrée, qui permettent à l'équipe marketing de publier des actualités, d'éditer les fiches produits et de mettre à jour le réseau de distribution sans intervention technique.
Défi 04
Préparer un partenariat de long terme
La refonte du site n'était que le point de départ. Le partenariat YOKIS / Urmet imposait une montée en charge sur des outils internes plus complexes (React et Laravel). Nous avons préparé l'architecture technique, les conventions de code et les pratiques de collaboration pour absorber cette montée en charge sans rupture entre la vitrine et les applications métier.
La solution mise en place
Refonte complète du site YOKIS avec un design sur-mesure adaptatif, navigation immersive, moteur de recherche géolocalisé pour 2500 points de vente et préparation au partenariat sur des outils internes React / Laravel.
Axe 01 · Design sur-mesure
Une navigation immersive valorisant l'innovation
La refonte est axée sur un design personnalisé et adaptatif qui met en valeur l'innovation et l'expertise YOKIS dans le domaine des micromodules. Animations contextuelles, transitions fluides, mise en scène visuelle des produits : l'identité digitale est cohérente avec la promesse industrielle française et expert.
Axe 02 · Expérience utilisateur
Front-end moderne et navigation fluide
Une attention particulière a été portée à l'expérience utilisateur, avec l'objectif d'une navigation intuitive et immersive. L'emploi de technologies front-end modernes a été essentiel : composants soignés, animations performantes, parcours installateur et grand public différenciés.
Une expérience pensée pour l'installateur autant que pour le particulier.
Axe 03 · Moteur de recherche points de vente
2500 distributeurs à portée de clic
Intégration d'un moteur de recherche avancé pour localiser aisément les 2500 points de vente YOKIS, avec géolocalisation, filtres et résultats cartographiques. L'accessibilité du réseau de distribution est devenue un atout central de la nouvelle expérience digitale.
Axe 04 · Outils internes salariés
React et Laravel pour YOKIS et Urmet
Suite à la refonte du site, plusieurs outils sur-mesure ont été développés pour les salariés YOKIS et Urmet, principalement en React et Laravel. Le partenariat s'est solidifié sur la durée, avec une collaboration continue qui couvre à la fois la vitrine publique et l'outillage métier interne.
De la vitrine au métier interne, un partenariat élargi.
5 étapes, du brief au lancement
Refonte structurée en sprints avec des points d'avancement réguliers, suivie d'une montée en charge sur des outils internes.
Étape 01
Cadrage
- Analyse du marché domotique
- Cartographie des produits et usages
- Cadrage parcours installateur et grand public
- Cadrage moteur points de vente
Étape 02
Design sur-mesure
- Direction artistique adaptative
- Wireframes mobile-first
- Maquettes home, produit, distributeur
- Animations et micro-interactions
Étape 03
Développement site
- Thème WordPress sur-mesure
- Front-end moderne
- Moteur de recherche points de vente
- Intégration responsive
Étape 04
Lancement
- Recette multi-navigateurs
- Formation back-office
- Mise en production
- Suivi post-lancement
Étape 05
Outils internes
- Cadrage des besoins métier
- Développement React / Laravel
- Intégration aux processus YOKIS / Urmet
- Maintenance évolutive continue
Stack technique du projet
Les briques techniques mobilisées pour faire tourner le site et les outils internes.
- Site vitrine
- WordPress
- Thème sur-mesure
- Front-end moderne
- Animations contextuelles
- Moteur recherche
- Recherche géolocalisée
- 2500 points de vente
- Filtres typologie
- Cartographie
- Outils internes
- React
- Laravel
- API métier
- YOKIS · Urmet
- Qualité
- Responsive multi-écran
- Tests cross-browser
- Performance front
- SEO on-page
Quelques pages du site réalisé
Extrait du design livré
Les chiffres du projet
Données structurelles · yokis.fr
- 1Site sur-mesureThème WordPress dédié
- 2500Points de vente indexésMoteur de recherche géolocalisé
- 20 ansExpertise YOKISFabricant français de micromodules
- 100%ResponsiveDesktop, tablette, mobile
- MultiOutils internesReact et Laravel
- ContinueCollaborationPartenariat YOKIS · Urmet
3 pôles mobilisés sur ce projet
Design sur-mesure immersif
Refonte axée sur un design personnalisé et adaptatif qui met en valeur l'innovation et l'expertise YOKIS dans le domaine des micromodules numériques. Animations contextuelles, transitions fluides, mise en scène visuelle des produits techniques par nature peu spectaculaires en photo : nous avons mobilisé schémas d'usage, visualisations 3D et parcours pédagogiques pour rendre l'expertise accessible à l'installateur comme au particulier. L'identité digitale livrée est cohérente avec la promesse industrielle française et expert portée depuis plus de vingt ans.
Voir l'expertiseMoteur de recherche points de vente
Intégration d'un moteur de recherche avancé pour localiser les 2500 points de vente YOKIS répartis sur le territoire, avec géolocalisation, filtres par typologie de distributeur et résultats cartographiques. L'objectif : qu'un installateur ou un particulier trouve en moins de 30 secondes le distributeur le plus proche avec ses coordonnées et ses horaires. L'index est piloté depuis le back-office WordPress, ce qui permet à YOKIS de gérer son réseau en autonomie sans intervention technique.
Voir l'expertiseOutils internes React et Laravel
Suite à la refonte du site, plusieurs outils sur-mesure ont été développés pour les salariés YOKIS et Urmet, principalement en React et Laravel. Le partenariat s'est solidifié sur la durée avec une collaboration continue qui couvre à la fois la vitrine publique et l'outillage métier interne. Architecture technique, conventions de code et pratiques de collaboration ont été préparées dès la refonte pour absorber cette montée en charge sans rupture entre le site grand public et les applications métier.
Voir l'expertise
