bon à savoir

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ajouter

Lorem ipsum

Lorem ipsum

Kalent × Gemeos

Kalent est une plateforme SaaS qui automatise le sourcing, le matching et l'engagement de candidats pour les recruteurs.

En 2025, Gemeos a repris le site de zéro : direction artistique, UI design, développement Webflow bilingue et stratégie SEO/GEO.

DA, UI design et Webflow bilingue pour une SaaS RH dopée à l'IA

Kalent est une plateforme SaaS de recrutement qui automatise le sourcing, le matching et l'engagement des candidats grâce à l'IA. En 2025, ils ont fait appel à Gemeos pour repenser entièrement leur présence web, avec un double enjeu : affirmer un positionnement Enterprise et s'adresser à une audience internationale.

Gemeos a piloté l'ensemble du projet : direction artistique, UI design complet, développement Webflow bilingue avec Webflow Localization, et stratégie SEO/GEO intégrée dès le lancement.

Industrie

Services

Direction Artistique

Une identité visuelle Enterprise, humaine et sans compromis

Le brief de départ était précis : sortir des codes visuels "data-heavy" souvent associés aux outils RH, et affirmer un positionnement Enterprise/Mid-market tout en restant accessible et humain. Kalent voulait conserver son violet, son logo, pensé autour du concept de "co-pilote" et sa couleur signature pastel.

Pour le reste, Gemeos avait carte blanche.

La DA s'est construite autour de trois partis pris. D'abord, une palette resserrée : violet profond, dégradés doux tirant vers le pastel, et blanc pour respirer.
Ensuite, une mise en scène des screens produit tirée directement du Figma de l'application Kalent, traitée pour être lisible aussi bien en FR qu'en EN.
Enfin, un équilibre visuel entre densité d'information et espaces négatifs généreux, en s'inspirant des références validées avec le client : Deel, Apollo, Attio, Clay.

L'objectif n'était pas de "faire beau", mais de construire une cohérence visuelle capable de convertir des décideurs (CEO de cabinets, TAM en startup) en quelques secondes de scroll.

Le layout split text/produit avec une métrique flottante en avant-plan traduit une promesse de puissance sans friction. La typo sérif et le fond pastel signalent un outil mature, pensé pour des recruteurs exigeants qui veulent voir le produit avant d'entendre le pitch.

C'est le registre visuel des outils SaaS B2B nouvelle génération, Greenhouse, Ashby, Lever.

Kalent capterait une cible RH tech-first, DRH ou Talent Acquisition Manager dans des mid-market ou grands comptes qui veulent de la preuve avant de booker une démo

Concept 3 - Chaleur et accessibilité

Les objets 3D flottants, interface, messagerie, éléments graphiques traduisent une promesse de fluidité et de modernité sans être intimidants.

Concept 2 - Institutionnel affirmé

La typographie compressée en majuscules communique une autorité immédiate. Le fond sombre en bas de page avec le logo strip crée une rupture visuelle qui ancre la crédibilité.

Concept 3 - Produit ancré

La typo sérif et le fond pastel signalent un outil mature, pensé pour des recruteurs exigeants qui veulent voir le produit avant d'entendre le pitch

Look&Feel

UI Design

Des interfaces conçues pour réduire le temps de décision

Vincent a pris en charge la conception UI complète : homepage, pages Features (3 déclinaisons), Pricing, Free Trial, et les pages Persona par ICP

  • Solo Recruiter
  • Staffing Agency
  • SMBs/Startups
  • Enterprise

Chaque page a été pensée comme un entonnoir de conversion autonome, avec une hiérarchie visuelle claire et des CTAs positionnés aux points de friction identifiés dans le parcours recruteur.

La homepage structure la valeur de Kalent en 5 étapes ("Étape par étape") pour répondre à l'objection principale des recruteurs : "est-ce que ça marche vraiment ?"

Chaque étape correspond à une action concrète dans le workflow de sourcing, de la recherche IA au RDV automatiquement pris dans l'agenda. Le tout renforcé par un carousel de témoignages (Randstad, CNP Assurances, La Vie) et une démo produit interactive en embed Arcade, directement intégrée à la homepage.

Les pages Persona ont été structurées autour des cas d'usage spécifiques à chaque profil cible, avec des messages adaptés au niveau de maturité et aux problèmes propres à chaque ICP.
Les illustrations produit ont toutes été retravaillées en deux versions (FR/EN) pour assurer la cohérence entre le site marketing et l'application.

Dev Webflow

Architecture Webflow bilingue, CMS multi-collections et performances cross-browser

Bryan a pris en charge le développement complet sous Webflow, de la mise en place de l'architecture jusqu'au plan de redirections 301 avant mise en ligne.

Périmètre techniqueDétail
InternationalisationSite bilingue FR/EN via Webflow Localization, avec dropdown de langue custom intégré dans la navbar
CMS Webflow6 collections configurées : Blog, Cas clients, Personas/ICP, Témoignages, FAQs, Webinaires
AnimationsInteractions Webflow avancées sur l'ensemble des pages, scroll animations, carousel de témoignages avec scale/grayscale dynamiques
IntégrationsEmbed vidéo Arcade (démo produit interactive), form "free-trial" avec nommage structuré pour les scénarios d'automation back-end Kalent
MigrationPlan de redirections 301 pour préserver le SEO au changement d'URLs
ConformitéTrust Center et Status page ajoutés au footer (status.kalent.ai / trust.kalent.ai)

Le principal défi technique : la compatibilité Safari.

Le site étant fortement animé, gradients profonds, effets de profondeur en superposition, transitions d'entrée sur toutes les sections, le moteur de rendu Safari ne supportait pas les propriétés CSS avancées utilisées : conic-gradient et backdrop-filter: blur. Résultat : affichage cassé, absence totale des fonds violets, et latence critique au scroll sur Safari desktop.

La solution a combiné deux approches : remplacer les calques de dégradé CSS par des images PNG exportées depuis Figma, puis désactiver systématiquement les filtres blur appliqués sur ces assets. Une fois ces deux sources de conflits isolées et corrigées, le rendu est devenu parfaitement fluide sur tous les navigateurs, sans compromettre la richesse visuelle du site sur Chromium.

Le CMS a été configuré pour permettre à l'équipe Kalent de gérer l'intégralité du contenu de manière autonome après livraison, avec une formation Webflow dédiée incluse dans le projet.

SEO / GEO

Du SEO technique au GEO : visible sur Google et dans les LLMs

L'architecture SEO a été posée dès le lancement avec Webflow Localization : deux versions distinctes du site (FR/EN) avec des slugs, title tags et meta descriptions propres à chaque langue. Un sitemap XML a été généré et configuré pour indexation immédiate après la mise en ligne.

SEO technique :

  • Structure de balisage sémantique rigoureuse (H1/H2/H3 cohérents sur toutes les pages et collections CMS)
  • Title tags et meta descriptions rédigés par page, en FR et EN, optimisés sur les requêtes recrutement IA (sourcing automatisé, outil de sourcing IA, copilote recrutement…)
  • Plan de redirections 301 mis en place avant la migration pour protéger l'autorité du domaine
  • Sitemap XML soumis à l'indexation Google via Search Console
  • URL propres et hiérarchie logique entre les pages statiques et les collections CMS

GEO  (Generative Engine Optimization) :

Au-delà du référencement classique, Gemeos a intégré une couche GEO pour optimiser la présence de Kalent dans les réponses générées par les LLMs (ChatGPT, Perplexity, Claude, Gemini). L'objectif : qu'un recruteur qui tape "quel outil pour sourcer des candidats rapidement" dans une IA conversationnelle tombe naturellement sur Kalent.

Cela s'est traduit par :

  • Structuration orientée entité : définition textuelle claire de ce qu'est Kalent (mission, catégorie produit, proposition de valeur), pour que les modèles puissent identifier et citer la marque avec précision
  • FAQs rédigées en langage naturel : les questions-réponses ont été formulées pour correspondre aux formats de réponse des modèles conversationnels, avec des réponses complètes et factuelles
  • Densité contextuelle autour du recrutement IA : chaque page renforce le champ sémantique lié aux problématiques de sourcing, d'enrichissement de données et d'engagement de candidats — les thèmes sur lesquels Kalent doit être cité
  • Clarté sur les ICP et cas d'usage : les pages Persona décrivent des situations concrètes, directement exploitables par un LLM comme réponse à une requête spécifique

NOS dernières réalisations

+240 entreprises
accompagnées

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

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

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

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...