01 / 06

Know Your Rights

Know Your Rights

Know Your Rights

UX/UI | Mobile App Design + Prototype

2025

Project Overview

The Know Your Rights for Immigrants mobile app was developed as a user interface redesign and interactive prototype for a civic-focused resource. The assignment focused on rethinking an existing rights-based mobile or web application to better address user needs, clarity, accessibility, and usability within a public-service context. The central challenge was restructuring a dense, resource-driven experience into a tool that could provide more direct access to critical information and support—including structured legal resources, connections to legal assistance, and automated communication features—while remaining clear and navigable in stressful or time-sensitive situations.

The redesign explored information architecture, navigation patterns, visual hierarchy, and component systems to create more structured and digestible information flows. A high-fidelity interactive prototype was developed to test these decisions and refine the relationships between content, navigation, and interaction. The project demonstrates an approach to civic UX that prioritizes legibility, intuitive interaction, and iterative prototyping, while considering how the same information could extend beyond the phone through a companion watchOS experience for quick access to critical resources.

System

Color

The color system was developed to support legibility, visual hierarchy, and user comfort across the interface. Contrast and color relationships were carefully considered to ensure information remained clear and accessible, particulary in stressful or time-sensitive situations. Color is used purposefully to distinguish actions, resources, and system states.

Color

The color system was developed to support legibility, visual hierarchy, and user comfort across the interface. Contrast and color relationships were carefully considered to ensure information remained clear and accessible, particulary in stressful or time-sensitive situations. Color is used purposefully to distinguish actions, resources, and system states.

Typography

Noto Sans was selected for its broad language support and clear, highly legible forms. The type system establishes a consistent visual hierarchy across navigation, instructional content, and resource information while maintaining readability across varying screen sizes and content densities.

Typography

Noto Sans was selected for its broad language support and clear, highly legible forms. The type system establishes a consistent visual hierarchy across navigation, instructional content, and resource information while maintaining readability across varying screen sizes and content densities.

UI Components

UI components were developed to prioritize clarity and intuitive interaction, using subtle visual effect to give controls a sense of tactile presence. These cues help distinguish interactive elements from informational content while reinforcing familiar interactions throughout the interface.

UI Components

UI components were developed to prioritize clarity and intuitive interaction, using subtle visual effect to give controls a sense of tactile presence. These cues help distinguish interactive elements from informational content while reinforcing familiar interactions throughout the interface.

Process

Research & Content

The existing experience was examined to understand how information was organized and presented. A content map identified relationships between topics and resources, while screenshots of the original app provided a reference for opportunities to improve the overall experience.

Content Map /

Research & Content

The existing experience was examined to understand how information was organized and presented. A content map identified relationships between topics and resources, while screenshots of the original app provided a reference for opportunities to improve the overall experience.

Content Map /

User & Experience

The user journey mapped how someone might move through the experience when looking for rights, resources, or support. Identifying different needs, questions, and points of interaction helped establish a clearer path through the information.

User & Experience

The user journey mapped how someone might move through the experience when looking for rights, resources, or support. Identifying different needs, questions, and points of interaction helped establish a clearer path through the information.

Interface Development

The content structure and user experience were translated into an interface through wireframing and early screen development. Initial layouts established hierarchy, navigation, and relationships between screens before moving into more detailed visual design.

Interface Development

The content structure and user experience were translated into an interface through wireframing and early screen development. Initial layouts established hierarchy, navigation, and relationships between screens before moving into more detailed visual design.

Prototyping

Individual screens were connected into a functional prototype in Figma, allowing the navigation, interactions, and overall experience to be evaluated as a complete system rather than as a collection of individual screens.

Prototyping

Individual screens were connected into a functional prototype in Figma, allowing the navigation, interactions, and overall experience to be evaluated as a complete system rather than as a collection of individual screens.

Outcomes

The Know Your Rights project reinforced for me that designing for information access is not simply a matter of organizing content—it is about understanding how people may encounter that information and what they need from it in the moment. Restructuring a dense civic resource into clearer pathways for legal information, resource connections, and communication made the interface feel less like a database and more like a tool for immediate support. The project pushed me to think carefully about hierarchy, language, interaction, and accessibility as interconnected parts of the experience rather than separate design considerations.

The addition of a wearable extension also expanded the project beyond a conventional mobile interface. Translating critical information into a much smaller, more immediate format challenged me to determine what information is most useful when time, attention, and screen space are limited. Together, the mobile and watchOS concepts helped me see interface design as a system that can adapt to different circumstances while maintaining a consistent visual and interaction language. The project strengthened my interest in designing interfaces that remain clear and usable under pressure, and reinforced the importance of designing around the user's situation rather than simply the capabilities of the technology.

<

Previous

Next

>

Want to work with me?
Find me on

512.418.6922

jjense80@msudenver.edu

Designed & Developed

by Jonathan Jensen

All Rights Reserved,

J. Jensen Creative © 2026

Want to work with me?
Find me on

512.418.6922

jjense80@msudenver.edu

Designed & Developed

by Jonathan Jensen

All Rights Reserved,

J. Jensen Creative © 2026