Gutsy

UX/UI Design
Product Design
Brand Identity
UX Research

*UX/UI

*PRODUCT DESIGN

*ILLUSTRATION

*GRAPHIC DESIGN

*WEB DEVELOPMENT

*BRAND IDENTITY

*PHOTOGRAPHY

*FINE ART

The Problem

Managing autoimmune digestive disorders, such as ulcerative colitis and Crohn's disease, presents multifaceted challenges, including pain, stress, and dietary restrictions. Traditional methods of self-management often leave individuals overwhelmed, stressed out, and frustrated. Furthermore, existing solutions lack personalization and fail to address the diverse needs of users.

The Solution

Gutsy is a revolutionary gut health self-management platform that leverages AI to personalize, simplify, and consolidate the digestive autoimmune health journey. By tracking diet and symptoms, monitoring dietary habits, and offering tailored recommendations, Gutsy empowers users to take control of their health with confidence. With its user-centric design and innovative, personalized features, Gutsy aims to update the way individuals manage autoimmune digestive disorders, providing a comprehensive solution for complex health challenges.

My Role

Researcher
Product Designer
UX Designer
UI Designer

Timeline

Testing/Redesign:
Jan - May 2024
Initial Concept:
Mar - May 2023

Collaborators

Kira Wilson
Bradford Prairie
Sheba Najmi

Platform

Responsive
Mobile App (Figma)

Process

Design Thinking: Problem space research

Problem space research

I followed the Design Thinking framework to simplify an intricate problem space full of complex variables to understand, explore, and materialize the users and their pain points, and come up with a solution.

How might we help patients manage their conditions with minimal stress and in a personalized, engaging way?

1. EMPATHIZE

> User research

Users are overwhelmed tracking diverse factors daily.

Hypothesis:

Varied symptoms and other factors must lead to highly stressful IBD and IBS health management in daily life.
Individualized care must be difficult to find.

(EMPATHIZE)

> Competitor audit

Current solutions non-comprehensive, not specific to individual users.

Data-Based Theory:

A comprehensive, simplified, and personalized solution might fill the market niche.

(EMPATHIZE)

> User interviews

Four potential users reveal struggles of autoimmune gut health self-management.

Focus of discussions:

No personalization/individualized focus from medical advice or current solutions: everything's generic.
Stress is a significant factor in overall wellbeing.
Trial-and-error health management is frustrating and is time consuming.

2. DEFINE

> Empathy mapping

Categorizing key points revealed important insights in user data patterns.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Pain Points:

Tracking health is complex and time-consuming.
User experience is fragmented across many platforms.
Data results are often inaccurate.

(DEFINE)

> User personas

User scenarios cascade as real user data leads to understanding of pain points.

Problem Statement:

People who suffer from autoimmune gut health conditions face complex health patterns that can become aggravated from dietary uncertainty and environmental stressors, potentially causing adverse physical and mental wellbeing if not monitored.

3. IDEATE

> Brainstorming, low-fidelity wireframes

Design exploration: drawing is thinking.

Design Progress:

A mobile app would be a good solution for potential user needs.
A unique mobile app design would fill the market niche of a comprehensive and personalized gut health management solution.

(IDEATE)

> Mid-fidelity wireframes, prototype testing

Complex data systems.

Organizing data

Visualizations

Identifying triggers

Trigger foods

4 (yellow) = mild symptoms
5 (orange) = moderately severe
6 (red) = very severe

Comprehensive Design Feedback:

I should incorporate Large Language Models (LLMs) for AI-based functionality and modernization.
I need to keep iterating for inclusivity (font size, visual disability color considerations, etc.).
I should develop stronger and more coherent information architecture.

(IDEATE)

> AI helps meet personalization objective.

I get inspired by professional feedback, and Artificial Intelligence.

Everything will soon be represented by a conversational interface. . . a personal AI.

~Mustafa Suleyman,
CEO, Microsoft AI
TED Talk April 2024

The bot is born

Voice command

Text input

Widgets

Polishing the Prototype:

The User Interface should be welcoming, non-intimidating.
Hook the user to stay on top of logging their data with satisfying microinteractions and a vibrant interface.

4. PROTOTYPE

> Branding, logo, higher-fidelity wireframes

Copious sketching for a friendly, engaging, and personalized brand.

Brand personality

Logo

Vibrant, gamified colors

A friendly UI with engaging features

Putting It All Together:

Provide several user flows to display Gutsy's functionality.
Test the prototype with as many users as possible.

(PROTOTYPE)

> Polished design

I develop a polished style and diverse array of flows based on modern LLM interfaces.

Initial design (left) followed by final design (right)

Engaging dashboard

Users log their data like they would text a friend

Voice command interface

Text or widget-based visual entry

Dark mode

Prototype Development:

I need to keep iterating for inclusivity (font size, visual disability color considerations, etc.).

5. TEST

> User feedback, lessons learned

I submit the app design to potential users, peers, and mentors, gaining insight into how to improve the project.

Key learning #1

Conduct more diverse user research: My interviewees were 3 men and a woman, and I realize how much more I could have learned by diversifying my user base.

Key learning #2

Implement rapid prototyping and iterative testing earlier: This project consumed a significant amount of time, but it seems I could have saved a lot of time by adopting a more aggressive approach to testing from the start, in order to skip time spent on design solutions that ended up no working out in the end.

Key learning #3

Develop a more cohesive and interactive prototype with streamlined widgets and microinteractions, which I could do A/B testing on to see if small interactions help user relax and provide a more engaging and gamified experience.

*COMPLETED APP

Mahalo for viewing Gutsy!

Clickable prototype in development.

Please see more of my projects below!

Gutsy

End-to-end deign for an AI-based health management app.

*UX/UI

*PRODUCT DESIGN

*ILLUSTRATION

*GRAPHIC DESIGN

*WEB DEVELOPMENT

*BRAND IDENTITY

*PHOTOGRAPHY

*FINE ART

The Problem

The Solution

My Role

Timeline

Collaborators

Platform

Process

Design Thinking: Problem space research

Problem space research

How might we help patients manage their conditions with minimal stress and in a personalized, engaging way?

1. EMPATHIZE

Users are overwhelmed tracking diverse factors daily.

(EMPATHIZE)

Current solutions non-comprehensive, not specific to individual users.

(EMPATHIZE)

Four potential users reveal struggles of autoimmune gut health self-management.

2. DEFINE

Categorizing key points revealed important insights in user data patterns.

(DEFINE)

User scenarios cascade as real user data leads to understanding of pain points.

People who suffer from autoimmune gut health conditions face complex health patterns that can become aggravated from dietary uncertainty and environmental stressors, potentially causing adverse physical and mental wellbeing if not monitored.

3. IDEATE

Design exploration: drawing is thinking.

(IDEATE)

Complex data systems.

Organizing data

Visualizations

Identifying triggers

Trigger foods

(IDEATE)

I get inspired by professional feedback, and Artificial Intelligence.

Everything will soon be represented by a conversational interface. . . a personal AI.

~Mustafa Suleyman, CEO, Microsoft AI TED Talk April 2024

The bot is born

Voice command

Text input

Widgets

4. PROTOTYPE

Copious sketching for a friendly, engaging, and personalized brand.

Brand personality

Logo

Vibrant, gamified colors

A friendly UI with engaging features

(PROTOTYPE)

I develop a polished style and diverse array of flows based on modern LLM interfaces.

Initial design (left) followed by final design (right)

Engaging dashboard

Users log their data like they would text a friend

Voice command interface

Text or widget-based visual entry

Dark mode

5. TEST

I submit the app design to potential users, peers, and mentors, gaining insight into how to improve the project.

Key learning #1

Key learning #2

Key learning #3

*COMPLETED APP

Mahalo for viewing Gutsy!

MORE WORK

Mothership

Network & Support Group for Catholic Mothers

*BRAND DESIGN

*WEBSITE

*CONCEPT

Carcloud

Parking Space Finder & Rental App

*BRAND DESIGN

*UX/UI

*MOBILE APP

~Mustafa Suleyman,
CEO, Microsoft AI
TED Talk April 2024

Network & Support
Group for Catholic Mothers

Parking Space Finder
& Rental App