Cabinet Merle
From €500

Case study · Law firm
Cabinet Merle
Clear counsel. Transparent fees.
Excl.-VAT fees in writing, short consult — hot files without friction.
Scroll the story · then the live pages ↓
- Consult
- Slot CTA first
- Trust
- €180 excl. VAT + written note
- Qualif.
- Already-tagged leads
01 · Problem
Fee opacity + forms that are too long
A hot file dies if the site hides fees and asks for a full form before the first talk.

02 · Approach
Business / employment focus, slot first
Practice areas → excl.-VAT fees → consult in a few fields.

03 · Stack
Paper / forest site, trust SEO
Next.js, TypeScript, Tailwind, optimized images. Vercel noindex demo — client staging.

04 · Outcome
Already-tagged leads, warmer consults
€180 excl. VAT + written note visible; light form.

Takeaways
- →Writing fees builds trust.
- →Fewer fields = more files started.
- →Tagging the topic before the call saves time.
€990Offer €500
Technical sheet
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- next/image
- Framer Motion
- Deployment
Vercel — subdomain demo, noindex, global CDN
- Role
Technical design · UI · fullstack development · baseline SEO
- Context
Law firm demo — practice areas, excl.-VAT fees, consult booking
06 · Inside the product
Each chapter = one page. Zoom in → zones → zoom out → next page.
Page chapter · 01 / 03
Home page
We start on the home — the converting storefront
First impression: brand, promise, visual proof and CTA. If this page fails, the rest of the site almost never saves the lead.
Job of this page: Clear intent from entry — the visitor knows what to do next.
Scroll down · zoom into 6 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Chapter done · zoom out
Keep scrolling for the next page.
Page chapter · 02 / 03
Fees page
Page change: the fees
In a practice, fee opacity kills trust. This page sets the frame before contact.
Job of this page: Better-qualified enquiries — fewer ghost quote hunters.
Scroll down · zoom into 1 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Chapter done · zoom out
Keep scrolling for the next page.
Page chapter · 03 / 03
Contact page
Page change: contact / enquiry
Formal entry point: the prospect read the proof and wants to write. The form must stay light.
Job of this page: Actionable enquiries — less form abandonment.
Scroll down · zoom into 1 zones
Zoom in
Scroll once to enter this page’s tour
Then each scroll spotlights one zone. At the end you zoom out before the next page.
Scroll · zoom in
Tour complete
Now open the live site and click freely.
07 · Cabinet Merle
See the project and try it
The showcase runs like a real client site: pages, forms, cart when relevant. You can also ask for a turnkey purchase.
