top of page


It aims to help users maintain physical and mental health through online and offline medical support. 

It encourages users to visit care offices offline through easy-to-understand navigation services.


Project Overview


To combine two existing apps to create an experience that promotes a new behavior.


Adobe XD, Adobe Photoshop, Adobe Premiere Pro


Sketching, wireframing, UI design, prototyping, video editing, personas, FTUE design

Course & Instructor

Michael Chaonver


7 weeks 
Fall 2020

Problem Statement

The requirements of this project gave me plenty of space to develop in the direction I like. I was eager to design products that can solve the troubles in life, so I selected some applications that deserve improvement from my own experience.

How might we encourage more users to consider offline care practices?

All Videos
Watch Now


Interviews & Personas

At this stage of thinking, I asked ten people who do not go to health care often.

Seven of them have never been to a nearby health center. Through interviews, I found that people are more inclined to repeat operations in the past, including going to the health center they have been to. Once they visit a health center, they would become more likely to visit again in the future.

Those who have never been to a health center or nursing office need to be guided by a safe and easy-to-understand navigation service.


I interviewed five additional people who have experience using One Medical. Combining the ten people I interviewed before, I confirmed three personas. These would be my three types of target users.

The Mash-Up


One Medical

As an application provided by the primary care practice, One Medical provides users online and offline health care through the application. Users can as making an appointment for same-day remote care or going to an offline medical center.

Online care experience is the first choice of many people. However, the fact is that the quality of nearby offline care is more beneficial to patients.


Google Maps

Google Maps is one of the most popular navigation applications. People use it for surrounding search, address storage, and route planning.

The live-view navigation service in Google Maps helps users follow the path planning easily.

It is right the feature Mapdicine needs!


Sketches & Wireframes


Personas had set a clear direction. I focused on two features:

  1. Searching local health offices 

  2. Guiding users to use the live-view navigation to get there 

In the entire experience, I added designs for first-time users such as landing screens, login screens, and first-time authorization requests. It would give users who have never been to a nearby health center more sense of security, making them more willing to start a journey.



During the production phase of wireframes, I mixed and matched screenshots of the two applications. This app retained most of the main functions in One Medical.



Testings & Revisions

I purposefully followed the theme color of One Medical and optimized its visual design with new motions and graphics.

First Version - 1.png
First Version - 2.png

I contacted my classmates and friends to test my prototype and collected some feedback.


Generalized Feedback


  1. The visual style is unified and continuous.

  2. Clearly and effectively guide first-time users.

  3. Features can improve the existing navigation experience


  1. The functional experience story is not complete. It lacks feedback from the app when arriving at the destination

  2. The map effect in the demo is slightly simple

Based on the suggestions I got, I re-modified the visual design of part of the screen.

I added a hint at the end when the user arrives at the destination after navigation.

Final Designs


This project had tempered my basic skills in interaction design. More importantly, it taught me a lesson on hierarchies in the presentation and comprehensive generalizations.

When I initially chose to merge the two applications, I envisioned many other functions based on the original application. However, it is impractical to show all the features in one video demonstration that is time-limited. Not wanting to confuse the audience, I omitted to demonstrate those features on the homepage list other than navigation in the final video. Unfortunately, the decision led to the failure of fully expressing the purpose of using Mapdicine. Although the user’s navigation experience has improved, it has not significantly encouraged users to participate more actively in local medical care. I should have added a rewarding system and further explained how users get rewards through experiencing the navigation. This app will do a better job in problem-solving if I strengthen its rewarding system.

The assignment deliverable requirements limited my thoughts. I paid much more attention to demonstrate the pivotal navigation system. However, I neglected to summarize the purpose of the entire application in the video.

Although I regret this failure, I think it can provide a powerful experience for my future design. Before considering the project submissions, I should first consider making it understood by target users as a complete and valuable product. 

This project will not stay at the stage when I submitted it. In the future, I will take this project forward and further improve its level of perfection.

bottom of page