Firm · Paris & Lille · Homepages
Collectif
Hiring you can actually track
Scroll to explore ↓
01 · Firm · Paris & Lille
Hiring owned end to end
Hiring you can actually track. Fictional direction — same craft as real client work under NDA.
- 01
Sourcing
Qualified profiles in under 15 days on average.
- 02
Follow-up
Weekly check-ins, clear shortlist, documented feedback.
- 03
Guarantee
Free replacement for 6 months if the hire doesn’t stick.
01b · Engineering
Technical sheet
Stack, shipping and my role on this build — for recruiters and tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- Framer Motion
- next/image
- Deployment
Local /play demo — Next.js front, no business backend
- Role
UI direction · integration · interactions
- Context
Fictional direction (NDA) — same craft level as real missions
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — keep scrolling past the last screen to return to the brief.
Firm · Paris & Lille
Hiring owned end to end
- 1
Sourcing
Qualified profiles in under 15 days on average.
- 2
Follow-up
Weekly check-ins, clear shortlist, documented feedback.
- 3
Guarantee
Free replacement for 6 months if the hire doesn’t stick.
94 %
postes pourvus < 45 j
4,9 / 5
satisfaction
6 mois
garantie
Roles filled without improvisation — 94% of our Collectif roles were filled within 45 days.
Talk about your next hire
We’ll tell you straight if we can help — or not.
Talk to an expertBack to the brief
You’ve left the demo screens — next: try it, then the craft notes.
03 · HR leaders
Roles filled without improvisation
“94% of our Collectif roles were filled within 45 days.”
“Finally a firm that owns follow-up after the signature.”
04 · 20-min chat
Talk about your next hire
We’ll tell you straight if we can help — or not.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
Step 1/3
Need
Local demo — no data is sent.
05 · Same family
Other directions of the same type — to compare density and mood.
06 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)