Step 01
Home
The landing page from its opening statement through the team, practice areas, cases and reviews.
for Botha Partners Inc.Botha Partners
A warm, people-first law-firm website
A website for a Pretoria law firm founded in 1982 that puts its attorneys front and centre: warm photography, plain-language practice areas, a guide that routes each kind of matter to the right person, and short paths to a consultation.
01
The problem
People come to a law firm with a problem, not a practice area. The old site led with the firm's history and legal categories, so visitors had to work out for themselves which attorney handled their matter and how to reach them.
02
The response
The new site starts with the people. Real photography of the attorneys, everyday questions in place of legal headings, and a 'Not sure who to speak to?' guide that matches a matter to the attorney who handles it. Every page ends in a consultation request, and smooth, unhurried motion keeps it calm rather than corporate.
// website walkthrough
One page at a time.
A short walkthrough of every page on the live site, with the hovers and transitions that make it feel personal.
0:32
Step 02
About
The firm's story from 1982 to today, the values it holds to, and the directors behind it.
Step 03
Expertise
Five practice areas in one list, each swapping its photo and caption as you move through it.
Step 04
Our attorneys
The attorneys up close, ending on a guide that routes each kind of matter to the right person.
Step 05
Insights
Cases, interviews and press mentions, filtered by type in a browsable grid.
Step 06
Contact
A guided consultation form, quick answers before the first call, and directions to the office.
- 0:32
Step 01
Home
The landing page from its opening statement through the team, practice areas, cases and reviews.
- 0:22
Step 02
About
The firm's story from 1982 to today, the values it holds to, and the directors behind it.
- 0:26
Step 03
Expertise
Five practice areas in one list, each swapping its photo and caption as you move through it.
- 0:19
Step 04
Our attorneys
The attorneys up close, ending on a guide that routes each kind of matter to the right person.
- 0:28
Step 05
Insights
Cases, interviews and press mentions, filtered by type in a browsable grid.
- 0:29
Step 06
Contact
A guided consultation form, quick answers before the first call, and directions to the office.
Step 01 of 06 · Home
// scope
A 1982 firm, introduced by its people.
01
Positioning
'Let's talk it through' sets the tone: personal advice for your home, family and business, from attorneys you can see and name.
02
People-first design
Warm photography of the real team, a clean sans-serif voice, deep-blue accents and soft cards replace stock legal imagery.
03
Trust architecture
Since-1982 milestones, Google reviews, client logos, attorney profiles and published cases give visitors reasons to believe before they call.
04
Complete site journey
Home, about, expertise, attorneys, insights and contact pages, each ending in a clear consultation request, with a guided enquiry form and directions.
// built with
- HTML
- CSS
- JavaScript
- Bootstrap
- GSAP ScrollSmoother
- Swiper
- Responsive design
// gallery
Up close.
Next project
Tagon