navi-h

task
Design an all-in-one platform that helps users manage multiple aspects of their health in one convenient place.

problem
There is a need for a comprehensive tool that enables individuals to effectively monitor their personal health while contributing to the overall well-being of their local community.

solution
A health navigation platform that connects users to local resources, provides real-time health alerts, and enables daily health tracking. This platform empowers individuals to stay informed and take proactive measures, supporting both personal well-being and public health.

Project Type

Design Fellowship at UCSD Design Lab (1 year)

My Role

UX/UI Product Design

Team

1 Product Designer, 3 Design Researchers

Tools

Figma, Google Sheets

User Research

What are people hoping to achieve with a health resource application?

"There are many aspects to being healthy, I would appreciate an app that promotes viewing health in more than one way."

‍

"I want to know about the well-being of my community and have access to information that can aide my own health journey."

Wireframes

These wireframes feature initial versions of the dashboard (left), resource finder page (center), and the community screen (right). The dashboard and resource finder screens were implemented after thorough user testing.

Visual Design

Component Library

Branding

Style Guide

NaviH features bold blue and red as primary colors to create a vibrant brand identity centered on health and alerts. Softer shades of blue and dark green complement these hues, adding depth and serenity while enhancing smaller components. This balance maintains a clean and sleek aesthetic throughout the user journey.

For typography, I selected SF Pro Rounded for the logo to convey approachability, alongside SF Pro for headings and body text. This combination delivers a modern and polished look, perfectly aligning with the application's user-friendly design.

Reflection

Leading the end-to-end design of NaviH was a rewarding experience. During research, we discovered many unmet health needs that our users wanted to address. It was challenging to come up with a solution that would address all of the concerns, so the idea of an "umbrella" health app arose. This came with a few challenges as the scope of the project was larger than originally anticipated. Nonetheless, we figured out how to design the application to be cohesive and intuitive while tying together features that served very different purposes from each other.

emi sandoval