Routinely is a medical concept app that helps patients to get better medical guidance and support from their dermatologists during every step of their treatment process. 



User Research, Prototyping,
Testing, Visual Design


Figma, Illustrator, Photoshop,
InVision, Miro,


November 2019



Communication between patients and dermatologists have been at a minimum.

Skin health is important, and while not everyone has a skin condition, those that do often have to seek medical advice from dermatologists. Patients get a prescription with instructions, and have monthly checkups thereafter. If complications arise, patients would email or call their dermatologists to schedule a follow-up.  In this interaction, no news is good news, and updates are only monthly. 


Some patients had trouble keeping to their routine, with some eventually dropping their the routine altogether. 


Patients would only contact dermatologists by phone or email, and would only provide updates during their scheduled checkups. 


A medical platform that bridges the communication gap between dermatologists and patients. 

In two weeks, our team designed a medical platform that help patients get medical guidance easier and faster. Patients will have daily reminders and to interactive step-by-step instructions to completing their routines. If they had any questions or concerns, they can simply message their dermatologist and schedule an appointment with ease. 


Designing for a need.
How it started.

Our project requirements were to design an app that solves the needs of a person's day-to-day life. Our group started with the intention to create an app that helps educate the importance of skincare. We defined a proto-persona, and started conducting interviews.



Understanding our target audience. 
User interviews

We conducted two rounds of interviews to get a better understanding of our target population and their needs. After the first round of interviews, we found key insight that ultimately shifted our focus from an educational app to a medical app. 

A shift in focus

Amongst the first round of interviews, we discovered that 4 of 7 interviewees have skincare routines due to present or past experiences with a skin condition, and have since taken better care of their skin health.


We sent out a survey and received 33 responses. The goal was to understand our users' perception on skin health/skin products and how it correlates to any of their experiences and daily habits. 


I mainly struggled keep a consistent routine when I was taking Acutane. It would have been helpful if I had daily reminders from my dermatologists, but I think that would have been too much work for them. 

— Steven
Dermatology Patient

Affinity Diagram

The data collected from user interviews and surveys allowed us to understand the goals and pain points of our targeted audience. With these key insights, we created our user persona.



Defining our objectives.
User persona

With the key insights gathered from the affinity diagram, we created a user persona that we aimed to design for. 

Competitive Analysis

We analyzed a few prominent companies that were already in the medical, dermatology and cosmetic space that already exists.  We wanted to build a solid foundation for Routinely to have a competitive advantage.

We found that  both MDacne and Curology's platform many features Routinely looked to solve for, except their features were completely locked behind a paywall and users were pushed to purchase their acne treatment plan. Both platforms had the ability to talk with dermatologists or personal physicians, but only through a chat messaging system. 

We also looked into One Medical's features as a promising model; Routinely can be a direct online platform for dermatologists and patients, and wouldn't be limited to promoting certain brands and had the ability to book office visits. 



Identifying and exploring creative solutions.
Feature prioritization

We analyzed all data gathered from interviews, surveying and competitive analysis and plotted a list of possible features on feature prioritization diagram with a Priority & Impact matrix.  This would help us prioritize the cruicial features and secondary features down the product map, with the most important features highlighted in green.

User flow

As a team, we took the main functions that had highest impact and  priority as a starting point to build out the app. We focused on three key functionalities: input a new routine, complete a routine, and start a chat with their dermatologist.



Developing the wireframes.
Lo-fi prototypes

We started with rough sketches and conducted early usability tests to ensure the features were functioning as intended. Messaging was well-received, but users wanted to see more functionality. In testing routine creation, users became disinterested because the process was too complex, but were able to follow the instructions once the routine has been initiated. So, we decided to simplify the routine creation process and allow for pre-approved routines by dermatologists with codes that patients can input into the system. 

Mid-fi prototypes

We took the lo-fi concepts that worked and developed mid-fi prototypes. 



Designing the app experience.

We took inspiration from natural herbs, as many skin formulas contained a lot of herbal ingredients. As a medical platform that focuses on dermatology, we wanted a brand to reflect good skin health, so we used green as a primary color for our the visual design. 

High fidelity prototype

The final prototypes showcases the concepts of setting the routine, routine instructions, and messaging feature. 



The road ahead.
Explore the dermatologist's user experience

Our next step is to understand the dermatologist's experience. We want to eventually develop a backend platform that connects the patient's data for the dermatologist.

Native calendar and scheduling system

Going forward, we'd like to explore features and functionalities behind a calendar and scheduling system that can integrate with booking appointments. 


What I learned from this project.

While this project only lasted two weeks, this is only the tip of the iceberg. Although we initially started off with the concept of skincare education for all, we learned to follow the data and let key insights guide us something different than what we initially intended. Along the way, we had learned to be open-minded and flexible.


Interested in collaborating?