Project Overview
What is U Do It Legal?
U Do It Legal (UDIL) is a legal firm that empowers self-representing litigants (SRLs) in California family law cases by providing accessible, attorney-vetted digital tools and legal information resources.
The goal of the firm is to redefine access to justice by simplifying the civil legal self-representation process. Much of this is accomplished through their web application, where there are guided interviews that take users through their cases and populate their court forms.
Our Task
Research U Do It Legal's user group
Audit the current design and content of their website and services for both usability and effectiveness
Redesign the UI of specific pages in Squarespace and Typeform.
User Research
Prototyping
Iterative UI Design
Figma
Squarespace
Typeform
Step 1
Understand the needs and decisions of SRLs in family law cases
Conduct market research
Identify content gaps
Step 2
Improve the accessibility of UDIL's free resources
Comparative analysis with competitor services & websites
Usability audit of UDIL's resource pages
Step 3
Design UDIL's service pages and eligibility quizzes
Mockup webpage wireframes in Figma
Redesign eligibility quizzes
Ensure comprehension & retention across the site
My Role
During this project, I championed the role of reforming research findings into design elements. I used research findings to:
Independently lead the redesign of all Eligibility Quiz elements
Mockup wireframe components for UDIL's webpages based on competitive website features
Implement final designs into UDIL's website with mobile and desktop responsiveness
My main contributions to project goals:
1. Market & User Research:
Desk research
Secondary research on SRLs
2. Improving Accessibility:
Led comparative analysis
Heuristic evaluation of Typeform quizzes
3. Design Ideation:
Redesign of usability quiz on Typeform
Created a new page design for UDIL's service packages
1.
Market & User Research
Desk Research:
Secondary research on SRLs:
To gather specific insights on the needs and preferences of self-representing litigants in California, I studied literary and first hand sources.
Findings:
2.
Improving Accessibility
1. Comparative Analysis
To identify opportunities for improvement on UDIL’s website, I had to understand the strengths and weaknesses of competitor websites with similar user groups.
I reviewed sites with comparable business models and family law resources, focusing on their layout, features, and user pain points.
2. Affinity Diagramming
Design Impact:
Resources page
Resource descriptions should be kept short
Images attached to each resource should help with content comprehension
Resource types should be organized in a minimalist way
Branding & Services
Bullet points should be used to condense sections
UDIL's purpose as a company & service should be quickly evident to the user when they visit the website
UDIL's bright blue color should be utilized to bring emphasis to a section.
3.
Design Ideation
1. Wireframing in Figma
From the research stages of the project, I found that UDIL's free resources are a beneficial resource for their user group of self-representing litigants because of their need for cost-efficient learning materials.
However, UDIL's free resources were hard to find and not centralized in one place.
To solve this, I designed a section to be placed on the homepage for easy access to any of UDIL's free resources that they offer. This was designed to be reformable for design implementation in Squarespace.
2. Typeform Image Redesign in Figma/Canva
After reviewing the Typeform eligibility quizzes, I concluded that the existing images on the quiz were overwhelming to the user and took away from the text provided within each question. For my goal to tackle this issue, I designed new, simple images to be attached to each Typeform question.
Final Design Implementation
Redesign of Typeform Quizzes
There were two quizzes for redesign on Typeform:
The eligibility quiz, which verifies that users are eligible for UDIL's services.
The package sorting quiz, which matches users with one of UDIL's five service packages.
For these quizzes, I focused on simplicity and comprehension. Users taking these quizzes are likely unfamiliar with UDIL's programs, so professionalism and friendliness was emphasized as well.
Click through the slideshow to see the final quiz screens.
Squarespace Pages
Below are my final designs, implemented in Squarespace. Each page is responsive to desktop and mobile viewports. I designed two new pages, which are the overall services page to find all of UDIL's packages, and the individual package page to see more details about each package.
Services Page
From the competitive analysis and user research, I found that user comprehension of company services can help build trust and understand how these services can fit into their situation.
To address this issue and provide users with an introduction to UDIL's services, I designed an overall services page.
Package Page Layout
From user research and the heuristic evaluation of UDIL's webpage, I found that UDIL's users had nowhere to find the details about the package, which could cause users to avoid purchasing.
To solve this, I created a page format that could be replicated across each individual package page- providing users with details such as process, pricing, eligibility, and the list of features.
Takeaways
Reflection:
For my first Experience Studio class at Purdue, this project was a fantastic way to gain experience in UX Design and collaborate with fellow designers. A huge thank you to our sponsor, Kelly Crabtree, for providing our group with the opportunity to work on and guidance with the project.
Although I took pride in my final designs during this project, there were still aspects of the website that I wanted to improve, but the project scope and timeline did not allow for it. I presented my ideas and reasoning to the sponsor and was hired as Lead UI/UX Design intern at U Do It Legal from May to August 2025 to carry out these ideas and more.
What I learned:
Empathy in UX Design means knowing the users as you know yourself.
Understanding the UDIL's user needs through in-depth user research during this project helped me gain insight into what they are looking for in their legal experience. Empathy is not assumption, and user research drives every design iteration.
Constraints drive creativity.
This project had a relatively short timeline, but this drove me to go above and beyond what was expected to ensure that my team's designs provide an optimal experience for SRLs. I prioritized the elements most important to the users' based on research and optimized them to the utmost.
Collaboration and communication are the keys to development.
During this project, I communicated with sponsors and teammates to ensure that the project scope and design quality were met. Working with teammates and the sponsor helped me design with feasibility and implementation in mind.
Back to Top
Connect with me
