top of page
Brief
Style Guide-03.png
BRIEF

Vcare

Vcare is a health service app designed as a possible solution for the future medical experience. 

Vcare compiles concerned information regarding covid-19 for users to look up at their fingertip. The covered information about Covid-19 includes descriptive information, news, case updates, and influences in each region. 

 

With the risk of being infected with covid-19 currently, Vcare provides elementary medical support digitally. Users can search for a specific illness and receive necessary information including, symptoms, medicine recommendations, and preventive measures. 

Vcare dedicates to serve as an accessible health service application while helping users to maintain positive mental states. 

Role

UIUX Designer
Independent project 

Toolkits

Adobe XD, Illustrator, Photoshop, Sketch

Time

January - March 2019

USER FLOW

research-14.png
User Flow
Content
CONTEXT
frontiers-immunology-herpes-ms-risk.jpg

Covid-19 is a newly emerging pandemic that is unknown and intimidating.

Newspapers

Information regarding Covid-19 is everywhere. More than eight platforms are wildly known, while none is comprehensive enough for users to stick on. People need to go on multiple platforms to get all information they want. 

BFDBD927-D75B-4E00-A695C85A07F38525_sour

The majority of people find the information they found online overwhelming. It is essential for the public to maintain good mental health conditions while combating covid-19. 

Clinic

The easily transmittable nature of Covid-19 warns us to stay cautious when visiting crowded places. Get elementary health recommendations at home will protect us from infected with underlying viruses at hospitals.

Style Guide-02.png
RESEARCH / INTERVIEW
User Research
research-01.png
research-11.png
DESIGN KEY POINTS

Help users to learn about all necessary information about Covid-19 in a more accessible way.

Create a fluent and relaxing experience for users who are anxious about this pandemic.

Provide accessible and convenient medical experiences for users to use even after Covid-19.

Persona
PERSONA
research-02.png
New_Persona-03.png
User Journey Map
USER JOURNEY MAP
research-05.png
Site Map
SITE MAP
research-06.png
PAPER PROTOTYPE
Paper Protype
1161622254575_.pic_hd.jpg
1161622254575_.pic_hd.jpg
VISUAL LANGUAGE
Design Direction
hospital.png
intravenous-saline-drip.png
cough.png
Space
Clinic, hospital, nurse office, pharmacy, health center, doctor office, ward, operating room, CT room, Anesthesia room
Object
Ill, drip, virus, face mask, gloves, vitamin, needle, gauze, x ray, googles, protection suit
 
Action
 Washing hand, sneeze, cough, feel cold, heating, difficulty breathing, weakness of limbs, sleepy, isolated, Take Pill
ICON SET
Style Guide-Final-02.jpg
DESIGN PRINCIPLES
CasesTracking_1.jpg
Round and flat illustration
Round objects create friendly and
familiar feelings.
Coronavirus – 1.jpg
Simple color palette, two complementary
Two contrasting colors create focusing points, hierarchy, and simple and clean design.
CasesTracking_1.jpg
Negative space on each page
One main component on each page creates focus point. Negative space creates clarity.
STYLE GUIDE
Style Guide
Style Guide [Recovered]-03.png
WIREFRAME
Wirframes
research-10.png
Check Covid-19 Cases
Positive.jpg
Coronavirus – 1.jpg
CasesTracking_1.jpg
Search  Specific Disease
Take Diagnosis Test
Home_2.jpg
Search_1.jpg
DiagnosisTest_1 – 2.jpg
DiagnosisTest_3 – 6.jpg
Find Nearby Hospitals 
DiagnosisTest_3 – 5.jpg
DiagnosisTest_3 – 1.jpg

Home

bottom of page