Pain Rebels: Mobile App UI

UI & UX

Brand Design

A mockup showing the top half of of the Pain Rebels mobile login page on a smartphone.
Background

Pain Rebels is a startup founded in 2024, focused on developing an app to teach users skills for managing chronic pain.


Problem

The app required an intuitive, visually consistent interface to guide users through key skills for pain management.


Process
  • Used the identity system to design core screens, then carried these visual elements across additional pages for consistency.

  • Organized interface and content to guide users through key actions on each screen.

  • Clean lines, intentional spacing, and color were used to establish clear visual hierarchy and intuitive navigation.

  • Careful attention was given to color contrast and font sizing to ensure accessibility and readability.


Results

App UI designs provided the foundation for a functional prototype.


Two mobile app screens showing the 'Welcome to Pain Rebels' login page and the 'Sign Up' registration form, using a clean green and white interface.Two mobile app screens showing a 'Daily Pain Rating' slider and a 'Pain Over Time' area chart used for tracking user symptoms.

Dashboard (before & after scroll)

Two mobile app screens displaying the 'Welcome' lesson page and a 'My Skills' tracker.Two mobile app screens showing the main sidebar navigation menu and a user profile page with a placeholder for a profile picture.Two mobile app screens showing the app 'Settings' menu with toggle switches and an informational skill page about muscle release.
Background

Pain Rebels is a startup founded in 2024, focused on developing an app to teach users skills for managing chronic pain.


Problem

The app required an intuitive, visually consistent interface to guide users through key skills for pain management.


Process
  • Used the identity system to design core screens, then carried these visual elements across additional pages for consistency.

  • Organized interface and content to guide users through key actions on each screen.

  • Clean lines, intentional spacing, and color were used to establish clear visual hierarchy and intuitive navigation.

  • Careful attention was given to color contrast and font sizing to ensure accessibility and readability.


Results

App UI designs provided the foundation for a functional prototype.


Two mobile app screens showing the 'Welcome to Pain Rebels' login page and the 'Sign Up' registration form, using a clean green and white interface.Two mobile app screens showing a 'Daily Pain Rating' slider and a 'Pain Over Time' area chart used for tracking user symptoms.

Dashboard (before & after scroll)

Two mobile app screens displaying the 'Welcome' lesson page and a 'My Skills' tracker.Two mobile app screens showing the main sidebar navigation menu and a user profile page with a placeholder for a profile picture.Two mobile app screens showing the app 'Settings' menu with toggle switches and an informational skill page about muscle release.

Let's Connect

Let's Connect

Let's Connect

©

2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.