• About Company

    I worked with a startup that provides a platform for sexual assault survivors. This one-off project was for California Courts. California’s court system is the largest in the nation. The system serves a population of more than 37 million people— about 12 percent of the total U.S. population.

  • Design Goal

    The CTO wants to encourage more user engagement with the domestic violence information. She asked me to re-design that space for mobile.

👉🏾 I did not work with California Courts, and the views from this case study are my own.

Brief Summary

Given my unfamiliarity with domestic violence law, I spent a lot of time researching sites related to domestic violence. I wanted to understand the pattern of information Users receive. From there I performed a UX and Design Audit on the current site taking notes of my findings. While performing a comparative analysis, I identified common design patterns. I created many iterations and completed design critiques to tease out usability issues. The final visual design takes into account the current style of California Courts.



One of the major patterns I found was an Exit link or button prominent at all times. This button would redirect the User to another site to avoid suspicion.

UX and Design Audit



  • No prominent Exit button/link
  • Overwhelming navigation
  • Broken links
  • Information overload
  • Not easy to read or digest
  • Looks unorganized
  • Not pleasant to look at
  • Doesn’t feel secure or concerned about users safety
  • Doesn’t feel tailored. Feels sterile, generic, and lonely

Comparative Analysis

I noticed similar pain points and patterns while visiting other sites:

  • There's an overabundance of information but a lack of structure
  • Some sites lack empathy for the User’s emotional state
  • Many sites are not interactive and engaging enough
  • Not mobile friendly
  • Lacks the feeling of security
  • Don't evoke a sense of community and support


When defining priorities in a project, I like to refer to Peter Morville's UX Honeycomb.👉🏾
For this project, I focused on making the UI findable, valuable, and credible. To achieve this the UI must have:

  • Scannable headings and titles
  • A sense of security
  • Clear navigation of content
  • Appeal to all walks of life

I also thought it would be great to include a navigational guide, a live chat experience, and tools.


Hand Sketches

With strategy in mind, I generally followed these guidelines to keep me focused:

  • Having a primary call to action “Exit” prominent and accessible at the top of all pages.
  • Using the standard carrot arrows for motions (e.g. next section, expand panels)
  • Use cards to indicate sections


Visual Design

Round 1

  • Sticky header and navigation bar
  • Visible 'Exit' button
  • Clear iconography with labels

Round 2

  • Brought the navigation forward to showcase subjects upfront
  • Added video feature to add a sense of community and support
  • Added read times to enable Users to know how long it will take to read sections


The content is now organized in a way that is more readable and easier to navigate. The design also has a more modern and clean look, which also enhances the user experience. And helpful features exist within the UI- video, read time, easy exits.