Project Overview
Redesign the Morcare app for a better user experience while trying to apply the latest AI technology to assist the design.
Research and Plane
Clarify project goals
Use the original app and find out the problems
Finding competitors and analyzing them
Map the user flow
Plan timeline and timesheets
User Research
Analysis of user personas
Conduct user surveys and interviews
Summarise the needs and pain points of users
Create the user journey map
Ideation
Analyze key problems and brainstorm solutions
Create style tile
Design low fid wireframes
Conduct user testing
Final Design
Design high-fid prototypes
Reflection
Technology Used
Personas 1
Personas 2
User Journey Map
User flow for main process
User Survey
Q1:
What are the main purpose of your visit to Morcare?
Q2:
Do you have any problem or obstacles in using it？
Problem Analysis
1，Hard to find the hospital and clinic by some preference, like distance.
2，It’s hard to check some of the insurance coverage, densely worded.
3，Problem with information layout and information hierarchy
Getting a student card is one of the main purposes of students visiting the site, the path is hidden deep and hard to find them.
4, Students can only get
the student insurance
card by taking a screenshot, there si no way to download, sent to email, etc.
1, Student insurance card
Through the user research found that the insurance card is the user to visit the site to use the highest frequency of an operation, so it is placed on the home page of the most conspicuous position.
The interface is presented differently when the user has not added a student card (new user) and when the user has added a student card (not new user). The new user interface displays a welcome title to increase user-friendliness, and the card displays a “+” icon for “add card”.
2, Recent Claims and Books
These two tasks are substitutes, so they have been placed in a secondary location below the insurance card to make it easier for users to access these tasks.
3, Quick Actions
Here users can access key features such as viewing insurance coverage or finding insured hospitals on a map
1, Student Card Details
This contains detailed information about the student's insurance card, such as whether the card is active and the expiration date, which can be easily accessed by the student as well as by healthcare providers such as clinics and hospitals.
2，Barcode
Barcode aspect of swiping a card at a clinic or hospital to recognize student id information.
3, Download or Send to email
Website users only save their student insurance cards in the form of screenshots. The commonly used save file to cell phone and send to email functions have been added here so that students can send emails not only to their own email address, but also to a clinic or hospital email address.
On boarding Page
Coverage page
1，Insurance Coverage Categorized Tags
Through user research, competitor analysis, the tagged information was rationalized and categorized. Users can quickly switch to a certain label by clicking on the label. It can also be viewed one by one by sliding the screen.
2，Coverage Information
Optimize specific coerage information by making the text as concise as possible through user research, competitive analysis, and the assistance of AI-based documentation software.
Provider Map
On provider map section，by optimized to make it easier for users to find medical providers. It allows for a more refined screening of healthcare providers, based on methods such as distance or rating, as well as hours of operation at the time.
1，Fast way to find the provider
User can find the provider by text the name in search bar to find them directly.
2, Amount of provider
The user knows exactly how many providers are available.
3, Sort by
Users can choose when to arrange the information, for example, by distance or rating.
4，Distance
Users can see how far away the provider is from them,
