12
TL;DRA cluttered page lost visitors before the form → typographic hierarchy, a mobile CTA and schema markup → 2.5× consultation requests, per the client.
- Role
- Frontend Developer
- Client
- Private legal practice
- Year
- 2024
- Stack
- React, TypeScript, SCSS Modules, Netlify Forms
In one paragraph
Credibility first, then one obvious way to book a consultation. The page became the base of the firm's web presence and ad campaigns.
Context
A solo lawyer needed a page that communicates expertise and drives consultation bookings.
Problem
Legal services sell on trust; a cluttered page loses the visitor before the contact form.
What I did
- 01
Typographic authority
Strict hierarchy and spacing instead of decoration.
- 02
Mobile CTA
Booking stays reachable on mobile without covering the content.
- 03
Structured data
Schema markup for professional services to help local search.
Results
2.5×
inbound consultation requests after launch, per the client
Stack
- React
- TypeScript
- SCSS Modules
- Netlify Forms
- Vercel