Drouin RH, Figma Design and Webflow Build with Job CMS by Gregoire GeoffroyDrouin RH, Figma Design and Webflow Build with Job CMS by Gregoire Geoffroy

Drouin RH, Figma Design and Webflow Build with Job CMS

Gregoire Geoffroy

Gregoire Geoffroy

Overview

I designed Drouin RH's site in Figma, then developed it in Webflow using Relume components and the Client-First system. The goal was a credible HR presence with a clear service offering, a CMS-driven blog, and a streamlined hiring funnel with a Job CMS and resume file attachment in forms.

Objectives

Translate Figma into a pixel-perfect, responsive Webflow build
Structure content with scalable CMS collections for jobs and blog
Implement a hiring flow with job pages, applications, and resume upload
Ensure performance, accessibility, and SEO readiness

What I Did

Design to Build
Created a consistent UI in Figma, then implemented global styles, tokens, and components in Webflow
Built the Home page plus Services, Team, Contact, and Legal pages
Hiring Funnel
Set up a Job CMS with fields for role, location, contract type, and description
Built the job listing and job detail pages with an apply CTA
Added custom code to enable resume attachment within Webflow form submissions
Content and SEO
Implemented a blog with categories and author fields for long-term content
Structured headings, meta titles, descriptions, and Open Graph
Optimized images and interactions for fast load and clean Core Web Vitals

Results

✅ A cohesive brand experience from Figma to Webflow ✅ A scalable CMS for jobs and blog, easy for the team to update ✅ A streamlined application flow with resume upload via custom code ✅ An SEO-ready structure with responsive performance across devices

Keywords / Tags

Webflow Development · Figma to Webflow · Relume · Client-First · Job CMS · Resume Upload · Blog · SEO · Accessibility
Like this project

Posted Jul 8, 2026

I designed Drouin RH's site in Figma, then developed it in Webflow using Relume components and the Client-First system.