bacteria.png

Kid's Voice

Tools

Adobe Premiere

Photoshop

Wix

Project Duration

3 months | Dec 2020-Mar 2021

Theme

Ideation

User Research

Web Design

PSDnonB_Feb274 copy.png
virus (1).png
virus (1).png

PROJECT OVERVIEW

This website is about children expressing their feeling and thinking about

Covid-19 through drawing to let people understand. The post

was collected from children staying home to live and study due to Covid-19.

 
virus.png
 

PROBLEMS

At least 32.5 million students across the U.S. are at home and have had 

their educations interrupted by the Covid-19 outbreaks. We spend more

time with our family, and the relationship between people is also

changing. We spend more time with our family, and the relationship

between people is also changing.

 

GOALS

Children using the way of drawing to record this incredible periond! Letting more people know children’s voice about Covid-19.

 

THE PROCESS

I took the design thinking process into the consideration, and every step I made during the work is a part of this.

Group 163.png
 

TARGET AUDIENCE

The student they participated
Student’ parents
A person who care about Covid-19
 

USER PERSONA

Group 164.png
Group 165.png
bacteria.png

INFORMATION
ARCHETECTURE

 

Card Sorting–What does a desirable
Information Architecture look like?

Based on the personal traits of personas, I came up with a card sorting exercise to further understand desirable information architecture.

virus (1).png

HOME

WHY WE DO THIS

HOW TO
VOTE

ABOUT
US

Group 168.png

MOODBOARD

 
Group 169.png

FUNDATIONS

 

Color Palette

Group 170.png

Typography

Screen Shot 2021-11-19 at 11.33.52 PM.png
Screen Shot 2021-11-19 at 11.35.56 PM.png

Poppins

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Screen Shot 2021-11-19 at 11.43.41 PM.png

Baskerville

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Screen Shot 2021-11-19 at 11.50.53 PM.png

USER FLOW

 
Group 171.png

MICROSITE

 
Desktop - 1.png
Desktop - 2.png
Desktop - 9.png
Desktop - 8.png
Desktop - 3.png
Desktop - 4.png
Desktop - 5.png
Desktop - 6.png
virus (1).png
Desktop - 7.png
virus.png

FINAL DESIGN

 
PSDnonB_Feb271 copy.png
PSDnonB_Feb262 copy.png
Screen Shot 2021-11-21 at 10.05.37 PM.png
 

DEVELOPMENT

Define the needs

Using the way of drawing to record this incredible period, and let more people to know children’s thinking and feeling.

Define our target audiences

Students who participated in this event, students parents and

a person who cares about Covid-19

Define the content

Why we do this
Children’s Artworks
What We Want to Say
How to Vote
About Us

Demonstration

Using Wix to develop website layout and to consider the typeface

WHAT I LEARNED

 
Design:

The audiences are the most important people that I should keep in my mind all the design process.

User Interviews helped me to understand users' needs better and enabled me inspired many design 

insights. Generally, before starting any projects, I need to research to explore my ideas and provide

different designs for customers to discuss.

Development:

Structured design and componentized UI can save development time and help developers to improve efficiency. Consistency is the most important part of each page’s design, using the same typefaces,

colors, or elements. The choice of typefaces and colors selected several typefaces to combine them.