SickFix logo

Medical Supplies. Before you need them.

SickFix home screen on laptop and mobile View Prototype

Role

  • Research
  • Branding
  • Visual Design
  • Prototyping

Deliverables

  • User surveys
  • Competitive analyses
  • User personas
  • User Stories + Flows
  • Wireframes
  • Hi-fi Mockups
  • User Testing
  • Final Prototype

Tools

  • Sketch
  • Figma
  • Invision
  • Adobe Illustrator
  • Adobe Photoshop
  • UsabilityHub
  • Google Forms

Timeline

  • 2.5 months

Overview

The Problem

There are no subscription boxes for medical supplies. Health and wellness subscription boxes currently on the market are more inspirational than functional. That is, they send products you don't need or use, and many subscription boxes don't allow you to choose your shipment frequency.

The Solution

SickFix is a subscription box for medical supplies where you can choose the supplies you need when you need them.

SickFix mobile screens

Discovery

User Research

It's about the user.

I surveyed around 40 people to gauge their interests in a subscription box for medical supplies and learn more about their experiences with subscription box services.

Survey Goals: Subscription Boxes

Survey Results

Current Subscribers:

62% subscribe to a box because of convenience

Previous Subscribers:

56% no longer subscribe to a box because they did not receive useful items

Never Subscribed:

67% haven't subscribed because there are no boxes tailored to needs

Top Features

  • Choose shipment frequency
  • Choose items and have some surprises
  • Pause subscription
  • Ideal price point: $26 - $49

Current Frustrations

  • Can't choose shipment frequency
  • Don't have products that are needed
  • Inconsistent design of sites/apps

In-depth interviews:

Box talk.

Interviewing several survey respondents on their subscription box habits led to more insights about how to design a successful medical supply subscription box. I learned there are several important features to include:

  1. Select items you want/need
  2. Have surprises thrown in
  3. Choose shipment frequency
  4. Offering a wide variety of products

Competitive Analysis

Sizing up the competition.

I performed competitive and SWOT analyses on 3 health and wellness subscription boxes: Hers, Baze, and TheraBox, and informally evaluated a dozen others. I learned that opportunities exist to create a medical supply subscription box.

View Full Results

User Personas

Many people. Common motivations.

Using survey results, in-depth interviews, and competitive analyses, I generated 2 personas:

  1. The User of the Products
  2. The Caregiver
Lina. The Caregiver

Lina

The Caregiver | 51 years old

Motivations:

I work full-time and care for my aging mother. I'm familiar with subscription boxes, having subscribed to several health and wellness boxes in the past. I want to be able to choose products for myself and my mother, get recommendations, and have surprises thrown in.

Frustrations:

I found that the boxes I subscribed to didn't have items I used, nor did they get sent on a schedule that I preferred.

Marti. The Patient

Marti

The User | 43 years old

Motivations:

I work remotely as a software engineer. I suffer from several minor health issues. Ordering health-related products from one convenient, inexpensive place without having to leave my home would be ideal.

Frustrations:

There isn't a specific service tailored to my needs. The subscription boxes available often don't have products I want, ship too frequently, and have confusing sign up processes.

User Stories

Less is more.

After researching subscription boxes and creating a lengthy list of user tasks, I prioritized these tasks to create a Minimum Lovable Product.

High Priority Items - New User

High Priority Items - Returning User


Information Architecture

User Flows

Going with the flow.

From the highest priority user stories, I sketched flows for the following tasks:

Product Selection Flow View User Flows

Wireframes

Showing the vision.

Wireframe sketches

Round 1: User Testing

I performed 2 user tests on my paper sketches and quickly learned of several pain points. Below you will see how my paper sketches were transformed into wireframes.

View Tasks

Results Summary:

  1. Expectation for Product Selection screen is a 2-column layout (similar to other e-commerce sites)
  2. Users noticed no way to proceed forward or see what you have already chosen for your box, so I added shopping cart and finalize box buttons
  3. Expectation for Review Your Box screen is a list-like layout (similar to other e-commerce sites)
User testing results

Wireframes

Landing Page Add content
Sign Up Ask a question Ask a question
Dashboard Dashboard
New Note New Note


Visual Design

Branding

Simple, classically modern.

Moodboard inspiration for app

SickFix is classically modern. It combines traditional elements (i.e. blue color, serif style font) with modern elements (i.e. powder green, modern serif and sans serif fonts, playful product name). The target audience should quickly identify what the brand is all about and what the product is.

Word cloud to SickFix.

Logo sketches

You can see visually see my journey from word cloud to the final logo.

Final SickFix logo

I explored a variety of potential names but quickly settled on SickFix. It is playful, yet identifiable in terms of the product and service being offered.

Color Palette

Blue and green should be seen.

Primary Colors

#29429E

#D6F2F0

Secondary Colors

#363A3C

Blue is a commonly used color, particularly in medical-related brands. Blue is non-threatening and traditional, and gives feelings of peace and security. I coupled blue with a modern, pastel green color. Accessibility is key, so it is important that the green and blue well with each other for readability.

Typography

It's my type.

Fonts used in the app

Maitree is used for the logo, only. It has the right font weights needed to emphasize the 'Fix' in SickFix. Source Serif Pro is used for headers. It was designed for the digital environment and is readable and modern. Open Sans is used for all other text on site and app. It is modern, clean, and easy to read.

View Style Guide

Prototype

Preference Testing

Which do you prefer?

Button Color

Dark blue button color on landing page Lighter blue button color on landing page

Over 71% of users preferred the Option A. Keeping the logo, headers, and buttons one, consistent color blue is ideal.

Product Display (Homepage)

Products displayed in a 2-column layout Products displayed in a carousel

76% of users chose Option A. Users preferred a 2-column layout for displaying products as opposed to the carousel layout.

Bottom Navigation Bar Color (In-App)

Dashboard with no tabs Dashboard with tabs

53% of users chose Option B, green color. Since the results for this test are not statistically significant, additional research is needed.

Hi-Fi Mockups

The app comes to life.

Hi-fi mockup screens

Round 2: User Testing

Round 2 user testing contained 11 tasks.

View Tasks

Results Summary:

  1. On checkout screen, total cost was not specified on previous iterations
  2. To eliminate onboarding fatigue, have account creation occur in a follow-up email rather than creating an account as part of the onboarding flow
  3. Sign Out as a returning user was not present on previous iterations
  4. Selecting (and changing) your shipment frequency as a new and returning user contained too many clicks to complete the task. I simplified this by putting options in a list
  5. When using the Contact Us link, there was no indication that the message was sent. This can be frustrating to users not knowing if their message was sent, so I added a confirmation message
User testing round 2 View Prototype

Conclusion & Lessons

I took on the challenge of creating a subscription box with e-commerce flare. SickFix is a medical supply subscription box where you choose the products you need when you need them. The project could have taken many directions, but through in-depth research, I learned that the ability to choose items you want (with some surprises thrown in!) and select how often you want to receive a box were critical features to be included. The challenges came in the information architecture phase where I had to balance product selection and selection of shipment frequency with other common, e-commerce onboarding tasks like account creation and checkout.

I ultimately chose to remove account creation from onboarding. Users enter their email address on checkout page and are invited to create an account via their confirmation email. While I risk losing some users who may never subscribe again and create an account, I have created a more pleasant, less tedious onboarding experience. As I continue to refine SickFix, I want to further stress test and refine the onboarding process to make it even simpler. I also want to build in general health-related questions so that SickFix can “learn” user preferences and offer product recommendations.

Get in Touch