Application web et plateforme de thèmes

Plateforme de sites Smily

Smily devait pouvoir gérer et faire évoluer des centaines de sites clients sans maintenir chacun comme un projet à part.

Okzea a transformé ce modèle en une plateforme de sites partagée et versionnée : un socle commun unique, des designs sur mesure réutilisables, une personnalisation encadrée site par site, des mises à jour plus sûres et des outils pensés pour livrer en continu.

Résultat : une plateforme qui fait tourner plus de 300 sites actifs, avec plus de 190 versions de thème publiées depuis 2019.

Voir les détails du projet
Plateforme de sites Smily

Vue d'ensemble

Smily, anciennement BookingSync, propose aux gestionnaires de locations de vacances un site de réservation directe hébergé et connecté à leur logiciel de gestion.

Okzea a travaillé comme partenaire technique intégré à l'équipe Experience de Smily de 2017 à 2026. La mission a d'abord porté sur l'architecture des thèmes, les designs sur mesure et l'édition des sites, avant de s'étendre peu à peu à l'ensemble de la plateforme : fonctionnalités produit, maintenance, outils internes et choix techniques.

Au fil des années, Okzea a pris une place de plus en plus centrale dans la responsabilité technique et l'évolution de la plateforme.

Détails du projet

Le défi

  • Chaque site tournait sur sa propre copie modifiable du thème, ce qui rendait risqué tout déploiement d'amélioration sur l'ensemble de la plateforme.
  • Mises à jour et correctifs devaient être appliqués à la main, site par site. Cela prenait souvent des jours et mettait en danger les personnalisations existantes.
  • Une demande simple, comme l'ajout d'un tag manager, pouvait mobiliser trois personnes et exiger une nouvelle version du thème.
  • Polices, couleurs et mises en page étaient codées en dur : chaque design sur mesure repartait donc de zéro.

Une plateforme commune, sans sacrifier la personnalisation

Smily devait pouvoir améliorer tous les sites clients à partir d'une même base de code, sans écraser le design, la configuration ni les intégrations propres à chacun.

La réponse : une architecture de thèmes en couches, où le thème commun reste la référence unique et où tout ce qui est propre à un site vit en dehors du code du thème.

  • Le thème socle fournit les layouts, composants, snippets, scripts, styles et traductions communs à tous les sites. Les variantes peuvent en modifier, en retirer ou en remplacer des parties, et les options structurées et les plugins forment la dernière couche de personnalisation de chaque site.
  • Chaque option modifiable est décrite en JSON Schema. L'éditeur génère son interface à partir de ce schéma et valide chaque modification.
  • 25 points d'extension par thème permettent au support d'injecter des tags de suivi, des styles ou du balisage à des endroits précis, sans toucher aux templates.
  • Chaque version est construite une seule fois par la CI, versionnée et publiée sous forme de package. Chaque site en reçoit une instance déployée, tandis que ses options et plugins restent à part.
  • Lors d'une mise à jour, la plateforme applique la nouvelle version et fusionne la configuration du site dans la nouvelle structure. Sections, mises en page et valeurs existantes sont conservées, et les nouveaux champs obligatoires sont ajoutés sans risque.

Des designs sur mesure, sans code dupliqué

Depuis le thème v3, en 2022, les designs sur mesure sont des thèmes enfants posés sur un socle commun unique.

  • Un thème enfant ne contient que les fichiers qu'il modifie : une feuille de style, un composant, un template. Tout le reste est hérité du socle.
  • Un design sur mesure n'exige donc plus de copier tout le thème. Correctifs et améliorations restent dans le socle et profitent à chaque thème enfant dès la version suivante.
  • Environ 27 designs sur mesure ont été réalisés sur ce modèle à ce jour.

Neuf ans d'évolution de la plateforme

  • 2017

    Arrivée dans l'équipe Experience et reprise du thème de première génération, avec les premiers designs sur mesure et des améliorations de la page d'accueil, du calendrier et de la recherche.

  • 2018

    Remise à plat des fondations du thème, avec le remplacement de l'ancienne bibliothèque de mixins Sass par les composants Bootstrap, en parallèle des designs sur mesure.

  • 2019

    Thème v2, refonte du thème principal sur Bootstrap 4, décliné en une famille de quatre thèmes publiés sous forme de packages versionnés.

  • 2022

    Thème v3, réécriture sans jQuery à base de web components, avec recherche en JSON, cartes interactives, partage de favoris, pages de campagne et conditions d'annulation.

  • 2023

    Enrichissement de la plateforme avec la gestion des sections, les attributs personnalisés, une médiathèque, les plugins, les meilleures offres et prix barrés, GA4 avec consent mode, une carte des locations et les avis toutes sources confondues.

  • 2026

    Thème v4, design system basé sur Tailwind avec des composants pilotés par schéma, des presets et des repères d'édition qui relient chaque élément de la page à l'option qui l'a produit.

Un éditeur de sites en temps réel, piloté par schéma

Dernière étape de la plateforme : un nouvel éditeur pour les sites en thème v4, qui réunit tout le travail sur le thème dans une seule interface, avec un aperçu en temps réel.

  • Pages, sections, navigation, articles de blog, traductions, médias et plugins se gèrent depuis le même éditeur.
  • L'éditeur, écrit en React, s'appuie sur des champs générés à partir du schéma et sur un panneau de sections. Chaque modification apparaît dans l'aperçu sans recharger la page.
  • Les pages s'assemblent à partir de composants et de presets : les utilisateurs non techniques ajoutent des sections en quelques clics, et un contrôle plus fin reste disponible au besoin.
  • Navigation, traductions et blog se modifient directement dans l'éditeur, là où le contenu apparaît.
  • L'assistant IA connaît la structure du thème. Il peut expliquer les options, faire des modifications ciblées, concevoir une section, générer une landing page complète, rédiger du contenu ou le traduire.
  • Un validateur de design vérifie chaque proposition de l'IA par rapport aux classes et à la palette réellement définies dans le thème : les pages générées n'utilisent que des styles qui existent.
L'éditeur de sites du thème v4 et son aperçu en temps réel

Des outils pour une équipe resserrée

Gérer des centaines de sites demandait des outils capables de supprimer le travail répétitif et de simplifier le développement comme les mises en production.

  • Une application de bureau Electron compile les thèmes, les synchronise vers n'importe quel site via l'API de la plateforme, gère les environnements et compare les fichiers.
  • Un pipeline de build multi-thèmes, des tests unitaires et de bout en bout automatisés et un serveur de simulation permettent d'afficher les thèmes en local sans lancer toute la plateforme.
  • Les mises en production automatisées génèrent les changelogs et les notifications Slack, et des déploiements CI isolés par thème empêchent une version d'en écraser une autre.
  • Le système de gestion des sections de l'éditeur v3 repose entièrement sur JSON Schema, sans aucune modification côté backend.
  • L'outil d'administration interne a été reconstruit en application React sur une API JSON : suivi des installations de thèmes, état des tâches, journal d'audit et trafic par site.

SEO et performance à l'échelle de la plateforme

Le SEO, la performance et l'analytics ont été traités au niveau de la plateforme, pour que chaque amélioration profite à tous les sites plutôt que d'être appliquée au cas par cas.

  • La refonte du sitemap et des balises hreflang a supprimé plus de 900 URL mortes ou en double sur un seul site, avec des URL canoniques uniques pour les pages 404 et des règles robots pour la recherche à facettes.
  • Des données structurées ont été ajoutées pour les locations, les avis et les pages personnalisées, ainsi que des aperçus pour les réseaux sociaux et des titres localisés.
  • Un profileur de rendu Liquid et la mise en cache des drops ont permis de repérer et d'éliminer un point chaud qui coûtait des dizaines de millisecondes par appel, sur des pages qui pouvaient mettre plusieurs secondes à se charger.
  • La plateforme a aussi introduit les squelettes de chargement, le versioning des assets, la diffusion en AVIF via le CDN d'images et le chargement différé des médias.
  • Côté analytics et suivi : GA4 avec consent mode, suivi des achats via le Meta Pixel et détection des bots pour le bandeau cookies.

Impact

Partenariat sur la durée
9 ans
Sites clients actifs
300+
Versions de thème depuis 2019
190+
Générations de thèmes
4
Designs sur mesure sur le socle commun
27
Langues prises en charge
13
  • 30 composants communs
  • 43 snippets
  • 17 modèles de page
  • Plus de 1 000 clés de traduction par thème
  • 25 points d'extension par thème

Au-delà de la plateforme elle-même, la mission a inclus un soutien quotidien à l'équipe customer success et la migration des sites clients d'une génération de thème à l'autre.

Galerie

Témoignages

  • “Vous pouvez lui confier un problème et ne plus vous en soucier.”

    Okzea a pris en charge notre plateforme de sites web chez Smily pendant neuf ans, au sein de notre équipe Experience.

    Créer un bon site web n'a rien de difficile. En créer un par-dessus un logiciel de gestion locative et un channel manager, où disponibilités, tarifs et réservations doivent rester synchronisés et exacts, devient vite complexe. Créer une seule base de code qui améliore 300 sites d'un coup sans en casser aucun, c'est là que tout se joue. C'est ce qu'Okzea a construit.

    Plus de 190 versions de thème publiées depuis 2017. 27 designs sur mesure sur un seul socle commun, sans code dupliqué. 13 langues. Chacune de ces versions a été construite une fois, puis déployée sur les sites de centaines de clients payants, sans que notre équipe support passe la semaine suivante à réparer les dégâts.

    Son rôle s'est élargi au fil des années. Il a commencé par les thèmes et le design, puis a pris en main l'architecture, les outils, le pipeline de mise en production, le SEO, la performance et les migrations clients. Notre équipe est restée petite pendant la majeure partie de ces neuf ans, et son jugement y est pour beaucoup.

    Le jour où il m'a montré le prototype de la v4, j'ai été bluffé. On discute avec une IA, et c'est elle qui pilote tout l'éditeur : les réglages, l'ajout et la suppression de widgets, la rédaction des textes, leur traduction. J'avais vu Lovable et les autres générateurs de sites par IA, et ce qui me gênait chez tous, c'était le désordre. Ils ignorent vos règles et vous laissent tout nettoyer. Okzea a trouvé le juste milieu : un thème strict, avec de vraies règles, et une IA qui les comprend tout en créant quelque chose d'original à l'intérieur. À grande échelle. Mener ça de l'idée à la production, c'est remarquable.

    Ce que je dirais à quiconque envisage de travailler avec lui : vous pouvez lui confier un problème et ne plus vous en soucier. Il dit ce qu'il va faire, il le fait, et il signale ce qui coince avant même que vous ayez à le demander.

    Pour un CEO et fondateur, avoir quelqu'un comme lui dans son équipe est une vraie chance. Si vous voulez un produit qui fonctionne encore dans cinq ans, travaillez avec Okzea.

Inscrivez-vous pour recevoir nos dernières nouvelles

Abonnez-vous à notre newsletter

.

Okzea Icon

Votre partenaire technique sur le long terme

Nous construisons et maintenons les applications et les automatisations qui suppriment le travail manuel, pour des équipes en Europe, en Amérique du Nord et en Asie.

© 2026 Okzea Co. Ltd. Tous droits réservés.