CASE STUDY
-
LEGAL
Law Firm
Landing Page
ROLE
UX/UI Designer
TOOLS
Figma
01 - OVERVIEW
What was
this project?
A professional law firm landing page designed to present legal services, establish trust and credibility, and encourage potential clients to connect with the firm.
02 - DESIGN DECISIONS
How I made
the choices
COLORS & FONTS
Researched fonts and colours commonly used by law firms. Selected a palette that reflects both what the client wanted and the credibility and seriousness expected from the legal category.
SECTION DESIGN
Each section was designed individually and uniquely - not templated - to ensure every part of the page fit the law theme while maintaining overall visual coherence.
HERO SECTION
The hero uses a video background rather than a static image, adding a sense of presence and professionalism that a photograph alone couldn't achieve.
LOGO
Designed the logo from scratch - crafted to align with the firm's identity and the visual language established across the rest of the page.
03 - SECTIONS DESIGNED
What's on
the page
I structured the landing page using client-provided content into clear, conversion-focused sections designed to highlight value, build trust, and reduce friction in the inquiry process.
Hero - video background + CTA
About Us
Practice Areas - 6 service cards
Contact Us with form
Footer
Testimonials
04 - VISUAL DESIGN
The asthetic
Professional and authoritative aesthetic characterized by refined typography, muted neutral tones, and structured layouts that convey trust, expertise, and credibility.
COLOR SYSTEM
Primary
Secondary
TYPOGRAPHY SYSTEM
HEADINGS
Merriweather
Bold · H1-H4
BODY, BUTTONS
Lora
Regular · Body · CTAs · Nav
05 - HIGH FIDELITY
The final
design
06 - OUTCOME
What made it
rewarding
"The most rewarding part was making all the visual decisions independently - from colour research to logo design - and seeing it come together as a cohesive, professional legal identity."