Leyenda Legal Group
A bilingual website built to turn visitors into clients
- Role
- UX Research, Interaction Design, Brand Strategy
- Client
- Leyenda Legal Group, Los Angeles
- Team
- Nosheen Ullah, Jalen Marcelino, An Truong, Raul Valadez
- Course
- COGS 187B Interaction Design Studio, UC San Diego
Leyenda Legal Group is a bilingual immigration law firm in the LA area. Many of its clients speak Spanish and are navigating complex legal situations with limited digital experience.
The old website failed the people it was built for: no booking flow, no language toggle, and little reason to stay. We redesigned it from the ground up to build trust, surface the right information fast, and make it easy to take the next step.
What we set out to change
The original site saw almost no engagement beyond people looking up the address: no bookings, no form submissions. We set out to make it an active tool for winning clients, not a digital business card.
- Increase consultation bookings with a clear, easy path to call or schedule
- Drive engagement through bilingual support, trust signals and prominent calls to action
- Reduce drop-off with navigation that gets people where they need to go within seconds
- Earn trust before a client ever picks up the phone
Who we designed for
Immigrant clients
Spanish-dominant, less comfortable with technology, and anxious about sharing personal information online. Heard about Leyenda on 1020 AM radio and has never hired a lawyer. Needs: a bilingual toggle that defaults to Spanish, plain language with no jargon, visible privacy assurance before any form, and a document checklist for each service.
Families of immigrants
Bilingual and second-generation, managing a parent's immigration case after the family received a legal notice. Short on time and wants credibility fast. Needs: practice areas listed up front, the founder's credentials visible right away, quick booking with clear pricing, and a phone number as a fallback.
Non-immigration clients
English-dominant and referred by a friend after a car accident. Needs to confirm quickly that the firm handles personal injury before leaving. Needs: non-immigration services clearly featured, strong trust signals and testimonials, a professional look, and booking within one click.
Before and after
A human face and a clear path
Every element felt equally important, there was no call to action above the fold, and a courthouse photo made the firm look like a criminal-law practice rather than an immigration firm.
The hero now features the attorney's photo and mission statement to build trust right away, with "Work with Us" and "View All Areas" above the fold so every visitor has a next step.
Resources grouped, with context
Three of seven menu items (EOIR, USCIS and Privacy Policy) opened government websites with no explanation, leaving people confused and lost.
Those links now sit under one "Resources" menu, with short pages that explain what each site is and what you can do there before linking out.
A scannable index plus visual cards
Twelve practice areas lived in one long, text-heavy list. People who knew what they wanted had to scroll past everything, and people exploring had nothing to catch their eye.
A quick index lets people jump straight to an area, and image cards with short descriptions serve those who want to browse. Both work on the same page.
Mobile and desktop
Listen more than you design
This was my first project for a real client with real stakes. The biggest shift wasn't in the design itself; it was learning that a good process means listening more than designing.
Jesse's context (who his clients are, where they come from, what worries them when they walk in) shaped nearly every decision about hierarchy, language and tone. A website is only as trustworthy as the understanding behind it.