kweisuxdesign
Website & Typeform Quiz UI - Student Project Fall-Spring 2023
Sponsor: Kelly Crabtree (UDIL Co-Founder & COO)
My Role: UX Designer (Website & UI design, project planning)
​
U Do It Legal (UDIL) is a California-based service that helps provide legal information to individuals without attorney representation, specifically when it comes to domestic violence cases. This aims to inform and guide self-representing litigants while also providing resources from the state of California and information about their sister company, Stearns & Ryan, Lawyers.
Mission
U Do It Legal is preparing to launch as a service and needs a website that reflects its goal of helping individuals with limited knowledge of the legal system and legal terminology. With this project, we designed pages based on previous iterations, user feedback, and advising from our client, Kelly Crabtree.
​
Below are some of the main website page designs for U Do It Legal's site going forward.
Website Main Pages
Homepage
The homepage is the most important design created as it will be the introduction that most clients have to the service being offered. For this design, we utilized space and images to separate the blocks of text that provide general information about U Do It Legal. We also paid special attention to the branding guidelines of the company with a strong focus on both the lower case text as well as the brand's main colors (white, grey, and blue).
​
This page includes the introductory process for users to get started, the resources the site provides and how they can help, an eligibility quiz, and finally the services themselves and reviews of the service.
​
My major contributions to this page include the layout of the toolkit section's text and visuals and collaboration on the testimonials and packages section.
​
​
​
Domestic Violence Restraining Order (DVRO) Case Information Page
The DVRO Page is an overview for the different case types that U Do It Legal deals with in relation to Domestic Violence Restraining Orders. These are some of the more common case types that UDIL's parent company's lawyers are involved in, which gives the company the knowledge and experience that users will need to learn about. In designing these pages, we wanted to make sure the different case types had enough of a contrast between each other to help users better identify the situations they might be a part of.
​
This page includes general information about DVROs, common DVRO case types that UDIL has experience with, a link to an eligibility quiz for this type of situation, and the packages offered by U Do It Legal.
​
My major contribution to this page includes the visual layout of the common DVROs section.
​
​
Domestic Violence Resources & Video Guides Pages
I have included these pages on the site as I did most of the design work for them while receiving input from our client. This work includes the UDIL website & social links section, collaboration on the domestic violence resources section, and the video guides page on the website.
​
​
​
Design Process
The image below shows the amount of variations I created for certain elements to give our client multiple design options to choose from and how they look as a whole with other visuals on the page. These choices were made while staying in frequent contact with Kelly Crabtree in order to change elements quickly have better comparisons.
​
Below are some variations of grey and white visuals of page sections, case type cards, and placements for the legal resources links.
.png)