Concept project Business law firm — Brussels
Roche & Associés
A firm that inspires trust at a glance: practice areas, a filterable team, transparent fees, appointment booking and a secure client portal.
01The brief (imagined)
The starting point
Roche & Associés (fictional) is a 24-person Brussels business law firm. Its website looked like every other: columns, scales of justice, jargon. The imagined brief: inspire trust in a second, make fees readable, and let people book a meeting without picking up the phone — in the firm’s working languages.
02Goals
What the website had to achieve
- 01
Show fees clearly (rates, fixed fees, simulator)
- 02
Book a first meeting online in under two minutes
- 03
Prove expertise through content: useful articles, not slogans
- 04
Give clients a secure portal (two-factor authentication)
03Research & inspiration
What we observed
- SMEs’ first hesitation about lawyers is the unknown cost. Fee transparency becomes a differentiator.
- Visitors look for a person first: a lawyer’s name and face matter more than the logo.
- Inspirations: law-review layouts, bound editions, the rigour of typographic rules — with no gavel or scales clichés.
04Site map
A structure built around journeys
- Home
- Practice areas (6)
- Team
- Profiles (dialog)
- Insights
- 4 articles
- Fees & simulator
- 4-step booking
- Careers
- Application
- Contact & directions
- Client portal
- Matters & timeline
- E-signature
- Invoices & messages
- Sign in + 2FA
- Legal · Privacy · Cookies · 404
Every page exists in French and English, linked with hreflang, with its own title, description and structured data.
05Design choices
Colours, typography, components
- Ivory
#F5F1EAfond15.8:1 AAA - Ink
#16181Btexte17.8:1 AAA - Oxblood
#5C1A1Faccent12.9:1 AAA - Brass
#A88A5Afilets5.5:1 AA - Paper
#FBF9F5surfaces16.9:1 AAA
EB Garamond for headings: the typeface of classic legal publishing, restrained and legible even at large sizes. Libre Franklin in a light weight for crisp body text. Fonts are self-hosted (no calls to Google Fonts) for speed and GDPR compliance.
06Key features
Built for the trade
01
Four-step booking
Topic, format (office, video, phone), a lawyer filtered by practice, a keyboard-accessible calendar and available slots. A question about opposing parties enables conflict checks. Confirmation exports to your calendar (.ics).
02
Transparent fees
Public hourly rates, fixed fees for common matters and a simulator giving a range by need, complexity and urgency.
03
Filterable team
Search by name, filter by practice area and detailed profiles: background, languages, year of bar admission.
04
In-depth insights
Four articles written on Belgian law (private companies, B2B unfair terms, data breaches, judicial reorganisation), with Article structured data for Google.
07Visual results
On mobile, no compromise
- Responsive from 320 px to 2560 px
- Full keyboard navigation, visible focus
- Responsive WebP images, lazy loading
- Compliant cookie banner and legal pages
- Animations disabled when users ask for it
- schema.org structured data
A similar project?
Let’s talk about your business: free first conversation, fixed quote within 48 hours.
Next case studyAtelier Nord