Ornikar

Ornikar, leader français de l’auto-école en ligne, accueille plus de 1,5 million de visiteurs chaque mois. Depuis 2014, la marque a révolutionné l’apprentissage de la conduite puis étendu son offre à l’assurance auto, habitation, et bientôt d’autres services.

Mais gérer un site à cette échelle, ce n’est pas “faire un joli site”. C’est faire tenir ensemble performance, autonomie, SEO, tracking, et collaboration sans qu’aucun de ces piliers ne s’effondre.

• La performance : À ce volume de trafic, la moindre lenteur impacte directement les conversions et le SEO
• L'autonomie : Les équipes marketing devaient dépendre de développeurs pour chaque modification, ralentissant drastiquement l'itération
• Le SEO technique : Avec des centaines de pages, l'optimisation manuelle du SEO technique (schema.org, balises, structure) était source d'erreurs et d'incohérences
• La fiabilité du tracking : Les setups manuels de tracking cassaient régulièrement, faussant les données d'acquisition. Automatiser cet aspect était un enjeu business fort
• La collaboration inter-équipes : Marketing, produit, tech... chacun avait ses contraintes et son langage
• La collaboration au sein de Webflow : Entre 5 et 10 personnes ont besoin d'avoir accès au site Webflow, penser le site pour chacune de ces personnes a été clé

Le site était déjà sur Webflow mais n'utilisait que très peu de components, avait un style guide pas à jour et une dette technique forte.

L'impact si rien n'était fait

• Chaque semaine de dépendance aux développeurs = opportunités marketing perdues
• Chaque erreur SEO non détectée = positions perdues sur des mots-clés stratégiques
• Chaque problème de tracking = décisions prises sur des mauvaises données
• L'incapacité à scaler l'équipe marketing par manque d'outils adaptés

Ornikar cherchait un partenaire capable de comprendre leurs enjeux business tout en ayant la maîtrise technique pour aller au-delà des limitations standard de Webflow.

Notre approche engineering-as-marketing et notre positionnement à l'intersection du développement web et de l'acquisition ont fait la différence :

• Nous parlons le langage du marketing ET celui du code
• Nous ne faisons pas de compromis sur la performance, même sur Webflow
• Nous construisons des solutions que les équipes peuvent s'approprier
• Nous comprenons qu'à 1,5M de visiteurs/mois, il n'y a pas de place pour l'approximation

Notre approche

🧱 Phase 1 : Architecture & Fondations

Ce qu'on a fait :

• Création d'un système de components ultra-flexible permettant de construire n'importe quelle page sans code (+150 component sur le projet)
• Mise en place d'un repo GitHub dédié pour une architecture propre et versionnable (sans avoir de code qui "traîne" sur Webflow)
• Structuration du CMS Webflow pour supporter l'autonomie des équipes (avec notamment Cloudflare pour "proxyifer" les requêtes et ré-écrire les URLs)

Pourquoi comme ça : avec ce volume de trafic et d'enjeux business, on ne peut pas se permettre de construire au fil de l'eau. L'architecture doit être pensée dès le départ pour la scalabilité et la maintenabilité.

🔍 Phase 2 : Automatisation SEO & Tracking

Ce qu'on a fait :

• Automatisation complète du SEO technique : balises schema.org générées automatiquement selon le type de page, structure des URLs, meta descriptions dynamiques
• Tracking entièrement automatisé : fini les setups manuels qui cassent à chaque mise à jour. Le tracking est intégré dans l'architecture même du site

Pourquoi comme ça : Avec des centaines de pages et un site qui évolue constamment, la gestion manuelle du SEO technique et du tracking est :

1. Source d'erreurs humaines
2. Non scalable
3. Chronophage

🧩 Phase 3 : Component Editor Custom

Le rich text natif de Webflow ne permet pas d'avoir le niveau de flexibilité et de contrôle dont Ornikar a besoin pour leurs contenus éditoriaux. Ils voulaient pouvoir enrichir leurs articles avec des éléments interactifs, des CTA, des tableaux... tout en gardant la cohérence visuelle, des performances au top et une édition facilitée.

On a développé ce qu'on appelle un component editor permettant aux équipes d'Ornikar de créer et d'insérer des components directement dans leurs articles de blog, à la volée, sans toucher une ligne de code depuis une webapp centralisée.

⚡ Phase 4 : Performance & Code Custom

Aucune animation Webflow n'a été utilisée sur le site, elles ont été créées en CSS ou en Javascript. Cela permet de garantir :

• Des performance optimales
• Un contrôle total sur le comportement
• Maintenance sur le long terme (aucune animation n'est dupliquée lors d'un copier-coller par exemple)

De plus un certain nombre d'éléments assez lourds sont déjà présents sur le site (Mapbox ou les vidéos par exemple) donc chaque kilobyte compte. Les animations Webflow, bien que pratiques, ajoutent du poids inutile. Nous avons fait le choix de coder chaque interaction pour optimiser performance et légèreté.

Nous ne faisons aucun compromis sur la qualité. Si Webflow ne suffit pas, nous codons.

Les résultats

Un site Webflow entièrement repensé, prêt pour la croissance :

✅ Une bibliothèque de components flexibles

• +150 components pré-construits et optimisés
• Totale autonomie pour créer de nouvelles pages
• Cohérence visuelle garantie

✅ Un component editor custom pour le blog

• Insertion de components à la volée dans les articles
• Interface intuitive, zéro code requis
• Liberté créative pour l'équipe éditoriale

✅ Une automatisation SEO complète

• Balises schema.org générées automatiquement
• Optimisation technique à chaque page
• Cohérence SEO garantie sur l'ensemble du site

✅ Un tracking automatisé et fiable

• Zéro setup manuel
• Données d'acquisition fiables à 100%
• Scalable pour tous les futurs besoins

✅ Une architecture technique solide

• Repo GitHub dédié
• Code custom, zéro animation Webflow
• Performance optimale pour 1,5M visiteurs/mois