Changing the way people fight for justice online
Web Design
User Experience
Brand Identity
Changing the way people fight for justice online
Web Design
User Experience
Brand Identity
Changing the way people fight for justice online
Web Design
User Experience
Brand Identity
↑
The new IA focused on rapid content accessibility, with improved top-level and in-page navigation. Combined with clearer, friendlier language, this allowed users to reach the right information faster.
↑
The new IA focused on rapid content accessibility, with improved top-level and in-page navigation. Combined with clearer, friendlier language, this allowed users to reach the right information faster.
↑
The new IA focused on rapid content accessibility, with improved top-level and in-page navigation. Combined with clearer, friendlier language, this allowed users to reach the right information faster.
Challenge
After splitting from their overseas counterparts, Slater and Gordon needed to reinvent their brand and online presence. Their old website was outdated, hard to navigate, and failed to support the firm’s goal of driving more client inquiries digitally. The information architecture was poor, the content was difficult to understand, and the overall design lacked the modern feel that clients expect from a professional services firm.
From interviews with consumers and lawyers, we uncovered consistent pain points: clients struggled to find the right legal services, the language was filled with jargon, accessibility was limited, and the design did not instill trust. To remain competitive, the firm needed a website that reflected its commitment to putting people first while making it easier for potential clients to engage.
KEY CHALLENGES
01
Outdated design that did not reflect a modern legal brand
02
Poor information architecture that made content hard to navigate
03
Excessive jargon and inaccessible language
04
Lack of accessibility compliance
05
Business pressure to drive more client inquiries digitally
Challenge
After splitting from their overseas counterparts, Slater and Gordon needed to reinvent their brand and online presence. Their old website was outdated, hard to navigate, and failed to support the firm’s goal of driving more client inquiries digitally. The information architecture was poor, the content was difficult to understand, and the overall design lacked the modern feel that clients expect from a professional services firm.
From interviews with consumers and lawyers, we uncovered consistent pain points: clients struggled to find the right legal services, the language was filled with jargon, accessibility was limited, and the design did not instill trust. To remain competitive, the firm needed a website that reflected its commitment to putting people first while making it easier for potential clients to engage.
KEY CHALLENGES
01
Outdated design that did not reflect a modern legal brand
02
Poor information architecture that made content hard to navigate
03
Excessive jargon and inaccessible language
04
Lack of accessibility compliance
05
Business pressure to drive more client inquiries digitally
Challenge
After splitting from their overseas counterparts, Slater and Gordon needed to reinvent their brand and online presence. Their old website was outdated, hard to navigate, and failed to support the firm’s goal of driving more client inquiries digitally. The information architecture was poor, the content was difficult to understand, and the overall design lacked the modern feel that clients expect from a professional services firm.
From interviews with consumers and lawyers, we uncovered consistent pain points: clients struggled to find the right legal services, the language was filled with jargon, accessibility was limited, and the design did not instill trust. To remain competitive, the firm needed a website that reflected its commitment to putting people first while making it easier for potential clients to engage.
KEY CHALLENGES
01
Outdated design that did not reflect a modern legal brand
02
Poor information architecture that made content hard to navigate
03
Excessive jargon and inaccessible language
04
Lack of accessibility compliance
05
Business pressure to drive more client inquiries digitally
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M 0.975 0 C 1.513 0 1.95 0.437 1.95 0.975 L 1.95 3.172 L 4.836 0.286 C 5.22 -0.072 5.819 -0.061 6.19 0.31 C 6.561 0.681 6.572 1.28 6.214 1.664 L 3.328 4.55 L 5.525 4.55 C 6.063 4.55 6.5 4.987 6.5 5.525 C 6.5 6.063 6.063 6.5 5.525 6.5 L 0.975 6.5 C 0.437 6.5 0 6.063 0 5.525 L 0 0.975 C 0 0.437 0.437 0 0.975 0 Z" fill="rgb(255, 255, 255)" height="6.5px" id="xAWFEOs8b" transform="translate(1 1) rotate(450 3.25 3.25)" width="6.5px"/><path d="M 0.975 0 C 1.513 0 1.95 0.437 1.95 0.975 L 1.95 3.172 L 4.836 0.286 C 5.22 -0.072 5.819 -0.061 6.19 0.31 C 6.561 0.681 6.572 1.28 6.214 1.664 L 3.328 4.55 L 5.525 4.55 C 6.063 4.55 6.5 4.987 6.5 5.525 C 6.5 6.063 6.063 6.5 5.525 6.5 L 0.975 6.5 C 0.437 6.5 0 6.063 0 5.525 L 0 0.975 C 0 0.437 0.437 0 0.975 0 Z" fill="rgb(255, 255, 255)" height="6.5px" id="x4bjyXFoH" transform="translate(8.5 8.5) rotate(270 3.25 3.25)" width="6.5px"/></svg>)
↑
We kept the home page minimal and content-driven, acting as a launch point that guided users to relevant sections while offering a brief sense of what Slater and Gordon stands for.
↑
We kept the home page minimal and content-driven, acting as a launch point that guided users to relevant sections while offering a brief sense of what Slater and Gordon stands for.
↑
We kept the home page minimal and content-driven, acting as a launch point that guided users to relevant sections while offering a brief sense of what Slater and Gordon stands for.
↑
On content pages, we used authentic imagery of real clients paired with testimonials to build trust, moving away from the stock photography so common in law firm websites.
↑
On content pages, we used authentic imagery of real clients paired with testimonials to build trust, moving away from the stock photography so common in law firm websites.
↑
On content pages, we used authentic imagery of real clients paired with testimonials to build trust, moving away from the stock photography so common in law firm websites.
↑
The lawyers page made the team visible, presenting each lawyer’s background, qualifications, and expertise to create transparency and trust for potential clients.
↑
The lawyers page made the team visible, presenting each lawyer’s background, qualifications, and expertise to create transparency and trust for potential clients.
↑
The lawyers page made the team visible, presenting each lawyer’s background, qualifications, and expertise to create transparency and trust for potential clients.
↑
We tailored the experience for mobile with a responsive banner system that ensured featured people always stayed visible. By aligning their photo separately from the background image, the layout adapted cleanly across devices.
↑
We tailored the experience for mobile with a responsive banner system that ensured featured people always stayed visible. By aligning their photo separately from the background image, the layout adapted cleanly across devices.
↑
We tailored the experience for mobile with a responsive banner system that ensured featured people always stayed visible. By aligning their photo separately from the background image, the layout adapted cleanly across devices.
↑
We created a mobile navigation system that was simple, responsive, and easy to use, putting the most important content within quick reach.
↑
We created a mobile navigation system that was simple, responsive, and easy to use, putting the most important content within quick reach.
↑
We created a mobile navigation system that was simple, responsive, and easy to use, putting the most important content within quick reach.
Solution
Working as part of a collaborative team, I was heavily involved in the information architecture and UX, while also taking ownership of the visual design and rollout of screens. We began with a rigorous discovery phase, interviewing both consumers and lawyers to understand their needs and frustrations. From this, we reshaped the IA to improve categorisation and rewrote labels to use more human, approachable language.
Since the brand lacked a digital style guide, I used the website as a foundation to craft a fresh visual identity. We expanded the colour palette, introduced a content-friendly body font, and focused on clean layouts with plenty of white space. Accessibility was a priority, with every component tested rigorously against WCAG AA guidelines to ensure the experience was inclusive. The result was a modern, trustworthy, and user-friendly design system that was later adopted by the wider marketing team.
Solution
Working as part of a collaborative team, I was heavily involved in the information architecture and UX, while also taking ownership of the visual design and rollout of screens. We began with a rigorous discovery phase, interviewing both consumers and lawyers to understand their needs and frustrations. From this, we reshaped the IA to improve categorisation and rewrote labels to use more human, approachable language.
Since the brand lacked a digital style guide, I used the website as a foundation to craft a fresh visual identity. We expanded the colour palette, introduced a content-friendly body font, and focused on clean layouts with plenty of white space. Accessibility was a priority, with every component tested rigorously against WCAG AA guidelines to ensure the experience was inclusive. The result was a modern, trustworthy, and user-friendly design system that was later adopted by the wider marketing team.
Solution
Working as part of a collaborative team, I was heavily involved in the information architecture and UX, while also taking ownership of the visual design and rollout of screens. We began with a rigorous discovery phase, interviewing both consumers and lawyers to understand their needs and frustrations. From this, we reshaped the IA to improve categorisation and rewrote labels to use more human, approachable language.
Since the brand lacked a digital style guide, I used the website as a foundation to craft a fresh visual identity. We expanded the colour palette, introduced a content-friendly body font, and focused on clean layouts with plenty of white space. Accessibility was a priority, with every component tested rigorously against WCAG AA guidelines to ensure the experience was inclusive. The result was a modern, trustworthy, and user-friendly design system that was later adopted by the wider marketing team.
↑
We designed the blog to amplify the voices of Slater and Gordon’s lawyers, helping them be seen as trusted experts in their fields.
↑
We designed the blog to amplify the voices of Slater and Gordon’s lawyers, helping them be seen as trusted experts in their fields.
↑
We designed the blog to amplify the voices of Slater and Gordon’s lawyers, helping them be seen as trusted experts in their fields.
↑
We designed article pages to promote SEO, using clean layouts and structured content to improve discoverability and attract new leads.
↑
We designed article pages to promote SEO, using clean layouts and structured content to improve discoverability and attract new leads.
↑
We designed article pages to promote SEO, using clean layouts and structured content to improve discoverability and attract new leads.
↑
The location finder let clients search not only by geography but also by languages spoken and practice areas, helping them connect with the firm best suited to their needs.
↑
The location finder let clients search not only by geography but also by languages spoken and practice areas, helping them connect with the firm best suited to their needs.
↑
The location finder let clients search not only by geography but also by languages spoken and practice areas, helping them connect with the firm best suited to their needs.
Outcomes
The new Slater and Gordon website was a turning point for the firm. Clients found it easier to navigate, understand services, and make inquiries, which drove measurable increases in traffic, engagement, and leads. Internally, lawyers and staff felt part of the process, and the redesign gave them confidence that the site reflected the firm’s commitment to accessibility and client-first values.
Beyond the immediate gains, the new digital style guide provided a consistent framework for future updates, ensuring scalability and cohesion across the brand’s marketing efforts. By combining modern design, human-centred IA, and rigorous accessibility standards, the project gave Slater and Gordon a digital presence that truly put people first.
Outcomes
The new Slater and Gordon website was a turning point for the firm. Clients found it easier to navigate, understand services, and make inquiries, which drove measurable increases in traffic, engagement, and leads. Internally, lawyers and staff felt part of the process, and the redesign gave them confidence that the site reflected the firm’s commitment to accessibility and client-first values.
Beyond the immediate gains, the new digital style guide provided a consistent framework for future updates, ensuring scalability and cohesion across the brand’s marketing efforts. By combining modern design, human-centred IA, and rigorous accessibility standards, the project gave Slater and Gordon a digital presence that truly put people first.
Outcomes
The new Slater and Gordon website was a turning point for the firm. Clients found it easier to navigate, understand services, and make inquiries, which drove measurable increases in traffic, engagement, and leads. Internally, lawyers and staff felt part of the process, and the redesign gave them confidence that the site reflected the firm’s commitment to accessibility and client-first values.
Beyond the immediate gains, the new digital style guide provided a consistent framework for future updates, ensuring scalability and cohesion across the brand’s marketing efforts. By combining modern design, human-centred IA, and rigorous accessibility standards, the project gave Slater and Gordon a digital presence that truly put people first.
Credits
Credits
Credits
Role
Lead Digital Designer
Client
Slater and Gordon
Agency
Tundra
Year
2018
2018
2018
Other Projects
Other Projects
Other Projects
I acknowledge the Traditional Custodians of Country throughout Australia and their connections to land, sea and community.
I pay my respect to their Elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples.
I acknowledge the Traditional Custodians of Country throughout Australia and their connections to land, sea and community. I pay my respect to their Elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples.