Case study
BrightwaterLegal
A website concept for a legal services firm
Overview
Making legal services easier to understand and navigate.
When someone visits a law firm’s website, they are often looking for answers, guidance, or a better understanding of the legal services available to them.
The website needs to communicate professionalism while making information accessible. Visitors should be able to understand what the firm offers, navigate its services, and identify the appropriate next step.
Brightwater Legal is a website concept built around that balance: a professional presentation supported by clear content structure and straightforward navigation.
The Design Challenge
Communicating professionalism without making information harder to access.
Legal websites need to establish confidence, but a formal appearance alone isn’t enough. Visitors also need to find relevant information without working through unnecessarily complicated layouts or dense blocks of content.
The design direction focused on three priorities:
Professional presentation
establish a visual identity appropriate for a legal services business.
Information clarity
organize legal services and supporting content into an easier-to-follow structure.
Accessible navigation
help visitors move through the website and identify relevant information.
The objective was to balance the credibility expected from a professional services website with an experience that feels straightforward to use.
The Visual Direction
A more considered approach to professional-services design.
The visual direction was developed to give Brightwater Legal a distinct identity while maintaining the restraint expected of a legal brand.
Typography, spacing, color, and content placement work together to create a consistent presentation. The layout gives important information room to breathe instead of overwhelming visitors with too many competing elements.
Key design considerations included:
- A clear opening section that establishes the firm’s positioning.
- Consistent typography to distinguish headings and supporting information.
- Organized content sections for easier navigation.
- Deliberate spacing to improve readability.
- Consistent visual styling across the website.
The intention was to make the website feel professional without relying entirely on conventional law-firm design patterns.
The Development
Translating the visual direction into a working website.
The concept was developed on Systeme.io, with custom front-end code used to refine the design beyond standard page-builder layouts.
Systeme.io
Used as the website platform and publishing environment.
Custom HTML & CSS
Used to control the page structure, typography, styling, and responsive layouts.
JavaScript
Used for custom interface behavior where required.
This approach provided more control over the website’s presentation while keeping the project within its existing publishing platform.
What Went Into the Build
Design decisions translated into a working website concept.
| Area | Implementation |
|---|---|
| Visual design | Professional legal-services art direction |
| Content structure | Organized presentation of legal information |
| User experience | Clear information hierarchy and navigation |
| Typography | Consistent heading and body-text hierarchy |
| Front-end | Custom HTML, CSS and JavaScript |
| Platform | Systeme.io |
| Responsive design | Layout adjustments for desktop and mobile |
The Result
A professional online presentation built around clarity.
Brightwater Legal demonstrates how a legal services website can communicate its positioning while making its information easier to explore.
The concept brings together a consistent visual direction, structured content, and custom front-end development to create a more considered website experience for a professional services business.
It reflects my approach to website design: visual credibility matters, but it should always work alongside usability and clear communication.
This is an independent website concept, not a commissioned law-firm project. It does not represent verified client results, legal expertise, or business performance.
Does Your Website Communicate the Right First Impression?
For professional service businesses, a website is often one of the first places potential clients go to understand what a business offers.
I design and develop websites that make services easier to understand, information easier to navigate, and the next step clearer.