Aller au contenu

Opale Capital : direction artistique, design et site Webflow d'une société de gestion spécialisée dans le non coté

Opale Capital, société de gestion adossée à Tikehau Capital, rend accessibles le private equity, la dette privée et les infrastructures : une sélection de fonds de gérants institutionnels, ouverte aux investisseurs privés et aux professionnels du patrimoine qui les conseillent.

Opale Capital a confié à Gemeos, agence web pour la finance, la modernisation de son look & feel, le design et le développement Webflow de son nouveau site, et sa structure SEO.

MacBook Pro ouvert sur l'accueil Opale Capital « Accédez aux marchés privés d'exception », sur un bureau en noyer

Moderniser une marque financière sans rompre avec elle

Le site existant d'Opale Capital ne reflétait plus son positionnement. Il devait s'adresser à la fois aux conseillers en gestion de patrimoine, aux family offices et aux banques privées qui distribuent ses fonds, et aux investisseurs privés qui souscrivent en direct. Le brief était clair : une modernisation, pas une rupture. Garder le bleu et le jaune, rester institutionnel sans paraître austère, ni trop sombre ni trop grand public.

Gemeos a exploré trois pistes de look & feel autour de l'opale, en conservant le logo et le duo bleu et jaune, puis conçu et intégré le site sur Webflow : classes d'actifs, stratégies, processus de sélection, espace partenaires, équipe, Opale Academy, blog et FAQ, avec une structure pensée pour le référencement.

Industrie
Finance
Services
DA
UX/UI Design
Intégration
SEO
Les trois pistes de page d'accueil explorées pour Opale Capital, côte à côte sur fond bleu foncé

Look & Feel

L'opale comme matière, la marque comme repère

Le nom porte déjà le récit : une pierre rare, aux reflets changeants, née d'une lente maturation, comme un investissement non coté qui se construit sur plusieurs années. Le logo existant, OPALE en capitales géométriques avec la barre jaune de son E, est conservé tel quel. Le travail porte sur tout ce qui l'entoure : couleurs, typographies, images et composants.

Trois pistes ont été présentées, chacune avec son intention, sa palette, ses typographies et une page d'accueil complète. La piste retenue fait de l'opale une signature visuelle : sa matière est incrustée dans les angles des photographies, ce qui rend chaque image du site reconnaissable et difficile à imiter.

La palette garde le bleu et le jaune demandés, dans des tonalités nouvelles : un bleu foncé (#1A2230) pour le sérieux, un bleu clair (#9FB8E0), un jaune (#FFCD6E) réservé aux actions, et des tons doux, vert sauge, gris bleu et beige (#E7E5D8), pour les fonds. Les titres sont composés en Newsreader Light, une serif fine qui installe le registre institutionnel ; les textes en Gothic A1. Deux polices Google, utilisables sans installation dans les présentations et documents internes, comme le souhaitait l'équipe.

  • Logo Opale Capital en bleu foncé sur fond beige, la barre du E en jaune
  • Logo Opale Capital en blanc sur fond bleu foncé
  • Palette Opale Capital : bleu foncé, bleu foncé medium, bleu, jaune, vert sauge, gris bleu et beige
  • Photographie du hero d'Opale Capital et détail de la matière de l'opale incrustée dans son angle
  • Newsreader Light pour les titres et Gothic A1 pour les textes : grand « Aa » bleu foncé
  • Carte Dette privée du site, la matière de l'opale dans l'angle de la photographie
  1. Piste 1 - La matière de l'opale

    L'opale devient un actif visuel propriétaire : sa matière est incrustée subtilement dans les photographies. Une serif fine pour les titres, des formes carrées et des angles nets pour la rigueur. C'est la piste retenue, base du site.

  2. Piste 2 - L'opalescence en lumière

    La piste qui assume la couleur : dégradés et jeux de transparence qui déclinent les teintes de l'opale, boutons arrondis et paysages dans lesquels l'investisseur se projette. Perception visée : haut de gamme et accessible.

  3. Piste 3 - L'élégance feutrée

    Les codes du haut de gamme discret : un jaune chaud et un bleu profond sur des fonds clairs, des images traitées comme des tableaux pour une clientèle patrimoniale. Perception visée : sérieux institutionnel.

Piste 1, La matière de l'opale : hero photographique et section des stratégies sur fond beige
Concept 1
MacBook Pro ouvert sur la page « Investir en Private Equity » d'Opale Capital, sur une table de réunion

Web Design

Un seul site pour l'investisseur et pour son conseiller

La difficulté du brief tenait en une phrase : parler autant aux professionnels du patrimoine qu'aux investisseurs privés. Le site les oriente dès le menu, avec un espace Partenaires distinct, et dès la connexion, avec deux entrées : investisseur ou partenaire. Chaque classe d'actifs et chaque stratégie a sa page, qui en explique le fonctionnement et les risques avant de proposer d'aller plus loin.

PageCe qu'elle fait pour le visiteur
AccueilLa promesse « Accédez aux marchés privés d'exception », les trois classes d'actifs, les raisons d'investir avec Opale, le processus de sélection, Opale Academy et le journal
Investir en non cotéPrivate equity, dette privée, infrastructures : une page par classe d'actifs, avec son fonctionnement, ses risques et sa FAQ
StratégiesGrowth, venture capital, LBO et co-investissement, réunis dans « Nos stratégies d'investissement »
FondsTous les fonds sélectionnés et une fiche par fonds
MéthodeNotre processus de sélection, Comment souscrire ?, et la présentation des gérants partenaires
PartenairesUn espace pour les CGP, family offices et banques privées, avec son formulaire de prise de contact
L'entrepriseQui sommes-nous, Nos équipes avec une fiche par collaborateur, Ils parlent de nous
RessourcesBlog, vidéos Opale Academy, podcasts, webinars, livres blancs et FAQ
ConnexionDeux portes d'entrée : l'espace investisseur et l'espace partenaire

Les pages alternent fonds sombres et fonds beiges, avec de grandes photographies de personnes au travail plutôt que des illustrations abstraites. Les mêmes briques reviennent partout : cartes de classes d'actifs qui se retournent au survol, chiffres clés sous le hero, étapes numérotées, fiches d'équipe, accordéons de FAQ. Une page de plus se compose sans repasser par le design.

  • Accueil Opale Capital en desktop et en mobile, sur fond bleu foncé
  • iPhone 16 Pro tenu devant une façade haussmannienne, ouvert sur l'accueil mobile Opale Capital
  • Fiche dirigeant de la page Nos équipes
  • Les trois cartes Private Equity, Dette privée et Infrastructures, qui se retournent au survol
  • Page « Nos stratégies d'investissement » en desktop et page Growth Equity en mobile
  • Pages Investir en Private Equity et Investir en dette privée en mobile
  • Pages Nos équipes et Partenaires en mobile
  • Page de connexion : « Je suis investisseur » et « Je suis partenaire »
Pro Display XDR ouvert sur la page « Notre processus de sélection » d'Opale Capital, devant les toits de Paris

Dev Webflow

Un site que l'équipe Opale Capital fait vivre seule

Le site est développé sur Webflow. Les articles et leurs catégories, les fiches de l'équipe, les fonds, les thématiques de FAQ et les vidéos Opale Academy vivent dans des collections CMS, chacune servie par un gabarit unique : publier un article ou ajouter un collaborateur ne demande aucune mise en page. Les contenus de l'ancien site ont été repris dans ces collections.

Les interactions reprennent les gestes du design : méga-menu qui s'ouvre au survol, cartes qui se retournent, accordéons de FAQ. Les fiches de fonds s'ouvrent derrière un avertissement réservé aux investisseurs avertis, et chaque page porte en pied de page la mention des risques liés au non coté.

  • Menu Ressources qui s'ouvre au survol, avec les derniers articles du blog
  • FAQ du processus de sélection en accordéon
  • Formulaire de contact de l'espace partenaires
  • Pages Notre processus de sélection et Comment souscrire ? en mobile
  • Cartes vidéo d'Opale Academy, générées par le CMS
MacBook Pro ouvert sur l'article Opale Capital « Le marché de la Dette Privée est-il toujours attractif en 2026 ? »

SEO

Expliquer le non coté avant de le proposer

Un investisseur cherche « investir en private equity », « dette privée » ou « courbe en J » bien avant de chercher une société de gestion. Le site est structuré pour ces recherches : une page par classe d'actifs et par stratégie, un journal classé par thématique et des réponses courtes aux questions fréquentes.

ChantierDétail
Pages d'atterrissageUne page par classe d'actifs (private equity, dette privée, infrastructures) et par stratégie (growth, venture capital, LBO, co-investissement), chacune sur sa propre intention de recherche
Contenus45 articles classés en 5 catégories, dont les contenus repris de l'ancien site, les vidéos Opale Academy et une FAQ en 5 thématiques
Balises & métadonnéesTitle et meta description rédigés page par page sur les pages principales, balise canonique vers opalecapital.com sur chaque page, plan du site de 108 URL
Données structuréesOrganization et FinancialService sur l'accueil, BreadcrumbList sur les pages de classes d'actifs, de stratégies et les hubs, Article sur chaque article, FAQPage sur les FAQ

Lisible par les moteurs comme par les assistants IA

Les pages de classes d'actifs, de stratégies et de méthode se terminent par une FAQ balisée question par question : des réponses courtes et précises, sur le ticket d'entrée, la sortie avant l'échéance ou la sélection des fonds. Les données structurées de l'accueil décrivent la société, son activité et son actionnaire de référence, ce qui aide les moteurs et les assistants IA à situer Opale Capital.

  • Rubrique Actualités du blog en desktop et article sur la dette privée en mobile
  • Extrait des données structurées de la page Growth Equity : BreadcrumbList
  • Fiche collaborateur et page Opale Academy en mobile, deux pages générées par le CMS
  • Article « Le marché de la Dette Privée est-il toujours attractif en 2026 ? » en desktop et page Blog en mobile

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!