Designing a Wellness App — a UX/UI case study

The Process

Discover

Quantitative & Qualitative User Research

  • Are people aware of their drinking habits?
  • Is there a peer pressure when it comes to alcohol consumption?
  • Do users have a problem saying “no”?
  • What reasons do users have to drink less or stop drinking?
  • What effect does alcohol have on people’s lives in general?

Competitive Market Analysis

Feature Comparison Matrix

The main findings:

Define

How Might We motivate and facilitate people to take control of their social drinking habits, by helping them beat peer pressure and social expectations.

Affinity Diagram

Problem & Hypothesis Statements

User Persona

Storyboard by Corinna

Develop — Solving the Problem

Brainstorming & Voting on Miro
Moscow Feature Prioritization Method
Site Map
The Main and Alternative User Flows

Interaction Design

Lo-fi user flow sketches by all team members
Mid-fi Prototype

“Would be better to see your challenges on the main page because that’s what I want to check first thing”

Problems identified from Mid-fi testing and the solutions

Visual Design

Visual Competitor Analysis

Sober Time Visual Analysis
Drink Control Visual Analysis
I Am Sober Visual Analysis
  • Serious and clean look
  • Big letters, little text
  • Calming colours and visual language
  • Mainly medical/ health related and not emotionally engaging

Brand personality testing - Mood Boards

Brand Personality Testing
The Main moodboard

Hi-Fi Prototype: Testing & Iterating

Desirability Testing — 5 Seconds Test

Floating menu

Micro-interactions

“I was a little confused, where to create the challenge”

The Landing Page

  • CoCap brand statement together with a CTA to download our app.
  • The header includes — about, community and partners sections which directly link to scrollable content below. The user also has an ability to create an account.
  • On the footer the main features and MVPs are listed.
CoCap Landing page

Style Guide

CoCap Style Guide

Next Steps

  • Test our Hi-fi prototype with even younger users who may have more peer pressure than the user age group analyzed.
  • Enable more community related features.
  • After validation of the main features — wearable implementation.

Learnings

--

--

--

UX/UI Designer based in the Netherlands

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

UX Design Case Study — Give A Nod

It’s time to become aware of the power of design

Collectibles and Figurines

Writing is Design

Wicked Problems: Public Hospitals Case Study

Muzli Publication — Weekly Digest

13 Best Drafting Table Philippines 2022 (w/ Free Discount)

The reason your employees are not creative is you!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store