Skip to content
Case Studies

Wellview Health

WellTrack wellness app

Turning a desktop-only, widget-based health portal into a mobile-first web and native app — designed and front-end coded by me. Interactions per user more than doubled.

UX/UI Engineer — research, design, front-end development · 2020–2022

  • UX research
  • Prototyping
  • Design systems
  • Front-end development
  • Native app support
interactions per user
2×+
to restyle the full web app
3 weeks

Offered as a premium health benefit to clients' employees, WellTrack is a data-rich app that encourages holistic wellness. Some names and logos are changed under NDA.

The problem

Users of the original portal were greeted with 'This application works best on desktop or tablet.' More than half of online activity was already on mobile. A generic, purchased theme presented rich health data as dull, text-heavy pages, which got in the way of clients, sales staff, and growth.

What it needed to do

  • Appointment creation, cancellation, suggestions, and reminders
  • Live video appointments (Twilio SDK)
  • Health data aggregation via API, manual entry, and proprietary algorithms
  • Real-time data visualization
  • Chat with notifications, and two-factor login

Process

Vision-casting with stakeholders, a review of user feedback, and a portal audit led to personas and a planning document. Low-fidelity wireframes were checked with developers for feasibility, then became a high-fidelity prototype tested one-on-one with users.

Design and code

I built the front end myself and restyled the web app in three weeks. I then wrote a CSS-rich design system to support a contract Xamarin developer turning it into a native app.

Results

Stakeholders and their clients met the new apps with renewed excitement, and interactions per user more than doubled.

Personas

  • Kevin

    • Highly Introverted
    • Studious
    • Cautious

    Opportunities to engage

    Kevin is most likely to engage when:

    • It is demonstrably simple
    • Prompted via email vs. text or notification
    • The effort to begin is very low

    Barriers to adoption

    • Kevin is resistant to big changes to his routine
    • Kevin sees doctors on a regular basis, and feels that is enough
    • Kevin will only adopt new technology if he sees it as both beneficial and painless
  • Sarah

    • Extrovert
    • Adaptable
    • Technology Evangelist

    Opportunities to engage

    Sarah is most likely to engage when:

    • An application offers something new
    • The interface is responsive and well-designed
    • An unmet need is addressed with new technology

    Barriers to adoption

    • Sarah interacts with the fastest, most stable, and most popular websites online routinely; this can cause any slowness or old-fashioned design to seem irrelevant to her
    • Sarah’s life is so busy, she may not have dealt with weight management, heart disease, or other chronic conditions frequently motivating a more health-conscious life
    • If Sarah has begun a health-maintenance routine, she will be resistant to alter it without a clear benefit
  • Rod

    • Introvert
    • Hard-working
    • Great Imagination

    Opportunities to engage

    Rod is most likely to engage when:

    • He feels genuinely seen and heard
    • Progress is displayed graphically
    • There is a gamified element
    • Reminded

    Barriers to adoption

    • Rod manages things mentally; he can frequently forget
    • Rod is resistant to “add things to his plate”
    • Rod keeps his work and home life separate; if he doesn’t feel something is personally gratifying, he’s less likely to do it on his own time
  • Samantha

    • Extrovert > Introvert
    • Thoughtful
    • Productive

    Opportunities to engage

    Samantha is most likely to engage when:

    • She feels an aspect of her life will become simpler
    • She has seen how participation improved others’ lives
    • Her family will benefit
    • A tool offers simple reminders or integrates well into her other tools

    Barriers to adoption

    • Samantha must trust a provider of a service before participating
    • Samantha is resistant to anything adding redundancy to her day
    • Samantha must be able to access her apps on whatever device she has convenient
    • Using an app must be simpler than making a phone call
  • Chris

    • Highly Extroverted
    • Planner
    • Decisive

    Opportunities to engage

    Chris is most likely to engage when:

    • He sees care in a product, interaction, or individual
    • A key exclusive benefit is available
    • He sees a path toward excellence
    • His participation encourages others

    Barriers to adoption

    • Chris expects technology to be clean and modern, and will judge a cluttered interface as antiquated
    • Any app in Chris’s day must be the best solution for the problem it addresses
    • Chris likely already has a wellness plan in place
    • Chris is prone to stop activities if he doesn’t immediately understand their benefit
  • Candice

    • Extrovert > Introvert
    • Patient
    • Meticulous

    Opportunities to engage

    Candice is most likely to engage when:

    • She feels a process is properly “buttoned up”
    • She is initially offered access
    • It is suggested by a friend or colleague

    Barriers to adoption

    • Candice doesn’t respect incomplete or subpar execution
    • Candice can be very particular about the details
    • Candice can sometimes have difficulty adopting if she doesn’t understand the underlying details

1 / 15: Launch screen with the WellTrack wordmark on navy.