Design case study · Legal Services
Clear guidance. A stronger digital presence.
A website experience for riders and injured road users exploring accident-related legal information.
- Client
- SoCal Rider Law
- Industry
- Legal Services
- Scope
- Website Design & Development
The challenge
Give the right information a clear place.
Riders and road users can arrive with an immediate question about an accident. The website needs to make different service areas recognizable, give practical information a clear place and explain the next step.
Our design focus was accident-page structure, practical guidance and case-review clarity. The project brings the opening message, supporting content and next-step actions into a connected website presentation.
Project goals
What the website needed to do.
Explain the service choices
Answer questions in context
Make contact straightforward
Visitor journey
From a question to a clear next step.
The content sequence follows the decisions a visitor needs to make while exploring SoCal Rider Law.
- 1
Choose an accident topic
→ - 2
Understand the situation
→ - 3
Explore the guidance
→ - 4
Prepare a consultation enquiry
Design decisions
The decisions behind the design.
Create parallel service journeys
The homepage, motorcycle page and Uber page use a related structure while addressing different accident questions.
Connect evidence with explanation
Evidence guidance, next-step content and FAQs give visitors useful landmarks beyond the opening form.
Keep contact recognizable
The supplied pages use visible inquiry forms and red actions within a consistent deep-teal and offwhite system.
Design system
One visual language across the experience.
Supporting detail in readable sections.
Prepare a consultation enquiryHeadings · content · next stepA clear reading order
The opening establishes the subject; the following sections build the detail.
Repeatable content patterns
Related information uses familiar headings, spacing and section structures.
A distinct primary action
The visual hierarchy keeps “prepare a consultation enquiry” recognizable as the next step.
Website in motion
Explore the website in motion.
A closer look at the SoCal Rider Law page experience through the available scrolling films.
The page experience
One visual system. Three focused journeys.
The homepage, motorcycle page and Uber page share a recognizable design language while addressing different questions.
Responsive presentation
Clarity on a smaller screen.
The device imagery presents the visual direction. The priorities for smaller screens are simple navigation, readable information and a recognizable next step.
Simple navigation
Keep the route to relevant information short and understandable.
Readable content
Preserve the order of headings and supporting detail.
Clear contact paths
Give the primary next step a visible, consistent place.
What we delivered
A connected website experience.
The documented project brings together the following design work and presentation assets.
- Homepage presentation
- Motorcycle accident page
- Uber accident page
- Consultation-path design
- Content hierarchy
- Website showcase films
- Portfolio imagery
Design outcomes
What the design brings together.
A connected page story
Explain the service choices.
A repeatable content system
Answer questions in context.
A recognizable next step
Make contact straightforward.
These are qualitative design outcomes. Business performance, conversion changes and client results are not quantified in this case study.
More project stories
Explore more case studies.
Your next project
Could your website make the next step clearer?
Let’s create a focused website experience around your audience and goals.