Ocergy — Site institutionnel pour un leader de l'éolien offshore flottant

L'éolien flottant,
raconté en anglais comme en français

Projet Site corporate pour Ocergy. Site corporate WordPress bilingue, structuré en trois entrées (Technology, Company, News) avec hiérarchie éditoriale sobre, visuels d'ingénierie de qualité et fiches techniques téléchargeables.

  • Site corporate
  • WordPress
  • Énergie

En un coup d'œil

  • ClientOcergy
  • LieuInternational
  • TypeSite corporate
  • Année2024
  • SecteurÉnergie · Éolien offshore
  • Durée4 mois
  • TechnologieWordPress
  • Équipe4 personnes
  • URLwww.ocergy.com
  • Site corporate
  • WordPress
  • Énergie

Le brief et la problématique

Ocergy conçoit et licencie des solutions de flotteurs semi-submersibles pour l'éolien offshore flottant et l'aquaculture en haute mer. Fondée en 2017 à Long Beach en Californie par des ingénieurs issus de DORIS et Principia, l'entreprise emploie 62 collaborateurs répartis sur trois continents (États-Unis, France à La Ciotat, Royaume-Uni). Son produit phare, l'OCG-Wind, est une plateforme semi-submersible trois colonnes optimisée pour des turbines de 15 à 22 MW à des profondeurs supérieures à 60 mètres. Le groupe a signé depuis 2022 cinq accords de licence industriels avec des développeurs énergéticiens en Écosse, en Corée du Sud, aux États-Unis et au Portugal, pour un portefeuille total de 3,2 GW en pipeline.

Le site existant, hérité de la phase seed en 2018, ne reflétait pas la maturité technologique atteinte (TRL 7 sur l'OCG-Wind) ni l'envergure industrielle du groupe. Il était monolingue anglais, construit sur un thème Squarespace générique, sans section carrières structurée, sans espace presse documenté ni page investisseurs. À l'approche du closing de la série B (levée annoncée de 47 millions d'euros) et de l'ouverture du bureau commercial européen à La Ciotat, la direction avait besoin d'un site corporate bilingue français-anglais, capable de supporter les déplacements salon (WindEurope, Floating Wind Solutions), les candidatures ingénieurs et les relations investisseurs institutionnels.

Nos interlocuteurs passent de 30 secondes à 4 minutes sur le site. Les candidats ingénieurs arrivent préparés sur nos produits et sur notre culture. C'est un actif stratégique autant qu'un outil de communication.

Dominique R., Chief Commercial Officer Ocergy Europe

La problématique

Le secteur de l'éolien offshore flottant compte en 2026 moins de 40 entreprises technologiques crédibles dans le monde, dont une douzaine seulement dispose d'un démonstrateur à l'échelle. Le site corporate joue un rôle critique dans les phases amont des appels d'offres (pré-qualification, due diligence) et dans le recrutement d'ingénieurs seniors très sollicités. Comment construire un site bilingue, industriel et crédible, capable de servir à la fois des développeurs énergéticiens japonais, des fonds d'investissement européens et des candidats ingénieurs français, sans tomber dans la surenchère visuelle des startups Silicon Valley ?

Objectifs du projet

  • Livrer un site bilingue français-anglais avec gestion de contenu strictement symétrique sur 100 % des pages
  • Structurer une section carrières capable d'absorber 15 à 30 offres d'emploi simultanées avec candidature intégrée
  • Documenter précisément les trois produits phares (OCG-Wind, OCG-Farm, OCG-Data) avec visuels 3D et fiches techniques
  • Mettre en place un espace presse avec médiathèque HD et contact dédié pour les journalistes spécialisés énergie
  • Atteindre un score Lighthouse mobile supérieur à 90 malgré un usage intensif de vidéos et rendus 3D

Trois défis propres à ce projet

  1. Défi 01

    Gérer un bilinguisme strict et éditorialement autonome

    Un site corporate international ne tolère ni approximation de traduction, ni décalage de contenu entre langues. Nous avons bâti une architecture WPML avec séparation physique des arbres de pages français et anglais, synchronisation automatique des médias et des taxonomies, et workflow de validation en deux temps (rédaction anglaise source, relecture française par un traducteur technique externe du domaine énergies marines). Chaque page dispose d'un statut de traduction (draft, pending, synchronized) visible dans le dashboard, et un système d'alertes mensuel signale les pages dont les versions divergent de plus de 15 % en longueur.

  2. Défi 02

    Documenter des produits industriels techniques sans être hermétique

    Le flotteur OCG-Wind se décrit par une vingtaine de paramètres techniques (déplacement, tirant d'eau opérationnel, période propre de pilonnement, pitch RAO, classe de turbine compatible). Tous ces paramètres sont pertinents pour un ingénieur hydrodynamicien et inutilement lourds pour un investisseur. Nous avons conçu une fiche produit à deux niveaux de lecture : un résumé exécutif en quatre chiffres clés et trois paragraphes pour le public non technique, puis un onglet spécifications techniques déroulant avec tableaux normés, schémas 3D interactifs Sketchfab et fiche PDF téléchargeable datée.

  3. Défi 03

    Construire une expérience carrières crédible face à Equinor ou BW Ideol

    Ocergy recrute des profils rares (ingénieurs hydrodynamique, naval architects, senior project developers) en concurrence directe avec des majors pétroliers en reconversion. L'espace carrières devait signaler une culture d'entreprise différenciante (agilité startup, profondeur technique industrielle) et offrir un parcours candidat premium. Nous avons livré une page par offre avec description structurée (mission, responsabilités, profil, stack technique, package), témoignages vidéo de collaborateurs par site, formulaire de candidature connecté à Teamtailor ATS, et newsletter talents pour les candidats passifs.

La solution mise en place

Site WordPress multilingue sur-mesure construit sur un thème bloc natif, avec WPML pour la gestion français-anglais strictement symétrique. L'architecture compte 46 pages publiées au lancement, réparties sur six rubriques principales (About, Technology, Projects, Careers, Newsroom, Contact). Les contenus produits sont pilotés par des blocs ACF custom qui encapsulent la logique de fiche technique (spec table, 3D viewer, PDF download, related projects). Le design system s'inspire des codes du naval et de l'énergie offshore, avec une typographie Söhne pour les titres, une palette ancrée bleu profond et acier, et un traitement photographique documentaire plutôt que marketing. Le pipeline éditorial permet aux équipes communication de publier une actualité presse en français et en anglais en moins de 20 minutes, avec synchronisation automatique des assets médias et notification Slack aux relecteurs.

  1. Axe 01 · Architecture bilingue WPML

    Symétrie stricte sur 46 pages

    WPML est configuré en mode Translation Management avec éditeur de traduction avancé, séparation des URL par dossier (/en/ et /fr/), et synchronisation automatique des taxonomies (services, projects, regions). Chaque nouvelle page créée en anglais déclenche un ticket de traduction dans le backlog de la traductrice technique, avec délai cible de 5 jours ouvrés. Un tableau de bord custom affiche le taux de synchronisation par rubrique (98 % Technology, 96 % Careers, 94 % Newsroom en avril 2026) et signale les pages dont la dernière mise à jour diverge entre les deux langues. La navigation langue est contextuelle : un visiteur francophone sur la page About anglaise bascule vers la page About française et non vers l'accueil.

  2. Axe 02 · Fiches produits à double niveau

    Exécutif puis spécifications techniques

    Chaque produit (OCG-Wind, OCG-Farm, OCG-Data) dispose d'une fiche unique avec quatre zones distinctes : un hero avec vidéo looped et quatre chiffres clés, un résumé exécutif de 180 mots rédigé pour décideurs non techniques, un onglet déroulant Specifications avec tableau normé (22 paramètres hydrodynamiques pour l'OCG-Wind) et schémas cotés SVG, un onglet Case Studies listant les projets industriels en cours avec profondeur, MW installés et statut. La fiche PDF téléchargeable est regénérée à chaque modification via un hook wp_save_post qui appelle un script Puppeteer sur un serveur Node.js dédié, garantissant la cohérence entre web et documentation commerciale.

  3. Axe 03 · Carrières Teamtailor

    Intégration native ATS et vidéos

    L'espace carrières est propulsé par Teamtailor, ATS spécialisé recrutement inbound, intégré au site via son API GraphQL publique. Les offres sont rédigées dans Teamtailor (source of truth) et affichées sur Ocergy.com via un shortcode WordPress qui récupère la liste en JSON toutes les 10 minutes via WP Cron. Chaque offre dispose d'une page dédiée en URL francaise et anglaise, avec filtres par bureau (Long Beach, La Ciotat, Glasgow), par famille de métier (Engineering, Project Development, Operations, G&A) et par niveau. Les candidatures sont soumises via iframe Teamtailor en single sign-on. Six témoignages vidéo de 90 secondes ont été tournés sur site pour nourrir les pages bureau.

  4. Axe 04 · Performance et 3D

    Chargement hiérarchique et Sketchfab lazy

    Les vidéos de flotteur utilisent le format AV1 encodé à 3 passes avec fallback H.264, ce qui divise par 2,4 le poids vidéo à qualité équivalente. Les vidéos sont chargées uniquement sur interaction utilisateur (play button overlay sur poster WebP), pas en autoplay. Les viewers 3D Sketchfab sont encapsulés dans une iframe chargée via IntersectionObserver avec rootMargin de 200px, ce qui évite leur initialisation tant que l'utilisateur ne s'en approche pas. Les polices Söhne sont préchargées en WOFF2 avec font-display swap et subset latin-ext uniquement, économisant 92 Ko. Le CSS est extrait et inliné sur le chemin critique via PurgeCSS au build.

Cinq étapes, du brief à la mise en ligne

Planning adapté aux contraintes internationales du projet, avec des points de validation asynchrones entre la France et les États-Unis.

  1. Étape 01

    Cadrage & Découverte

    • Ateliers avec l'équipe fondatrice
    • Analyse du marché éolien offshore flottant
    • Benchmark des acteurs cleantech
    • Cahier des charges validé
  2. Étape 02

    Design & UX

    • Wireframes mobile-first
    • Charte graphique énergie et innovation
    • Maquettes accueil et pages technologie
    • Validation itérative bilingue
  3. Étape 03

    Développement

    • Thème WordPress sur-mesure
    • Pages technologie et solutions
    • Gestion multilingue FR/EN
    • Intégration responsive
  4. Étape 04

    Contenu & Documentation

    • Rédaction des pages technologie
    • Visuels 3D et schémas techniques
    • Pages projets et partenaires
    • Contenus investisseurs et presse
  5. Étape 05

    Recette & Lancement

    • Tests multi-navigateurs
    • Formation de l'équipe communication
    • Mise en ligne
    • Suivi analytics international

Stack technique du projet

Les briques techniques mobilisées pour faire tourner le projet, choisies pour leur fiabilité et leur maintenabilité.

CMS & i18n
  • WordPress 6.4
  • WPML Multilingual CMS
  • ACF Pro 6
  • Thème FSE sur-mesure
Frontend
  • CSS custom
  • JavaScript Vanilla
  • IntersectionObserver API
  • AV1 / WebP
Intégrations
  • Teamtailor ATS GraphQL
  • Sketchfab API
  • Mailjet transactionnel
  • HubSpot Marketing
3D & médias
  • Sketchfab Enterprise
  • Blender cycles render
  • FFmpeg AV1 3-pass
  • ImageMagick
Hébergement
  • Kinsta Cloud
  • Cloudflare Enterprise
  • PHP 8.2
  • MariaDB 10.11

Quelques pages du site réalisé

Extrait du design livré

www.ocergy.com
Aperçu desktop du site Ocergy
Aperçu mobile du site Ocergy
2Langues FR/EN
46Pages techniques
91Score Lighthouse
3Types contenus

Les chiffres du projet

Données structurelles · www.ocergy.com

  • 2langues strictement symétriquesfrançais / anglais
  • 46pages publiéesau lancement
  • 3zones géographiquesUSA, Europe, UK
  • 15-22MW compatiblesgamme OCG-Wind
  • 91Lighthouse mobilepage produit
  • 2.1sLCP mobile 4Gavec vidéos
  • 98%synchro FR/ENrubrique Technology
  • 6témoignages vidéoespace carrières

Quatre pôles mobilisés sur ce projet

  • Sites corporate internationaux

    Conception et livraison de sites corporate bilingues ou multilingues pour groupes industriels B2B à forte composante technique, avec expertise WPML et Polylang, gouvernance éditoriale multi-pays, workflow de validation traduction, et conformité réglementaire locale (mentions légales française, UK GDPR, CCPA californien). Chaque site repose sur une architecture d'information unifiée pensée dès les wireframes pour éviter les dérives locales, avec un design system documenté en Figma synchronisé aux tokens CSS du thème.

    Voir l'expertise
  • Modélisation de fiches produits complexes

    Structuration de fiches produits industriels avec paramètres techniques denses, visuels 3D interactifs et documentation téléchargeable. Nous construisons des blocs ACF réutilisables qui encapsulent la logique métier (tableau de spécifications normé, schéma coté SVG, viewer 3D Sketchfab, générateur PDF automatisé) pour garantir cohérence et autonomie éditoriale. La génération PDF est automatisée via Puppeteer sur un service Node.js dédié, ce qui supprime la double maintenance web et documentation commerciale.

    Voir l'expertise
  • Intégration ATS et espaces carrières

    Connexion d'ATS externes (Teamtailor, Welcome to the Jungle, Lever, Greenhouse) à WordPress via API GraphQL ou REST, avec cache intelligent, gestion des traductions d'offres, formulaires de candidature natifs ou iframe SSO. Nous concevons les espaces carrières comme des pages produits du recrutement, avec storytelling d'équipe, témoignages vidéo, parcours candidat en trois étapes maximum et alertes emploi personnalisées. Cette approche a permis à Ocergy de tripler son volume de candidatures spontanées en huit mois, à coût média constant.

    Voir l'expertise
  • Performance web sur contenus lourds

    Expertise en optimisation de sites riches en vidéos, rendus 3D et galeries haute définition, avec maîtrise des techniques de chargement hiérarchique (posters, lazy loading, IntersectionObserver), encodage vidéo moderne (AV1 3-pass, HEVC, WebM VP9 fallback), formats image modernes (AVIF, WebP responsive via srcset), extraction de CSS critique et hébergement CDN edge. Chaque projet intègre un pipeline Lighthouse CI qui bloque le déploiement si le score Performance descend sous un seuil contractuel (90 chez Ocergy), garantissant la tenue dans le temps.

    Voir l'expertise

Vous avez un projet similaire ? Vous portez une structure qui mérite un site à sa hauteur ?

Du cadrage au lancement, on construit des sites vitrines simples côté admin, soignés côté visiteur. Réponse sous 48h.

Vos questions, nos réponses

Votre prochain projet votre structure mérite un site à sa hauteur

Du cadrage au lancement, on construit des sites vitrines simples côté admin, soignés côté visiteur, et qui se mettent à jour tout seuls quand c'est possible. Premier échange gratuit, sans engagement, réponse sous 48h.

Réponse sous 48h · Devis gratuit · Sans engagement