top of page
Headache Hero:
Video Library for Migraine Relief
Migraine App Leveled Up, Expert Videos Boost Treatment
Overview
Migraine sufferers often seek information beyond medication to manage their condition. This case study explores the design of a user-friendly video library within a migraine device companion app. This innovative feature provides on-demand access to curated healthcare professional videos, empowering users with valuable insights for managing their migraines.
The team
The client - a leading company in the migraine treatment app market
UI/UX - Me + a fellow team UX designer
The Need
Limited to Treatment Controls: The migraine treatment device app, initially valuable, lacked the engagement potential the company envisioned. This led to the request to create a user-friendly video library featuring curated healthcare professional content. This solution was made to empower users and foster a more holistic approach to migraine management, as well as increasing retention.
Project Process
To create a user-centric video library, we employed a five-stage design process.
01
04
03
02
05
UX Research
UX Concept
UI Guidelines
Detailed Design
Dev Prep
01. UX Research Conclusions
By researching successful applications that deal with similar challenges, we sought to find how clear organization, intuitive navigation, and trustworthy content are showcased to create an engaging experience that fosters user retention.
Inspiration Research 1
Inspiration Research 2
Inspiration Research 6
Inspiration Research 1
1/6
02. UX Concept
From our UX research, we embarked on a brainstorming session to translate insights into a UX concept.
Whiteboard Brainstorming:
Mapping the User Journey
We delved into the user's emotional journey, identifying themes like self-care, motivation, time and the tension between feeling isolated and seeking community. These themes would inform the core concept of our UX design.
Through our discussions, a core theme emerged: time. The research expressed a desire for flexible content consumption, wanting the ability to access quick video snippets or delve deeper for more in-depth information. This insight formed the foundation for our UX design concept: "Quick Bite vs. Full Course."
Quick Snack
vs.
Full Course
Designed for Flexibility:
"Quick Bite vs. Full Course" in the MVP
The user experience, as showcased in the screens and flowchart, embodies the UX concept. Users have the freedom to jump between screens based on their free time. This non-linear approach caters to those who want a quick video fix or those seeking a more in-depth exploration.
1st messege
Explore
Category
Video Info
Video
Feedback
MVP Flow Chart
Screen
Action
Quick bite vs. Full course demonstrated in the main exploration screen
Hero Video
This prominent placement empowers immediate video access or deeper exploration for details.
Category Tile
Each category gives users quick access to a video or further exploration: video info page/category page.
Evolving for the future: Exploring curated video courses and user achievements
"Quick Bite vs. Full Course" evolves! Future iterations will introduce curated video "courses", and achievements made by the users to increase engagement and retention with the app.
Explore with courses
Course page
.png)
Feedback
03. UI Guidelines
The UI Guidelines were based on 2 major things: the brand's existing app graphic language, including fonts, colors, and shapes and the decision about the formatting of the videos - which were said to be vertical
Crafting a Seamless UI: Balancing User Needs and Brand Identity
Challenge 02: Integrating organic shapes
Solution: Non-interactive areas only.
Challenge 01: Most videos are vertical
Solution: Video thumbs are rectangles or squares
Challenge 03: Integrating seamless migraine treatment controls as a fixed bottom bar, adhering to FDA regulations
Solution: We preserved the existing shapes and colors of the treatment controls while minimizing and rearranging them. This approach helped users maintain a clear understanding of their treatment settings and any changes made.
Thanks for reviewing this project!
Check out the full prototype before you go
bottom of page