Sonnar - Conception UI et intégration Webflow du site web
À propos de Sonnar
Sonnar est un cabinet de chasse de tête fondé par Cyrille Lafont et Thibaut Dousset, avec une ambition : viser l'excellence en recrutement.
Le cabinet accompagne les fonds d'investissement et leurs entreprises partenaires dans le recrutement de talents d'exception pour des postes variés, notamment en ventes, gestion administrative, technologie et produit, couvrant des rôles de middle management jusqu'aux niveaux de direction (C-level).
Bien que principalement actif en France, Sonnar soutient également l'internationalisation de ses clients en recrutant des talents aux États-Unis, au Royaume-Uni et dans les pays nordiques. L'équipe est composée d'anciens professionnels du conseil, du capital-risque, d'entrepreneurs et de cadres supérieurs, leur permettant de comprendre en profondeur les enjeux business de leurs clients pour identifier et attirer les meilleurs talents.
Le défi à relever
Quand Sonnar nous a contactés, ils avaient une ambition claire : ils voulaient un site qui mettrait en avant leur sérieux et leurs références, structuré comme leur approche du recrutement, exigeant dans le fond comme dans la forme, mais toujours accessible. Un véritable outil de communication — sobre, humain et percutant.
Le challenge ? Trouver le juste équilibre entre sérieux et moderne, entre expertise et simplicité. Mettre en avant leur méthodologie, valoriser leur équipe, tout en rendant la prise de contact naturelle et fluide.
Phase UX & UI design sur Figma
Le projet a débuté sur Figma, avec une approche centrée sur l’utilisateur et les objectifs business du client. Nous avons d’abord travaillé sur des wireframes pour valider la structure et le parcours utilisateur : une navigation intuitive, des points d’entrée clairs, et un focus sur la lecture rapide de l’offre.
Une fois la structure validée, nous sommes passés à l’UI, avec une direction visuelle qui inspire confiance dès les premiers instants. Tout a été pensé pour refléter l’élégance et la solidité de leur approche : une palette de couleurs mesurée, des espaces généreux, une typographie précise.
Un axe fort du site est la mise en avant de leurs clients. Plutôt que de garder cette section en bas de page, nous l’avons valorisée très tôt dans le parcours, à travers une galerie de logos reconnus et des témoignages bien placés.
Le visiteur comprend rapidement avec qui Sonnar travaille — et surtout, pourquoi des acteurs majeurs leur font confiance. Ce qui crée un effet de preuve sociale discret mais puissant, dès les premières secondes.
Bibliothèque de composants
Pour garantir une cohérence visuelle forte et fluidifier la phase d’intégration - tout en assurant une base solide pour d’éventuelles évolutions - nous avons mis en place une bibliothèque de composants dans Figma, incluant boutons, titres, cartes, sections réutilisables, etc. Cette bibliothèque s’appuie sur un ensemble de styles partagés : palette de couleurs, échelles typographiques, grilles et espacements.
Intégration Webflow : un site élégant, responsive et facile à maintenir
Chaque page garantit une expérience fluide sur tous les supports : desktop, tablette et mobile. Nous avons optimisé les interactions (comme les effets hover ou les transitions douces), la vitesse de chargement et la hiérarchie visuelle, pour une lecture agréable même sur les plus petits écrans.
Nous apportons un soin particulier à la nomination des classes pour garder une structure claire et lisible. L’utilisation de Symboles et de Classes globales facilite les modifications futures, et les animations personnalisées (transitions, fade-in) renforcent la sensation de fluidité et d’élégance.
Mise en ligne du site web
Un grand merci à Lapotion pour leur super travail sur la création du site de Sonnar. Au-delà de l’intégration fidèle des maquettes, ils ont su décliner le design (UI & UX) avec soin sur l’ensemble des pages, de la version desktop à la version mobile.
Découvrez d’autres études de cas
Repensons votre site web pour qu’il serve vos enjeux marketing
