Back to All Projects

WellNexus

A user-centered healthcare app designed for convenience and peace of mind.

WellNexus App Mockups

The Problem

Managing healthcare is a surprisingly fragmented and stressful experience. The current digital ecosystem forces patients and caregivers to navigate a maze of disconnected tools, creating inefficiency and the risk of dangerous medical errors.

Fragmented System

Juggling multiple apps, paper records, and clinic portals with no single source of truth.

Chronic Inefficiency

Endless phone calls, long waits, and administrative hurdles waste valuable time.

Risk of Errors

Poorly tracked information increases the chance of missed appointments and gaps in care.

The Solution

Our goal was to design a mobile-first, all-in-one platform that empowers users by centralizing every aspect of their healthcare journey into one intuitive, secure hub.

Unified Dashboard

Bring appointments, messages, and records into one place.

Effortless Booking

Find, book, and manage appointments in seconds.

Simplified Pharmacy

Order refills and manage prescriptions with a single tap.

Secure Access

Provide peace of mind with centralized, secure health data.

My Contributions

User Research

Conducted interviews and competitive analysis.

Persona Development

Synthesized research into actionable user personas.

UI/UX Design

Created wireframes, mockups, and prototypes.

Visual Identity

Established the app's design system and branding.

Timeline

2 Week Sprint

Tools

Figma, Miro, Notion

Chapter 1: Understanding the User

To solve the right problem, we first needed to deeply understand the people we were designing for. This began with analyzing the competitive landscape to find our unique value proposition.

Competitive Analysis

Feature Zocdoc MyChart GoodRx WellNexus
Appointment Booking
Medical Records Access
Prescription Management
Integrated Telehealth
Symptom Tracker

Key Takeaways

The analysis reveals a significant market gap. Existing solutions are highly specialized, forcing users to switch between different apps for booking, viewing records, and managing prescriptions. This fragmentation is the primary pain point our users face. WellNexus's core opportunity is to become the **first truly integrated platform**, unifying these essential features into a single, seamless experience.

User Personas

Persona Photo of Priya, a professional Indian woman

Priya, The Caregiver

34, Software Developer

Balancing a demanding career while managing her aging mother's complex health needs.

Track all mom's appointments
Manage prescription schedules

Wasting hours on phone calls
Fear of forgetting critical details

"I'm terrified I'll mix up a detail in my mom's care."

Persona Photo of Alex

Alex, The Patient

28, Freelancer

Recently diagnosed with a chronic condition and feels overwhelmed by the disjointed health system.

Track symptoms & vitals
Easily access lab results

Medical data is scattered
Feeling out of control of his health

"I want to be proactive, but my health data is everywhere."

Persona Photo of Robert, an older man

Robert, The Parent

68, Retired

Values his independence but is intimidated by complex technology and relies on his daughter.

Know appointment dates
Get simple medication reminders

Confused by complex apps
Hates feeling like a burden

"I just want a simple way to see my next check-up."

Chapter 2: Designing for Real-World Scenarios

Our research allowed us to define key user stories. These guided the design of our core features to ensure we solved tangible, real-world problems.

Booking a Specialist

Persona: Priya, The Caregiver

Priya needs to book a follow-up appointment for her father during her lunch break. She uses the app to instantly filter specialists, view their availability, and book a time slot, receiving immediate confirmation.

Refilling a Prescription

Persona: Alex, The Patient

Alex receives an in-app reminder that his medication is running low. Instead of calling the pharmacy, he opens WellNexus, navigates to his prescriptions, and requests a refill for delivery with a single tap.

Accessing Test Results

Persona: Alex, The Patient

Two days after a blood test, Alex gets a notification that his results are available. He opens the app to see the numbers and read a simplified, jargon-free explanation of what his results mean for his condition.

Chapter 3: Building the Blueprint

To create an intuitive foundation, we mapped out the entire application's structure. This Information Architecture (IA) was essential for a scalable navigation system.

  • Splash Screen
    • Login
    • Sign Up
    • Forget Password
  • Home
    • Search
      • Specialist
      • Doctor Category
      • Available Doctor
    • Doctors
      • All Doctors
      • Profile
      • Book Appointment
        • Select Time & Date
          • Payment
    • Messages
      • In-app messages
    • Pharmacy
      • Buy now
      • Add to cart
      • Checkout
        • Payment
          • Track order
    • Calendar
      • Appointment Dates
        • Cancel
        • Reschedule
    • Profile
      • My Saved
      • Appointment
      • Payment Methods
      • FAQ
      • Log Out

Chapter 3.5: User Flows

To map the complete application experience, we visualized the primary user flows for each core feature. A key design goal was to minimize complexity, ensuring most critical tasks could be completed in an average of 5-6 steps. This ensures every journey is logical, intuitive, and efficient.

Dashboard
Search Doctor
Select Doctor
Choose Timeslot
Confirm & Pay
Success

Chapter 4: Visual Design & Style Guide

The visual design of WellNexus aims to be clean, accessible, and trustworthy. We chose a clear design system to ensure a calming and easy-to-navigate user experience.

Typography

The Inter typeface was chosen for its exceptional legibility on digital screens. Its neutral yet friendly character makes it perfect for a healthcare application, ensuring clarity from large headings to small labels.

Heading 1

Find your desire healt solution

Heading 2

Top Doctor

Body Text

Dr. Marcus Horiz

Color Palette

The palette is built on a foundation of clean white and cool grays to feel modern and trustworthy. A deep, authoritative navy blue is used as the primary accent for buttons and calls to action, creating a sense of professionalism and security.

#221479
#FFFFFF
#101623
#717784
#A1A8B0

Iconography

A set of minimalist, line-based icons was used for immediate recognition and to maintain a clean, uncluttered interface across the application.

Chapter 5: The Final Product

The culmination of our research and design process is a high-fidelity Figma deliverable, available as both an interactive prototype and a view of all screens.

And that's a wrap!

Thank you for exploring this case study. Think we could create the next big thing together? My inbox is always open for conspiracies and collaborations.