Lancer la présence digitale d'une startup IA fondée par trois anciens executives Workday, avec une stratégie AEO native pensée pour les LLMs.

VCola est une plateforme IA enterprise basée à Dublin, fondée par trois anciens executives Workday : David Clarke (ex-CTO et SVP Workday, Venture Partner chez Frontline Ventures), Annrai O'Toole (ex-European GM Workday, Founder CTO d'IONA Technologies, CEO d'Utmost) et Kashif Qayyum (ex-Fellow Workday). Trois profils qui ont passé plus de vingt ans à bâtir des SaaS ERP utilisés par des multinationales avant de se poser une question simple : à quoi devrait ressembler un ERP construit pour l'ère de l'IA.

Leur réponse tient en une ligne. Là où les outils de vibe coding comme Lovable, Bolt.new ou Cursor s'arrêtent au prototype, leur plateforme génère du code enterprise-grade à partir d'une spécification formelle, avec intégrité transactionnelle, sécurité role-based et capacité d'upgrade sur la durée. Tagline produit : Custom by design.

Quand Caroline O'Reilly (COO de VCola) nous a contactés en avril 2026, le produit existait mais l'image n'existait pas encore. Pas de logo, pas de site, pas de positionnement formalisé, pas d'identité visuelle. Une feuille blanche pour porter un produit dont la cible est composée de CTOs, CIOs et CFOs de grands comptes habitués aux standards visuels de Workday, SAP ou Oracle.

La contrainte temps a été posée d'entrée par Caroline : tout devait être livré avant fin avril, calage parfait avec le lancement du programme early adopter. Trois semaines pour construire une marque, un design system, un site complet et l'ensemble de l'infrastructure technique sous-jacente. Aucune marge.

Le premier défi tenait à la crédibilité enterprise. Quand un acheteur a porté des contrats Workday à sept chiffres pendant dix ans, son seuil de tolérance visuelle est levé. Tout site qui ressemble à un énième outil IA générique (gradients fluo, illustrations de robots, esthétique vibe coding) disqualifie immédiatement le produit. La marque devait pouvoir tenir face à un brand book Workday sans dépareiller, tout en assumant son identité propre. Pas de mimétisme, pas de généricité.

Deuxièmement, le produit est techniquement dense. Spécification formelle, runtime opinionated, code déterministe, role-based data access, transactional integrity, agentic layer : autant de concepts qui rebutent un acheteur pressé si la copy ne les rend pas lisibles immédiatement. La structure du site devait porter cette complexité sans la subir, avec une hiérarchie typographique pensée pour des paragraphes techniques longs.

Troisièmement, l'audience interroge les LLMs avant Google. Le brief était explicite : « the first user of this website is an LLM. » Le site devait être citable par les moteurs de réponse IA, pas seulement référencé sur Google. Cela imposait une architecture AEO complète : fichier llms.txt natif, schema.org enrichi, paragraphes snippet-ready, meta descriptions construites comme des réponses directes au vocabulaire propriétaire (Agentic ERP, specification-first generation, VCola Runtime, VSL specification).

Quatrièmement, l'infrastructure technique sous le capot. Trois formulaires actifs (Early Adopter Signup, Contact, Newsletter Demo Gateway) devaient pousser leurs soumissions vers Google Sheets pour l'équipe commerciale, avec emailing transactionnel propre, anti-bot et conformité RGPD irlandaise stricte. Pas de Zapier en dur, pas de dépendance tierce critique. Une stack maîtrisée, transférable ensuite au dev interne de VCola.

Enfin, la contrainte de délai. Trois semaines pour livrer une marque complète, un design system, huit pages Webflow, un CMS sept collections et l'infrastructure formulaires associée. La contrainte était voulue par Caroline pour aligner le go-live sur le lancement du programme early adopter. Aucune marge pour des itérations longues ou des allers-retours non cadrés.

Quatre objectifs structuraient le projet.

Une identité visuelle ownable et enterprise-ready, créée de A à Z

Logo, motion design de logo, palette, système typographique, iconographie sur mesure, brand book complet. La direction artistique s'éloigne délibérément des codes vibe coding (gradients fluo, illustrations robotiques, esthétique outil grand public) pour s'aligner sur les standards visuels enterprise portés par Workday, Snowflake ou Databricks. Sobriété décisive, dark mode maîtrisé, zéro élément décoratif superflu. L'objectif : qu'un CTO grand compte ouvre le site et reconnaisse immédiatement un acteur sérieux, sans avoir besoin de lire une ligne.

Un design system Figma complet et un site Webflow premium

Sept pages initialement prévues (Home, Why VCola, Solutions, Founding Team, Blog CMS, Early Adopter Signup, Careers), étendues à huit avec l'ajout d'une page Pricing en cours de projet et d'une Demo Gateway Page post-livraison. Chaque page pensée comme une réponse précise à une question métier, avec une UX/UI capable de transmettre la rigueur enterprise sans rigidité visuelle. Le design system Figma a été construit en amont du maquettage (variables de couleurs, styles de texte, système d'espacement, composants réutilisables) pour garantir cohérence parfaite entre les pages et industrialiser le développement côté Rayane. Cette base est désormais réutilisable pour tous les futurs supports : livres blancs, decks investisseurs, bannières LinkedIn, présentations produit.

Une stratégie AEO native dès le lancement

Fichier llms.txt complet avec URLs absolues, description produit structurée, FAQ techniques et vocabulaire propriétaire (Agentic ERP, specification-first generation, VCola Runtime, VSL specification). Schema.org Organization, Product et FAQPage intégrés au custom code. Meta titles et descriptions formulés comme des réponses directes, sans tirets cadratin, pour maximiser les chances de citation par ChatGPT, Perplexity, Claude et Google AI Overviews. Alt text de tous les visuels rédigé pour porter à la fois accessibilité et contexte sémantique. Search Console configurée dès la mise en ligne pour assurer un suivi GSC immédiat et identifier les premières citations IA.

Une infrastructure technique poussée, hors Webflow standard

Emailing transactionnel via Resend pour garantir la délivrabilité et éviter les filtres spam : critique pour des leads enterprise qui ne doivent jamais se perdre dans un dossier de courrier indésirable. Anti-bot via Cloudflare Turnstile sur les trois formulaires actifs (Early Adopter Signup, Contact, Newsletter Demo Gateway), plus précis que reCAPTCHA et sans friction utilisateur. Pipeline custom Cloudflare Worker pour pousser les soumissions vers Google Sheets en temps réel, avec service account dédié et credentials sécurisés côté serveur. Une stack maîtrisée, documentée et transférable au dev interne de VCola pour leur donner la pleine ownership de la config serveur.

Noqode a déployé une approche Brand · Build · AEO, orchestrée sur trois semaines avec un Creative Designer (Anthony Le Henaff), un Lead Webflow Developer (Rayane Ali) et un Strategic Management (Amaury de Luca) couvrant coordination, copywriting et déploiement AEO.

La méthode reposait sur une parallélisation systématique des chantiers. Dès la validation de la DA, le développement Webflow démarrait sur les premières maquettes pendant que les suivantes étaient finalisées. Un groupe WhatsApp dédié permettait des points rapides avec Caroline à Dublin, ce qui a permis d'éviter tout palier d'attente lié aux validations séquentielles.

Une phase de recherche brand avant tout livrable visuel

La première semaine a été consacrée à une phase de recherche structurée avant de produire le moindre élément final : audit visuel des références enterprise (Workday, Snowflake, Databricks) pour identifier les codes attendus, audit inverse des écueils à éviter (Lovable, Bolt.new, Cursor et l'esthétique vibe coding qui disqualifie immédiatement chez un acheteur grand compte), exploration typographique et tests de positionnement chromatique.

De ce travail amont est ressortie une direction artistique délibérément light mode, à rebours du dark mode systématique des outils IA grand public, demandée par Caroline dès le brief. Bleu primaire #2592DE comme cornerstone, gradients translucides animés en arrière-plan, effet liquid glass sur les surfaces clefs. Une esthétique qui transmet précision technique et accessibilité sans tomber dans les clichés IA. Direction artistique validée en deux itérations, puis verrouillée comme socle pour l'ensemble des livrables aval.

Un design system Figma pensé pour le développement Webflow

Le design system a été construit avec une logique de production en tête, autour de quatre piliers :

• Palette en échelle 50 à 900 sur le bleu primaire et les neutres
• Geist (Vercel) pour les headings et display, en Medium 500
• Inter pour le body et l'UI, sur quatre weights
• Composants Figma en variants, qui reflètent la logique des composants Webflow

Chaque composant Figma correspond à un composant Webflow, chaque variable Figma à une variable Webflow. Le handover design-développement s'est fait sans friction, ce qui a libéré du temps pour les optimisations fines en fin de projet : animations, micro-interactions, polish responsive.

Un développement Webflow Business démarré par les CMS

La construction du site a commencé par la structuration des collections CMS avant l'attaque des pages. Cette approche évite les reprises CMS en fin de projet, qui sont chronophages et coûteuses sur des sites complexes. Les pages dynamiques (Blog, Founding Team, Solutions, Careers) ont ensuite été développées directement sur des collections opérationnelles, avec des données réelles. Le développement s'est fait sur le workspace agence Noqode, puis transféré vers le workspace Caroline côté client une fois la recette validée.

Sept collections ont été définies en amont, avec leurs champs, leurs help texts pédagogiques et leurs relations :

• Blog Posts (titre, summary, body, author, category, related posts, featured image)
• Blog Categories (Product, Vision, White Papers)
• Blog Authors avec page de profil dynamique et articles auto-populés
• Job Offers avec upload PDF de candidature
• Job Departments (Engineering, Product, Go-to-Market)
• Team Members pour la page Founding Team dynamique
• Solutions pour les 4 cards produit (International Payroll, HCM, Equipment Request, Supply Chain)

Une infrastructure technique custom, hors fonctionnalités natives Webflow

Les fonctionnalités natives Webflow ne couvraient pas le niveau attendu sur trois points critiques : délivrabilité des emails transactionnels, robustesse anti-bot, intégration directe avec les outils commerciaux. Noqode a déployé une stack custom autour de trois briques distinctes.

Emailing transactionnel via Email API de Resend

‍Toutes les notifications de soumission passent par Resend plutôt que par l'envoi natif Webflow. La délivrabilité est significativement supérieure grâce à une authentification SPF/DKIM/DMARC propre, les templates sont personnalisables et la journalisation des envois est complète. Un choix critique pour des leads enterprise dont la perte est inacceptable.

Anti-bot via Cloudflare Turnstile

Les trois formulaires actifs (Early Adopter Signup, Contact, Newsletter Demo Gateway) sont protégés par Turnstile. La solution offre une précision supérieure à reCAPTCHA, sans friction utilisateur visible et avec une conformité RGPD native. Zéro spam reçu depuis le go-live.

Pipeline Cloudflare Worker vers Google Sheets

‍Un Cloudflare Worker reçoit les soumissions et les pousse en temps réel dans une feuille Google Sheets de l'équipe commerciale, via service account dédié. Credentials stockés en environment variables côté Worker, jamais exposés client-side. Un plan B avec Make.com a été documenté en cas de migration future, et le DNS Cloudflare est configuré en mode DNS only pour éviter les conflits avec l'hosting Webflow.

Stratégie AEO et schema.org native

L'optimisation AEO a été déployée en parallèle du développement, et non en correction post-livraison. Meta titles et descriptions formulés sans tirets cadratin, avec un format réponse directe favorisé par les moteurs IA. Alt text de tous les visuels rédigé pour porter à la fois accessibilité et contexte sémantique. Search Console configurée dès la mise en ligne pour identifier les premières citations.

Côté machine-readable, deux livrables structurent l'indexation par les LLMs :

• Un fichier llms.txt avec URLs absolues, description produit, vocabulaire propriétaire (Agentic ERP, specification-first generation, VCola Runtime, VSL specification), FAQ techniques et sitemap principal
• Un schema.org complet (Organization, Product, FAQPage) intégré au custom code

Les contenus placeholder des Job Offers ont été volontairement exclus du llms.txt pour ne pas polluer les futures citations IA.

Conformité GDPR irlandaise

Cookie banner conforme RGPD intégré avant la mise en ligne via Cookiebot, prérequis non négociable pour une entreprise basée à Dublin. Le choix de Cookiebot a été fait pour anticiper l'intégration future d'outils tiers (Google Analytics, scripts marketing, pixels publicitaires) avec une gestion du consentement déjà industrialisée et conforme. Pages Terms of Service et Privacy Policy livrées et liées dans le footer.

VCola est passé en trois semaines d'une page blanche à une présence en ligne complète, opérationnelle et alignée sur les standards de sa cible. Le résultat n'est pas seulement un site, mais une plateforme de croissance sur laquelle l'équipe peut désormais s'appuyer sans contrainte technique.

Une marque qui ne demandera pas à être refaite avant longtemps

L'identité visuelle posée avec Anthony fonctionne sur tous les supports que VCola va activer dans les douze prochains mois : site, brand book, bannières LinkedIn, livres blancs, decks investisseurs, futurs supports produit. Le design system Figma est versionné, documenté et réutilisable. Aucun re-travail brand n'est à prévoir avant une étape stratégique majeure (changement de positionnement, levée Series A, expansion géographique).

Une autonomie éditoriale totale côté Caroline

C'est peut-être le plus important. Avant le projet, VCola n'avait rien à publier nulle part. Après livraison, Caroline peut gérer l'intégralité du contenu seule : articles de blog, offres d'emploi, membres d'équipe, vidéos demo des solutions, mises à jour des pages statiques. Zéro dépendance technique pour la roadmap éditoriale.

Pour rendre cette autonomie réelle et durable, deux livrables d'accompagnement ont été produits :

• Une session de formation en visioconférence dédiée avec Caroline, couvrant le mode Editor, le Designer en Preview Role, le CMS et les bonnes pratiques de publication
• Le Website Management Guide, document de 30 pages structuré en trois parties (Roles & Access, CMS Collections, AEO & Quick Reference), avec procédures pas-à-pas, golden rules et fiches synthétiques par collection

Caroline a désormais une documentation de référence qu'elle peut rouvrir à tout moment, et un contact direct pour les cas non couverts.

Une infrastructure technique qui tient sans intervention

L'ensemble de la stack custom (Resend, Cloudflare Turnstile, Cloudflare Worker, Cookiebot) tourne en production sans incident depuis le go-live. Les leads Early Adopter arrivent en temps réel dans la feuille Google Sheets de l'équipe commerciale, l'authentification email est propre, le spam est inexistant. Le Worker est documenté pour être transféré à Sean (dev interne VCola), ce qui donnera à terme la pleine ownership de la config serveur à l'équipe.

Un site prêt à être cité par les LLMs dès le jour 1

La stratégie AEO déployée en parallèle du dev positionne VCola pour être cité par les moteurs IA sur deux niveaux de requêtes : les requêtes propriétaires (Agentic ERP, specification-first generation) que VCola veut posséder, et les requêtes secteur (AI-native enterprise platform, enterprise-grade AI code generation) plus concurrentielles. Le llms.txt structuré, le schema.org enrichi et la Search Console configurée dès la mise en ligne maximisent les chances de citation par ChatGPT, Perplexity, Claude et Google AI Overviews dès l'indexation initiale.

Une livraison qui a tenu la contrainte temps sans compromis

Le projet a été livré le 29 avril 2026, largement dans les délais fixés par Caroline. La contrainte de trois semaines, voulue d'entrée pour aligner le go-live sur le lancement du programme early adopter, a été tenue sans concession sur la qualité ni sur le périmètre, avec même deux pages ajoutées en cours de route (Pricing puis Demo Gateway). NPS de 10/10 et note maximale sur tous les critères d'évaluation post-livraison.