Revenir aux réalisations

COGEREN

2024

Un site institutionnel Webflow pour COGEREN, organisé par expertise plutôt qu'en pages génériques, avec une étude de cas qui détaille le chantier en cinq volets et un parcours pensé pour transformer les appels d'offres publics et privés en contacts qualifiés.

COGEREN, realisation MuratDesigns
Voir le site en live
Voir le site
7
pages conçues
3
expertises présentées
5
volets par étude de cas
Voir le site
v
voir
le site
Cogeren, pleine 1
en bref

Le client

COGEREN, bureau d'études en environnement et énergie, plus de dix ans dans la transition énergétique.

Le besoin

Une présence en ligne fiable, structurée par expertise et orientée appels d'offres publics et privés.

Ce qu'on a fait

Un site institutionnel Webflow sobre, organisé par expertise, avec des études de cas détaillées.

Le résultat

COGEREN dispose d'un site qui porte son expertise et convertit les visiteurs qualifiés en demandes.

COGEREN
le point de départ

Un bureau d'études techniques peine souvent à se distinguer en ligne : les sites du secteur alignent des pages génériques, sans jamais prouver la compétence sur des chantiers réels. Il fallait une plateforme qui organise l'offre par domaine de compétence et documente chaque chantier avec son contexte, ses enjeux et ses résultats.

Un bureau d'études techniques peine souvent à se distinguer en ligne : la plupart des sites du secteur alignent des pages de services génériques, sans jamais prouver la compétence sur des chantiers réels. Pour des prospects publics et privés habitués à comparer plusieurs cabinets avant un appel d'offres, cette absence de preuve opérationnelle pèse lourd dans la décision.

Le site existant ne reflétait ni la structuration par expertise des missions, ni la profondeur des réalisations. Il fallait une plateforme qui organise l'offre par domaine de compétence et qui documente chaque chantier avec son contexte, ses enjeux et ses résultats, pour rassurer sans jamais tomber dans le générique.

Cogeren, pleine 2
ce qu'on a construit
Pictogramme point 1

Un design sobre et structuré adapté au secteur institutionnel

Typographies posées, palette neutre, hiérarchie stricte, mise en page rythmée : la grammaire visuelle évoque immédiatement le sérieux d'un bureau d'études tout en restant moderne. Une sobriété qui rassure les décideurs publics et privés sans jamais paraître datée.

01/04
Cogeren, construit 1
ce qu'on a construit
Pictogramme point 2

Une page services organisée par expertise

Environnement, facilitation, conseil en investissement : chaque expertise dispose de sa section ancrée sur la page services, avec ses propres cas d'usage. Le visiteur atteint son besoin exact en un clic depuis le menu, et le référencement capte des requêtes précises que des pages génériques ne touchent jamais.

02/04
Cogeren, construit 2
ce qu'on a construit
Pictogramme point 3

Des études de cas qui détaillent les chantiers réels

Pour chaque réalisation marquante, une fiche projet détaille le contexte, la méthodologie, les conclusions, la mise en œuvre et le suivi. Un format qui parle aux maîtres d'ouvrage habitués à juger la maturité d'un cabinet à ses preuves opérationnelles plutôt qu'à ses promesses.

03/04
Cogeren, construit 3
ce qu'on a construit
Pictogramme point 4

Une section certifications intégrée à la page d'accueil

La page d'accueil réserve un bloc dédié aux certifications et accréditations du bureau d'études, visible sans naviguer plus loin. Une preuve de sérieux immédiate, pensée pour les décideurs publics qui vérifient les garanties avant même de lire l'offre de services.

04/04
Cogeren, construit 4
ce qu'on a construit

05/05
Cogeren, pleine 3
Cogeren, pleine 4
les outils du projet
Notion

Notion

Le sitemap, les idées et les textes, posés à plat avant la maquette.

notion

Figma

Figma

Les maquettes, validées écran par écran avant le code.

figma

Webflow

Webflow

Le site, son CMS et sa mise en ligne.

webflow

ce que ça a changé

Le site donne à COGEREN une vitrine à la hauteur de son expertise. Le classement par domaine aide chaque prospect à trouver le bon interlocuteur, et les études de cas prouvent le savoir-faire.

Le site donne à COGEREN une vitrine à la hauteur de son expertise technique. Le classement par domaine de compétence aide chaque prospect à trouver rapidement le bon interlocuteur, les études de cas apportent une preuve concrète sur des chantiers réels, et le bloc certifications rassure dès la page d'accueil. Une plateforme qui appuie aussi bien la réponse aux appels d'offres que la première prise de contact.

Voir le site
Mascotte MuratDesigns assise