Work

Contact

Mobile App Design

Gastro I/O

Mobile App Design

Gastro I/O

Mobile App Design

Gastro I/O

Your Personal Assistant Gastro I/O

Project Overview

Gastro I/O is an AI-powered mobile app that simplifies gut health management by offering personalized educational content, advice, and guidelines to help users manage their diets, track symptoms, and improve overall health.

My Role

As the UX/UI Designer, I was key in turning our team's vision into a user-centric gut health app, handling all design stages including research, ideation, prototyping, testing and implementation.

Project Overview

My Role

As the UX/UI Designer, I was key in turning our team's vision into a user-centric gut health app, handling all design stages including research, ideation, prototyping, testing and implementation.

Problem Identification

Colon cancer is rising among young adults, with 20% of 2019 diagnoses in patients under 55, double the rate in 1995. Gut health is crucial for prevention and management, but accessible resources are lacking to help people manage it effectively.

Objective we will achieve

Educate users on gut health and its impact on well-being.
Provide a platform with personalized advice and resources.
Offer tools for real-time monitoring and feedback.
Simplify identification of food triggers and solutions.
Ensure seamless integration into daily life for easy management.

Exploration and Research Process

🔬Secondary Research

We studied gut health and its impact on well-being, especially concerning colon cancer. The results revealed significant gaps in existing resources, highlighting the need for a more comprehensive solution.

⚔️Competitive Analysis

We evaluated gut health apps to identify opportunities and unmet needs. Analyzing features and user reviews helped us integrate best practices and innovative features into our solution.

📝User Interviews

We conducted in-depth interviews to understand daily routines, challenges, and current solutions, revealing pain points and desired app features.

📊Affinity Mapping

We organized research insights to identify key themes and patterns, focusing on critical user needs and pain points, guiding our development direction.

Exploration and Research Process

🔬Secondary Research

⚔️Competitive Analysis

We evaluated gut health apps to identify opportunities and unmet needs. Analyzing features and user reviews helped us integrate best practices and innovative features into our solution.

📝User Interviews

We conducted in-depth interviews to understand daily routines, challenges, and current solutions, revealing pain points and desired app features.

📊Affinity Mapping

We organized research insights to identify key themes and patterns, focusing on critical user needs and pain points, guiding our development direction.

Problem Statement

Gut health is vital, yet many lack awareness and struggle to manage it. For those with chronic issues, identifying food triggers is challenging. We aim to educate on gut health, help pinpoint triggers, and simplify management, making it more accessible for everyone.

Problem Statement

Key Feedback

Challenges in Finding Reliable Information: Overwhelmed by conflicting gut health information, Sasha needs credible advice.

Busy Lifestyle: As a busy teacher, Sasha requires convenient health solutions.

Dietary Management Difficulties: Sasha struggles to identify food triggers, finding the trial-and-error process frustrating.

Need for Personalized Support: Desires personalized dietary advice and tools tailored to Sasha’s symptoms and lifestyle.

Key Feedback

Challenges in Finding Reliable Information: Overwhelmed by conflicting gut health information, Sasha needs credible advice.

Busy Lifestyle: As a busy teacher, Sasha requires convenient health solutions.

Dietary Management Difficulties: Sasha struggles to identify food triggers, finding the trial-and-error process frustrating.

Need for Personalized Support: Desires personalized dietary advice and tools tailored to Sasha’s symptoms and lifestyle.

Key Feedback

Challenges in Finding Reliable Information: Overwhelmed by conflicting gut health information, Sasha needs credible advice.

Busy Lifestyle: As a busy teacher, Sasha requires convenient health solutions.

Dietary Management Difficulties: Sasha struggles to identify food triggers, finding the trial-and-error process frustrating.

Need for Personalized Support: Desires personalized dietary advice and tools tailored to Sasha’s symptoms and lifestyle.

Product Design Goal

Simplified Information: Create an interface for quick, credible gut health info.

Convenient Integration: Design features for easy logging and real-time monitoring.

Dietary Management: Offer tools for identifying food triggers and personalized meal plans.

Personalized Support: Provide AI-driven recommendations tailored to Sasha's needs.

Product Design Goal

Simplified Information: Create an interface for quick, credible gut health info.

Convenient Integration: Design features for easy logging and real-time monitoring.

Dietary Management: Offer tools for identifying food triggers and personalized meal plans.

Personalized Support: Provide AI-driven recommendations tailored to Sasha's needs.

Product Design Goal

Simplified Information: Create an interface for quick, credible gut health info.

Convenient Integration: Design features for easy logging and real-time monitoring.

Dietary Management: Offer tools for identifying food triggers and personalized meal plans.

Personalized Support: Provide AI-driven recommendations tailored to Sasha's needs.

Design Process

User Flow

Design Process

User Journey Map

Wireframe

User Journey Map

Solution & Feature Overview

Gastro I/O uses AI to simplify gut health management with real-time monitoring, personalized recommendations, and educational resources, helping users maintain health, identify triggers, and alleviate symptoms.

Key Features & Benefits:

Personalized Insights: Tailored recommendations based on symptoms, diet, and lifestyle for better gut health.

Gut Capsule Monitoring: Tracks bowel movements, pH levels, and microbiota with real-time data and alerts for early issue detection.

Food Scanner: Scan meals, log intake, and get feedback on triggers, simplifying dietary management.

AI Chatbot Assistant: 24/7 personalized advice and answers to gut health questions, offering reliable user support.

Symptom Tracker: Record and monitor symptoms, identify patterns, and share data with healthcare providers.

Personalized Meal Plans: Customized plans based on dietary preferences and health data, reducing symptoms and promoting gut health.

Solution & Feature Overview

Enhance User Experience: Our aim is to make a simple and easy-to-use website that makes finding and booking faster. We want to cut the time it takes to book by half and get a user happiness rating of at least 4.5 out of 5.

Key Features & Benefits:

Personalized Insights: Tailored recommendations based on symptoms, diet, and lifestyle for better gut health.

Gut Capsule Monitoring: Tracks bowel movements, pH levels, and microbiota with real-time data and alerts for early issue detection.

Food Scanner: Scan meals, log intake, and get feedback on triggers, simplifying dietary management.

AI Chatbot Assistant: 24/7 personalized advice and answers to gut health questions, offering reliable user support.

Symptom Tracker: Record and monitor symptoms, identify patterns, and share data with healthcare providers.

Personalized Meal Plans: Customized plans based on dietary preferences and health data, reducing symptoms and promoting gut health.

Solution & Feature Overview

Key Features & Benefits:

Personalized Insights: Tailored recommendations based on symptoms, diet, and lifestyle for better gut health.

Gut Capsule Monitoring: Tracks bowel movements, pH levels, and microbiota with real-time data and alerts for early issue detection.

Food Scanner: Scan meals, log intake, and get feedback on triggers, simplifying dietary management.

AI Chatbot Assistant: 24/7 personalized advice and answers to gut health questions, offering reliable user support.

Symptom Tracker: Record and monitor symptoms, identify patterns, and share data with healthcare providers.

Personalized Meal Plans: Customized plans based on dietary preferences and health data, reducing symptoms and promoting gut health.

Wireframe & Prototype

Prototype

Wireframe & Prototype

After a several weeks of development, here are the final result of the prototype, and the main features of the app:

After a several weeks of development, here are the wireframe. prototype, and the main features of the app:

Personal Data & Food Scanner

User may monitor daily food log in better interface and healthy elements

Personal Data & Food Scanner

User may monitor daily food log in better interface and healthy elements

Personal Data & Food Scanner

User may monitor daily food log in better interface and healthy elements

Capsule Data

The capsule collects real-time health data and sends it to the user's mobile app for alerts and actions.

Capsule Data

The capsule collects real-time health data and sends it to the user's mobile app for alerts and actions.

Capsule Data

The capsule collects real-time health data and sends it to the user's mobile app for alerts and actions.

AI Chatbot Assistant

The AI Chatbot Assistant in Gastro I/O offers 24/7 personalized support, providing tailored advice and recommendations based on individual symptoms and lifestyle. It ensures users get reliable, real-time help for effective gut health management.

Compact Interface on Smart Watch

Logo Exploration

UI Kit

Final UI Designs

Takeaway

Keys Findings:

Gut health is connected to both mental and physical health.
There is a lack of personalized support and community for gut health.
Learning about gut health requires significant effort.
Tailored recommendations improve user decision-making on gut health.
Real-time monitoring with gut capsules provides early issue detection.

Impact on users:

Provide an educational product for tracking gut health.
Simplify dietary management with food scanner feedback.
Enable effective symptom tracking to identify health patterns.
Offer personalized meal plans to reduce symptoms and promote better health.

Achievements

Developed a user-friendly app integrating wearable tech and assistive AI.

Customizable reminders help users stay on track with their health plans.
Delivered educational content to empower users to make informed choices.
Generated regular reports summarizing health data and progress, boosting motivation.

Next Step

Further user testing or validation to refine the design to better serve user
Continuously improve the app based on user feedback to make it as user-friendly and intuitive as possible.