Physio Mobile App

better way for patients and therapists to stay engaged

Creating a mobile app that bridges the gap
between patients and therapists
iPhone mockup

Context

Physio App was designed to address the disconnect between patients and therapists during recovery, providing a digital solution to monitor progress and improve communication. The app offers real-time guidance, exercise reminders, and progress tracking to ensure patients perform recovery exercises correctly and consistently, reducing the risk of setbacks.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Role
UX Designer
Product
Mobile App
What I did
UX/UI design
Design Validation
UX Research
Surveys/Interviews
Usability Tests

The Problem

Patients often struggle to maintain consistent progress in their recovery due to unclear instructions and a lack of communication with their therapists. Therapists, in turn, find it difficult to track patient adherence between appointments.
Proposed Solution — Physio is a mobile app that bridges this gap, offering continuous engagement and real-time recovery guidance, improving outcomes for patients from young athletes to the elderly.

How might we
Create a resource that enables patients to continue their recovery therapy at home, track their progress, view results, and gain a clearer understanding of their instructions?

My Process

Empathize

Focus on understanding the users' needs through research, interviews, and analysis.

Define

Clarify the problem with tools like personas, journey maps, and empathy maps

Ideate

Generate creative solutions through brainstorming and user flows.

Design

Develop concepts into wireframes, visual designs, and prototypes.

Test

Evaluate solutions through usability testing and gather feedback for improvement.

User Personas

Patients and physical therapists struggle to stay connected between appointments, relying on outdated printouts and lacking real-time support. This communication gap delays recovery and hinders progress across various patient groups.

Bio

John is an IT Specialist who recently injured himself in a rec soccer league. John meets with his PT once a week and is given instructions on what else he should be doing at home as well. As an active recreational sports enthusiast, his job occasionally requires him to do on-site evaluations of clients' setups, and is currently unable to perform that part of his job.

Goals

John wants to be able to successfully execute at-home exercises with correct count, form, and confidence. He wants to complete his rehab and get back to work and an active lifestyle outside of his job as soon as possible.

Personality Traits

Organized
Intelligent
Outgoing
Technical

Pain Points

• No feedback on whether or not using the proper form

• Unsure number of sets/reps should ideally be doing

Bio

Anne is a history teacher enjoying her free time outside of work with activities such as golf, adult volleyball leagues, and more. She recently injured her shoulder and is unable to join her partner in their weekly golf league. Until her rehab is complete she’s been instructed by her doctor to hold off on golfing and any other sport outings.

Goals

Anne wants to get healed so she can get back out on the golf course with her friends. She wants to make sure she’s healed but doesn’t want to rush into another injury.

Personality Traits

Talkative
Optimistic
Friendly
Empathetic

Pain Points

• Often forgets instructions from PT

• Often forgets to remember to complete her exercises

Wireframes

Designed for an intuitive user journey, balancing education, interaction, and community. Early prototypes refined user flows and a visually engaging, easy-to-navigate interface
Early Sketch Iterations
Lo-Fidelity Wireframe
Lo-Fidelity Wireframe after Usability Test Interview
High Fidelity Wireframe
Homepage Design Progression

Brand Identity

The brand identity not only enhanced the overall user experience but also distinguished the Physio mobile app as a trusted partner in personal wellness, making it more relatable and visually engaging without sacrificing its innovative edge in physical therapy solutions.

Design System

I created a design system for the PhysioApp to ensure a cohesive and consistent user experience while streamlining design and development processes. By establishing reusable components and clear guidelines, the system promotes efficiency and scalability as the app grows. It incorporates user feedback from usability testing to enhance satisfaction and engagement, while fostering collaboration between designers and developers. Ultimately, the design system serves as a flexible framework that adapts to evolving user needs and design trends, ensuring the app remains user-focused and high-quality. This consistent design system ensures that users can easily navigate the app with familiar visual cues, reducing cognitive load and improving user retention.
45%
Improvement in streamlining the design process.

Design System Features

Empowering user engagement through thoughtful design.

Color Palette Consistency

The consistent use of primary blue and complementary colors reinforces trust and reliability, enhancing user experience across all platforms.

Typography for Readability

Utilizing a clear sans-serif font with a structured hierarchy improves readability, allowing users to engage with content effortlessly.
iPhone mockup

Iconography & Visual Cues

Simple, recognizable icons guide users through the app, ensuring that even non-tech-savvy individuals can easily access key features.

Spacing & Layout Consistency

A uniform spacing and grid system cultivates a balanced layout, reducing cognitive load and allowing users to complete tasks confidently.

Final Outcome

Though Physio App is a conceptual project, the design is estimated to improve patient engagement by 45% through an intuitive, user-friendly interface, streamlining communication and adherence to recovery exercises. These improvements could reduce therapist workload and enhance overall care management.