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.

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

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.
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.
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.
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.


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.
| Page | Ce qu'elle fait pour le visiteur |
|---|---|
| Accueil | La 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égies | Growth, venture capital, LBO et co-investissement, réunis dans « Nos stratégies d'investissement » |
| Fonds | Tous les fonds sélectionnés et une fiche par fonds |
| Méthode | Notre processus de sélection, Comment souscrire ?, et la présentation des gérants partenaires |
| Partenaires | Un espace pour les CGP, family offices et banques privées, avec son formulaire de prise de contact |
| L'entreprise | Qui sommes-nous, Nos équipes avec une fiche par collaborateur, Ils parlent de nous |
| Ressources | Blog, vidéos Opale Academy, podcasts, webinars, livres blancs et FAQ |
| Connexion | Deux 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.

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é.

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.
| Chantier | Détail |
|---|---|
| Pages d'atterrissage | Une 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 |
| Contenus | 45 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ées | Title 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ées | Organization 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.
Nos dernières réalisations
+250 entreprises
accompagnées
Des sites designés et développés avec
Vous allez notre collaboration, c’est garanti
Prêt à faire décoller
votre activité ?
Let’s f*****G GO !!

































