Good to know

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.

Add

Lorem ipsum

Lorem ipsum

Kalent × Gemeos

Kalent is a SaaS platform that automates candidate sourcing, matching, and engagement for recruiters.

In 2025, Gemeos rebuilt the site from the ground up: art direction, UI design, bilingual Webflow development, and SEO/GEO strategy.

Art Direction, UI Design & Bilingual Webflow Build for an AI-Powered HR SaaS

Kalent is a SaaS recruiting platform that uses AI to automate sourcing, matching, and candidate engagement. In 2025, they brought in Gemeos to completely rethink their web presence, with two clear goals: sharpen their Enterprise positioning and speak to a global audience.

Gemeos led the entire project: art direction, full UI design, bilingual Webflow development with Webflow Localization, and an integrated SEO/GEO strategy from day one.

Industry

Services

Art Direction

A human, uncompromising Enterprise visual identity

The initial brief was clear: break away from the "data-heavy" visual codes often tied to HR tools, and establish an Enterprise/Mid-market position while staying approachable and human. Kalent wanted to keep its purple, its logo — built around the co-pilot concept — and its signature pastel color.

For everything else, Gemeos had free rein.

The art direction came together around three key choices. First, a tight palette: deep purple, soft pastel-leaning gradients, and white space to breathe.
Then, product screen staging pulled directly from Kalent's Figma app design, adapted to stay readable in both FR and EN.
Finally, a visual balance between dense information and generous negative space, inspired by the references approved with the client: Deel, Apollo, Attio, Clay.

The goal wasn't to "make it pretty." It was to build visual consistency strong enough to convert decision-makers — agency CEOs, startup TAMs — in just a few seconds of scrolling.

The split text/product layout, with a floating metric in the foreground, conveys power without friction. The serif type and pastel background signal a mature tool, built for demanding recruiters who want to see the product before they hear the pitch.

This is the visual language of next-gen B2B SaaS tools: Greenhouse, Ashby, Lever.

Kalent would capture a tech-first HR audience — HR leaders or Talent Acquisition Managers at mid-market companies and enterprise accounts — who want proof before they book a demo

Concept 3 - Warmth & Accessibility

Floating 3D objects, interface elements, messaging, and graphic details convey a promise of fluidity and modernity without feeling intimidating.

Concept 2 - Bold Institutional Style

Compressed uppercase typography communicates instant authority. The dark footer background, paired with the logo strip, creates a visual break that anchors credibility.

Concept 3 - Grounded Product

The serif typeface and pastel backdrop signal a mature tool, built for demanding recruiters who want to see the product before they hear the pitch.

Look&Feel

UI Design

Interfaces designed to reduce decision time

Vincent led the full UI design: homepage, Features pages (3 variations), Pricing, Free Trial, and Persona pages by ICP

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

Each page was built as a standalone conversion funnel, with a clear visual hierarchy and CTAs placed at the friction points we identified in the recruiter journey.

The homepage breaks down Kalent’s value in 5 steps (“Step by step”) to answer recruiters’ main objection: “Does it actually work?”

Each step maps to a concrete action in the sourcing workflow, from AI search to a meeting automatically booked on the calendar. All of it is reinforced by a testimonial carousel (Randstad, CNP Assurances, La Vie) and an interactive product demo embedded with Arcade, directly built into the homepage.

The Persona pages were structured around the specific use cases of each target profile, with messaging tailored to their maturity level and pain points by ICP.
All product illustrations were also redesigned in two versions (FR/EN) to keep the marketing site and the app fully aligned.

Webflow Development

Bilingual Webflow architecture, multi-collection CMS, and cross-browser performance

Bryan handled the full Webflow build, from setting up the architecture to mapping out the 301 redirects before launch.

Technical ScopeDetails
InternationalizationBilingual FR/EN site built with Webflow Localization, with a custom language dropdown integrated into the navbar
Webflow CMS6 collections set up: Blog, Case Studies, Personas/ICP, Testimonials, FAQs, Webinars
AnimationsAdvanced Webflow interactions across the entire site, scroll animations, testimonial carousel with dynamic scale/grayscale effects
IntegrationsArcade video embed (interactive product demo), "free-trial" form with structured naming for Kalent's back-end automation scenarios
Migration301 redirect plan to preserve SEO during the URL change
ComplianceTrust Center and Status page added to the footer (status.kalent.ai / trust.kalent.ai)

The main technical challenge: Safari compatibility.

Because the site relied heavily on motion — deep gradients, layered depth effects, entrance transitions across every section — Safari's rendering engine couldn't handle the advanced CSS properties in use: conic-gradient and backdrop-filter: blur. The result: broken rendering, no purple backgrounds at all, and critical scroll lag on Safari desktop.

The fix combined two moves: replace the CSS gradient layers with PNG images exported from Figma, then systematically disable the blur filters applied to those assets. Once those two conflict points were isolated and fixed, the site rendered smoothly across every browser, without sacrificing the visual richness on Chromium.

The CMS was configured so the Kalent team could manage all content independently after handoff, with dedicated Webflow training included in the project.

SEO / GEO

From Technical SEO to GEO: Visible on Google and in LLMs

The SEO architecture was in place from day one with Webflow Localization: two distinct site versions (FR/EN), each with its own slugs, title tags, and meta descriptions tailored to the language. An XML sitemap was generated and configured for immediate indexing after launch.

Technical SEO:

  • Strict semantic markup structure (consistent H1/H2/H3 across all pages and CMS collections)
  • Page-specific title tags and meta descriptions written in both FR and EN, optimized for AI recruiting searches (automated sourcing, AI sourcing tool, recruiting copilot…)
  • 301 redirect plan implemented before migration to protect domain authority
  • XML sitemap submitted to Google indexing via Search Console
  • Clean URLs and a logical hierarchy between static pages and CMS collections

GEO  (Generative Engine Optimization) :

Beyond traditional SEO, Gemeos added a GEO layer to improve Kalent’s visibility in LLM-generated answers from ChatGPT, Perplexity, Claude, and Gemini. The goal: when a recruiter asks an AI assistant, “what tool should I use to source candidates fast,” Kalent shows up naturally.

That translated into:

  • Entity-first structure: a clear textual definition of what Kalent is — its mission, product category, and value proposition — so models can identify and cite the brand accurately
  • FAQs written in natural language: the Q&A content was shaped to match conversational model response formats, with complete, factual answers
  • Contextual density around AI recruiting: every page reinforces the semantic field tied to sourcing, data enrichment, and candidate engagement — the themes where Kalent needs to be mentioned
  • Clear ICPs and use cases: the Persona pages describe real-world scenarios that an LLM can directly use as a response to a specific query

OUR latest projects

+240 companies
supported

Websites designed and developed with 

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

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...