Kalent : site Webflow bilingue pour le recrutement IA

Kalent automatise le sourcing et le matching de candidats grâce à l’IA. Pour convaincre recruteurs et équipes Enterprise à l’international, son site devait gagner en maturité sans perdre sa dimension humaine.

Kalent a choisi Gemeos, agence web pour les éditeurs de logiciels RH, pour la direction artistique, l’UI, Webflow bilingue et le SEO/GEO.

Concilier crédibilité Enterprise et proximité avec les recruteurs

Kalent utilise l'IA pour simplifier le sourcing, le matching et l'engagement des candidats. Son positionnement devait évoluer pour parler aussi bien aux recruteurs indépendants qu'aux agences de staffing et aux grandes entreprises, avec des attentes très différentes en matière de processus et de confiance. L'enjeu était aussi international : le site devait fonctionner en français et en anglais, sans sacrifier la cohérence de la marque.

Gemeos a conservé les éléments identitaires de Kalent, notamment son violet et son logotype, tout en construisant une direction artistique plus affirmée. Les interfaces ont été déclinées selon les profils de recruteurs, les fonctionnalités et les offres. L'intégration Webflow Localization, les collections CMS et le travail SEO/GEO ont été prévus pour faire évoluer le contenu dans les deux langues.

Industrie

Saas

Services

UX/UI Design

Intégration

SEO

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

Sommaire

Direction Artistique Web Design Développement SEO

"Je suis arrivé en disant qu'on repartait de zéro, ce qui est toujours suspect. La plupart des agences vous répondent oui et recyclent leur template. Là c'était vraiment de zéro, y compris les questions désagréables sur notre positionnement. On est passés Enterprise et bilingue proprement, sans bricolage."

Édouard

CEO @Kalent

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.

Sommaire

Direction Artistique Web Design Développement SEO

Édouard

CEO @Kalent

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 technique	Détail
Internationalisation	Site bilingue FR/EN via Webflow Localization, avec dropdown de langue custom intégré dans la navbar
CMS Webflow	6 collections configurées : Blog, Cas clients, Personas/ICP, Témoignages, FAQs, Webinaires
Animations	Interactions Webflow avancées sur l'ensemble des pages, scroll animations, carousel de témoignages avec scale/grayscale dynamiques
Intégrations	Embed vidéo Arcade (démo produit interactive), form "free-trial" avec nommage structuré pour les scénarios d'automation back-end Kalent
Migration	Plan 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.

Sommaire

Direction Artistique Web Design Développement SEO

Édouard

CEO @Kalent

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

Sommaire

Direction Artistique Web Design Développement SEO

Édouard

CEO @Kalent

Découvrir

Heading

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum

Kalent : site Webflow bilingue pour le recrutement IA

Concilier crédibilité Enterprise et proximité avec les recruteurs