Law — cross-border practice — 2024
Lawyer
A bilingual personal site with a bold typographic system and a seamless German/English flow.
Live- Client
- Bandar Shanneik
- Sector
- Law — cross-border practice
- Role
- Design & Development
- Year
- 2024
- Timeline
- ≈ 4 weeks
Scope
- Bilingual UX
- UI/UX design
- Build
- SEO foundations
Built with
- Next.js
- React
- i18n routing
- Tailwind CSS
(01) — The brief
The problem on the table.
A lawyer practising across the UAE, Germany and the UK needed a credible personal site that could speak to clients in two languages — German and English — without feeling like two bolted-together websites.
In law the site is often the first impression, so it had to read as serious and trustworthy while still standing apart from the sea of identical, dated firm templates.
(02) — The approach
How I solved it.
I built the site bilingual from the ground up rather than as an afterthought: clean language routing (/en and /de), mirrored content, and a switch that keeps you on the same page in the other language.
For tone I leaned on a bold, confident typographic system — large type and strict structure that signal expertise and precision. The result is credible without being stuffy, and unmistakably his rather than a template.
(03) — What I built
The pieces that matter.
True bilingual flow
German and English as first-class equals, with a switcher that holds your place across languages.
Credibility-first design
A precise typographic system that signals expertise and earns trust at first glance.
Clear practice & contact
Areas of practice and routes to get in touch are obvious — built to turn visits into enquiries.
Fast, modern build
A production-grade Next.js site that performs across devices and borders.
(04) — The outcome
A polished bilingual presence that meets cross-border clients in their own language and reads as credibly in Frankfurt as it does in London or Dubai — and that became the proof case for Studio Hadi's work with lawyers.
Next project
Software Engineer
A motion-led personal portfolio with an unmistakable point of view — the studio's own calling card.
Read the case study→