//
0xA3
11001
FF
<>
11001
FF
<>
=>
{}
{}
0x4F
{}
{}
0x4F
=>
10110
11001
<>
11001
All case studies
NuxtPayload CMSBilingue

A recruitment firm that recruits online too

A bilingual French/English site for an HR firm based in Casablanca, with an integrated job board, appointment booking and content driven from a headless CMS.

ClientY Stratégie

Visit the site
Screenshot of the Y Stratégie website
The client

An HR firm with an international focus

Y Stratégie supports companies across the whole HR chain: executive search, audit and diagnostics, legal and social compliance, training engineering, outsourced HR.

A significant share of its work is international — setting up in Morocco, nearshoring, employer-of-record arrangements between France and Morocco. Those offers address French, Moroccan and British audiences, which made bilingualism structural rather than decorative.

The challenge

A site that must sell consulting and publish vacancies

A recruitment firm has two audiences with opposing expectations: companies evaluating a supplier, and candidates looking for a role. Serving both from one site without either diluting the other takes a clear architecture.

Bilingualism added a constraint: a vacancy or an expertise page has to exist properly in both languages, with distinct URLs and an explicit mapping between versions.

The solution

A Nuxt front end on a headless CMS

We separated publishing from rendering: content — expertise pages, articles, vacancies — lives in a headless CMS, while the site is a Nuxt front end that consumes it. Teams publish without going through development.

01

Integrated job board

Vacancies get their own pages and an application flow, including speculative applications. The firm publishes and withdraws listings on its own.

02

Bilingual FR / EN architecture

Every page exists in both languages with dedicated URLs and declared mappings between versions, rather than a translation layered over the same content.

03

Booking and lead generation

Appointment booking and whitepaper downloads are built into the journey to turn a visit into a conversation, rather than relying on a plain contact form.

04

Content owned by the team

Expertise pages, case studies and blog articles are managed from the CMS. Evolving the editorial offer does not require a deployment.

Tech stack

The technologies we chose

A Nuxt 3 front end for rendering and SEO, a Payload headless CMS for content and vacancies, and native i18n handling for the bilingual structure.

Nuxt 3

Vue.js

Payload CMS

Tailwind CSS

i18n FR/EN

The outcome

A site that works both markets

Y Stratégie has a site that addresses both audiences in two languages, with a self-managed job board and an editorial pipeline the team runs without technical help.

MPWB

Working on something similar?

Give us thirty minutes. We will tell you plainly what is feasible, at what budget and on what timeline.

Response within 24h 100% confidential No commitment