Tong Wang Portfolio Digital Design

Page 1

PORTFOLIO

TONG WANG www.tonewang.com

DIGITAL DESIGN UX AND UI DESIGN https://www.tonewang.com/ tongwang@tonewang.com

3 VIORIENT Digital Media Design for Learning 31 CHINA FASHION GALA Virtual Event Design 47 PINKKIWI BEAUTY E-Commerce


Digital Media Design

Digital Media Design

VIORIENT Digital Media Design for Learning tonewang.com/viorient tongwang@tonewang.com

Tong Wang tongwang@tonewang.com

2

3


Vi-orient is a digital media supported collaborative learning program that aims

Natalie Wang

CONNECT TO ADVISORS Key Words/ Program/ Degree

Hi Natalie, 我是Hugo.

��

to effectively assist newly-arrived Chinese

ACADEMICS

international students in adjusting to campus life

What’s on your mind?

at New York University. Pre

Next

Live

Photo

Check In

• Send | Aug 9, 2019

Online

��

OLIVER LEI

Hi Hugo, 我是Natalie. 有什么能帮助到你的吗? Natalie Wang

Madison White

BA - Journalism

MA - DMDL

Chinese/ English

Chinese/ English

Connect

Connect

Advisor Application

• Tong Wang | Aug 9, 2019

我有几个关于打包行李 的问题想问问你

Edit Profile 00:12/ 03:00

Hot Posts

Saved Posts

• Send | Aug 9, 2019

1. Activating NYU Email 欢迎,欢迎 Emma Lin

Ben Wu

MA - DMDL

BM | NYU Stern

Chinese/ English

Chinese/ English

Connect

Connect

��

你具体想了解什么呢? 你可以语音我。

��

• Tong Wang | Aug 9, 2019

Activating NYU Home

2. Account

3. Introducing NYU Albert

3min

Relieve Midterm Stress with Brunch, See More

MC NYU Stern

2min My name is Oliver, I’m 18 years old.

Write a message

MESSAGES /CONTACTS

English

Tone Wang 4 Hours ago

Punch, and Chill.

4. Introducing Enrollment Status

CONNECT TO ADVISORS

He/ His/ Him

4min

TUTORIAL VIDEO COURSES

Born and raised in Chen Du.

2min

FORUM

PERSONAL CENTER


U s e r F l ow | V i o r i e n t

Sign Up

Sign Up

Sign Up

Email/ Net ID

VIORIENT

Pronoun

School Email Address/ Net Email

Password

Confirm Password

Password

Degree

She

School

He

Program

They

Log In Forgot password?

Sigh Up

Don't have an acoount? Sign Up

1

3

2

Connect to advisors

4

5

Contacts

Academics

What’s on your mind?

Live

Photo

Check In

Key Words/ Program/ Degree

RankingDegree List Key Words/ Program/

Key Words/ Program/ Degree

Online

Essential Life Skills

Natalie Chan

Hugo Yang

Natalie Wang She/ Her/ Hers

Hot Posts

Genna He

BA - Journalism

Saves

Academics

Saved Posts

Connect

He/ His/ Him English

Tone Wang 4 Hours ago

Sociocultural Adjustment

Relieve Midterm Stress with Brunch,

Tone Wang

Profile

See More

Punch, and Chill.

MC NYU Stern

Advisor Application

Visa and Legal Identity 10 Comments

A1

B1

45 Likes

C1

Messages

D1

Academics

Natalie H. 4 Hours ago

RankingDegree List Key Words/ Program/

E1

Relieve Midterm Stress with Brunch, Punch, and Chill!

Pre

Next

This midterm season, we are joining forces with ISAC for a catered brunch, with a stressbusting twist!

Online

Brunch, Punch, and Chill will have punching bags,

Tone Wang

Natalie Wang

Feb - 22 - 20

This design should make you laugh!

games, activities, food, music, and dance to help release the stress of midterms.

8:00 pm - 24:00 pm

David Ma

She/ Her/ Hers English

Feb - 22 - 20

This design should make you laugh!

Feb. 24, 2020 43-22 Queens Street, Apt. 550 Long Island City, New York, NY 11101

00:12/ 03:00

Junior | Undergraduate Journalism | Arthur L. Carter Journalism Institute

Genna He

Feb - 22 - 20

Activating NYU Home Account

4min

Activating NYU Email

3min

Understanding academic integrity

2min

Searching for classes and register on Albert

3min

This design should make you laugh!

Uni Dai

Message

Feb - 22 - 20

Like

Comment

Share

This design should make you laugh!

Connect

Uni Dai

Josh Zhang

Feb - 22 - 20

This design should make you laugh!

Feb - 22 - 20

I have heard that you can go to Wasserman Center on Campus. Reply

A2

C2

B2

Edit P rofile

Like

D2

E2

Saves

Natalie Wang

Natalie H. 4 Hours ago

• Send | Aug 9, 2019

Relieve Midterm Stress with Brunch, Punch, and Chill.

• Tong Wang | Aug 9, 2019

• Send | Aug 9, 2019

Natalie H. 4 Hours ago Relieve Midterm Stress with Brunch, Punch, and Chill. • Tong Wang | Aug 9, 2019

Write a message

to n g wa n g @ to n ewa n g. c o m | to n ewa n g. c o m

B3

E3


VIORIENT Digital Media Design for Learning

Introducing Violet Orientation

Vi-orient is a digital media supported collaborative learning program that aims to effectively assist newly-arrived Chinese international students in adjusting to campus life at New York University. Specifically, Vi-orient is dedicated to guiding novices in overcoming a varied range of challenges which arise during the initial phase of adaptation to New York University, by introducing one to essential campus resources & services, by offering sources of appropriate

BACKGROUND

guidance, and by both encouraging & enhancing one’s practical skills. Moreover, Vi-orient features an embedded social media platform aimed at novice learners for them to encounter their student peers, and for them to develop a cooperative friendship as learning partners. Viorient aims to build an interactive space for learners to generate meaningful learning content together. Thus, participants can learn collaboratively by sharing experiences, expressing their questions, pursuing lines of inquiry together, teaching one another, and by directly observing how their peers are learning.

Settings

In 2018, New York University reported having a total of

Mainland China, mirroring its large share of students nationwide, is the most significant contributor to the number of international students on the NYU campus, with an estimated total of

17,552

7,216

international students

students in total

on campus

Connect to advisors

Tutorial Video Courses

Forum

Messages /Contacts

Personal Center

Tong Wang tonewang.com/viorient | tongwang@tonewang.com

8

9


Digital Media Design

Digital Media Design

PROBLEM DEFINITION

Top 3 Countries of Origin

8000 7000

Chinese international students may face a variety of challenges when they are adapting to a new environment, such as academic challenges, social isolation, cultural adjustment, and or any number of distinct obstacles related to language, culture, and personal barriers.

7,216

6000

01

02

05

5000

Mastering Essential Life Skills

Handling Academic Challenges

Distinct Problems

03

04

Overcoming Sociocultural Adjustment

Maintaining Legal Status with USCIS

4000

2,961

3000

1,060

2000 1000 0

CHINA

INDIA

SOUTH

Individual Chinese students may face distinct problems during their studies in the US based on their own individual needs, & personal experiences.

KOREA Tong Wang tongwang@tonewang.com

10

11


Digital Media Design

雷 慕嘉 Oliver Lei

邵 静宸 Tiffany Shao

Age: 20 Hometown: Chengdu, Sichuan

Age: 17 Hometown: Beijing

• • • •

• • • •

He/ His/ Him Mandarin Chinese, English Photography | BFA 2024 NYU Tisch

She/ Her/ Hers Mandarin Chinese, English Politics | BA 2024 NYU Arts and Science

Video Games, Television, Bird Watching

Cooking, Reading, Music

Goals and needs

Goals and needs

1. Making new friends on campus. 2. Looking for and trying trendy restaurants in New York City. 3. Looking for job opportunities on Campus. 4. Knowing where to buy camera equipment and art supplies.

1. Making new friends on campus 2. Visiting different galleries and museums in New York City 3. Learning how to you use public transportation in New York. 4. Learning how to enroll a performance class at NYU Ticsh.

Frustrations 1. Homesick 2. He doesn’t know how to build positive relationships with professors and classmates due to cultural barrier.

Frustrations 1. Homesick 2. She experienced trouble forming friendships with local students due to cultural barriers.

Tong Wang tongwang@tonewang.com

12

13


Admission Decisions

After arriving in the US

Before arriving in the US

June 1st

September 1st

PHASE I

PHASE II

Early Intervention starts here

V IORIE N T

V IOR IE N T

NYU OGS will e-mail and introduce Viorient to incoming Chinese international students

New International Student Orientation Intervention starts here • Introducing essential Life skills to new Chinese international students • Introducing strategies and campus resources to students to overcome academic challenges

Depart /Arrive

Apply for Visa from US government

JUNE

JULY

• Introducing strategies and campus resources to students to overcome Sociocultural Adjustment • Guiding students to manage Visa and maintain Legal status in the US

AUGUST

SEPTEMBER

•Submit I-20/DS-2019

•Submit transcript and test scores

•Submit photo for your NYUCard

•Make changes to meal plan

application

•Submit mandatory health forms

•Complete “AlcoholEdu: Part One”

•Last day to enroll in or waive NYU-sponsored

•Register for Commuter Overnight

online

•Student Health Insurance Plans

Retreat

•Complete “Think About It” online

•Complete “AlcoholEdu: Part Two” online

OCTOBER

NOVEMBER

DECEMBER

•Pay tuition bill or enroll in payment plan

14

International students start handing a common set of multiple problems

15


Digital Media Design

01 INTEGRATED

02

Provide multiple pathways for guiding Chinese international students to overcome a varied range of challenges

03

ACCREDITED

EFFECTIVE

Fully managed and supervised by the NYU Office of Global Programs

Created based on theoretical lenses of learning science and design principals of cognitive science

04

05

SAFE

TIMELY

Required participants in submitting a valid NYU Student Net ID to create an account

Provide the most immediate intervention since the first date that Chinese international students have accepted the offer of admissions

06 STUDENT CENTERED

07

ACCESSIBLE Design Rationale

Aligning with the legal protocol of internet regulations in China, we create a new mobile social media platform that Chinese students can easily access in China and meet their informational needs.

VIORIENT Digital Media Design for Learning

Tailored to Chinese students’ specific needs linguistically and culturally.

Tong Wang tongwang@tonewang.com

16


Digital Media Design

Digital Media Design

CONNECT TO ADVISORS

Natalie Wang

CONNECT TO ADVISORS

Efficiently understand one another

Incoming / newly arrived Chinese students

Key Words/ Program/ Degree • Send | Aug 9, 2019

Experienced Chinese students No Linguistic Barriers

Vi-orient plans to motivate already experienced Chinese International students to coach newly arrived Chinese students in having a sensible and more straightforward transition into campus life.

Natalie Wang

Madison White

BA - Journalism

MA - DMDL

Chinese/ English

Chinese/ English

Connect

Connect

No Cultural Barriers

• Tong Wang | Aug 9, 2019

• Send | Aug 9, 2019

The experienced Chinese International students and the incoming Chinese students can efficiently understand one another with minimal to no linguistic or cultural barriers.

Natalie Wang Online

Emma Lin

Ben Wu

MA - DMDL

BM | NYU Stern

Chinese/ English

Chinese/ English

Connect

Connect

She/ Her/ Hers English BA | Journalism Arthur L. Carter Journalism Institute

• Tong Wang | Aug 9, 2019

Write a message

Tong Wang tongwang@tonewang.com

18

19


Digital Media Design

Digital Media Design

The more seasoned and competent Chinese students can recognize the new Chinese students’ current functional ability and performance type which; ultimately providing the means which enable such learners to overcome their own limitations.

Incoming / newly arrived Chinese students are facing

Difficulties Overcome Sociocultural Adjustment

Mastering Essential Life Skills

Handling Academic Challenges

Maintaining Legal Status with USCIS

Distinct Problems

Experienced Chinese students have already experienced

What the incoming / newly arrived Chinese students can do

Transitioning/ Overcoming Difficulties

Experienced Chinese International students have already experienced the same difficulties which new Chinese students now face during this particular phase of the international student experience.

Capacity Begins

ZONE OF PROXIMAL DEVELOPMENT

ZPD

Learning/ Developing

What the incoming / newly arrived Chinese students cannot do

Capacity Developed

According to Vygotsky (1978), the zone of proximal development is a level of competence on a task in which the student cannot yet master the task on his or her own, but can perform the task with the right amount of guidance and support from a more capable partner (O’Donnell, and Silver, 2013, p. 44 ).

Tong Wang tongwang@tonewang.com

20

21


Digital Media Design

Digital Media Design

THE FORUM Tone Wang 4 Hours ago

What’s on your mind?

Live

Photo

THE FORUM Tone Wang 4 Hours ago

Tone Wang 4 Hours ago

Check In

SOCIAL MEDIA LEARNING AS PARTICIPATION

Relieve Midterm Stress with Brunch, Punch, and Chill!

Hot Posts

Saved Posts

This midterm season, we are joining forces with ISAC for a catered brunch, with a stressbusting twist! Brunch, Punch, and Chill will have punching bags, games, activities, food, music, and dance to help release the

Tone Wang 4 Hours ago

stress of midterms. 8:00 pm - 24:00 pm

Relieve Midterm Stress with Brunch, See More

Punch, and Chill.

GENERATING LEARNING CONTENT

“A participatory culture is a culture with relatively low barriers to artistic expression and civic engagement, strong support for creating and sharing one’s creations, and some type of informal mentorship whereby what is known by the most experienced is passed along to novices “ (Henry Jenkins, 2009, p. 3 ).

Feb. 24, 2020

00:12/ 03:00

曼哈顿华埠 CHINATOWN

唐锅 Tang Hotpot

华埠(俗称华埠或唐人街) 是美国纽约市曼哈顿的一个地区。

位于曼哈顿唐人街,与毗邻的门面相比,唐锅的门面 更是有种幽雅且低调的奢华感,让人匆匆扫去,却不 觉得格格不入,可让人情不自禁陷在那如盈盈秋水般 的万家灯火之中。

Address: 135 Bowery, New York, NY 10002

Address: 135 Bowery, New York, NY 10002

Phone: (917) 421-9330

Phone: (917) 421-9330

Chinese international students can play active roles and generate learning content through words, sounds, images, and videos; as well as and share their creations among other Chinese students through the provisions of social media. For instance, Chinese students can act as food bloggers to recommend

StudentLink Center

different restaurants in the Lower East Side to their followers. They can

383 Lafayette Street,New York, NY 10003

describe the delicious food through words and images, and they also can add photos to show the interior design of the restaurants. They can

Like

Comment

Share

Like

Comment

Share

Like

Comment

Share

also record a short video to share aspects of their service and overall experience at the restaurants. Their contributions are essential for new

10 Comments

Chinese students who are looking for quality restaurants, or for those

45 Likes

who are just interested in learning more about the Lower East Side.

Tong Wang tongwang@tonewang.com

22

23


Digital Media Design

Chapter 1. Essential Life Skills 1.

Support students to understand how to use NYC public transportation

TUTORIAL VIDEO COURSES

Key Words/ Program/ Degree

Pre

Support students to know How to ride the subway

3.

Support students to know How to ride the bus

4.

Support students to recognize grocery stores,

5.

Guide students to apply for on campus housing

6.

Guide students to seek off campus housing in

Next 7.

Guide students to open a bank account in NYC Guide students to open a mobile account in NYC

9.

Essential Life skills 10.

Guide students to activate NYU Email

23.

Guide students to search for classes and register

24.

2

Academics 00:12/ 03:00

1. Activating NYU Email

3 4

4min

Sociocultural Adjustment

Activating NYU Home 2. Account

3min

3. Introducing NYU Albert

2min

Visa and Legal Identity

4. Introducing Enrollment Status

In the tutorial video courses, Vi-orient is dedicated to guiding novices in overcoming a varied range of challenges which arise during the initial phase of adaptation to New York University, by introducing one to essential campus resources & services, by offering sources of appropriate guidance, and by both encouraging & enhancing one’s practical skills.

26.

27.

Guide students to identify relevant academic

33.

Introduce students to the expectations of privacy

Support students to understand how to get to

35.

Guide students to recognize “the U Curve,” and the stages of cultural adjustment

36.

Introduce students to controversial topics/ political issues in the US

37.

Support students to understand gender Identities

engagement

38.

Support students to understand gay Marriage

Describe and demonstrate an understanding of

39.

Support students to understand abortion

13.

Introduce Flushing, Queens and provide

OGS 41.

15.

Support students to know what to do in Flushing,

Remind students attending an OGS Mandatory Check-in (F-1 and NYU-sponsored J-1 only)

42.

Describe and demonstrate the basics of keeping legal status in the US as an F-1 or J-1 international student

43.

Guide students to identify their own visa type

44.

Guide students to identify their 4 essential immigration documents

45.

Describe and demonstrate the basic requirements to work legally in the US

46.

Describe and demonstrate the requirements to work legally in the US and responsible citizenship within and beyond the campus community

47.

Introduce students to regulation of sexual harassment, and remind students of completing

Describe and demonstrate differences and

the sexual respect training module: https://

similarities between the Chinese and the U.S.

www.nyu.edu/life/safety-health-wellness/

higher education system

sexual-respect/prevention-and-training/sexualmisconduct-training-for-students.html 48.

guidance to students to visit Flushing, Queens 14.

Introduce students to OGS and guide students to find and use the contact information to reach

Introduce students to University Clubs, and encourage students to attend on-campus events

Guide students to identify appropriate campus

the principles of academic integrity 29.

34.

Guide students to identify and apply strategies

in NYC 28.

and personal space

Remind students enrolling in 12 units or more

resources and opportunities that contribute to

40.

Chinatown

Introduce students to minimum legal drinking age

49.

Introduce students how to apply for learner

Queens

permit and driver’s license and restrictions of

Support students to understand how to get to

permit and driver’s license

Flushing, Queens 16.

Introduce students to NYU Student Health Center

17.

Guide students to schedule an appointment with the doctor at NYU Student Health Center.

18.

2min

Introduce students to primary American beliefs

for academic success

Chinatown. 12.

32.

each semester, (required to maintain visa status.)

Chapter 4. Visa/ Legal Status

adjustment and coping skills

on Albert

graduate study 25.

Offer students resources related to cultural

Introduce students to primary American values

the academic experience, goals, and campus

Support students to know what to do in

30.

31.

Guide students to do laundry at a Laundromat

Introduce Chinatown and provide guidance to

Chapter 3. Socio-Cultural Adjustment

policies, processes, and procedures related to

students to visit Chinatown 11.

Guide students to activate NYU Home Account

22.

NYC

8.

1

21.

supermarkets, and pharmacies in NYC

ACADEMICS

ACADEMICS

2.

Chapter 2. Acdemic Challenges

Support students to understand the importance of NYU students health insurance plan and how to access their insurance card online.

19.

Guide students to fulfill the immunization requirement

20.

Introduce different methods of paying for tuition and guide students to pay for tuition in different ways

Tong Wang tongwang@tonewang.com

Tong Wang

24

tongwang.com | tongwang@tonewang.com

25


Digital Media Design

Digital Media Design

Memory Out Memory In Dirksen, J. (2015)

I'm looking for student clubs at NYU, where can I find them?

TUTORIAL VIDEO COURSES

SENSORY MEMORY

Words

Ears

WORKING MEMORY

Selecting Words

Sounds

Organizing Words

LONG - TERM MEMORY

Verbal Model Integreting

Pictures Where is the NYU library?

What is an I-20/DS-2019?

Eyes

Selecting Images

Images

Organizing Images

Prior Knowledge

Pictoral Model

How do I apply for an on-campus job at NYU?

What's the effect of arrest on my immigration status?

Motivation & Metacognition

Do F-1 and J-1 students need health insurance to study at NYU? How do I register for classes?

DUAL CHANNEL

How can I get an NYU ID Card? What do I need to do once I reach the US?

Our underlying concept is that human learners possess a dual-channel, limited capacity, and active processing system.Thus we are taking advantage of both pictorial and auditory modes of presentation. Video tutorials in multimedia learning are based on a dual-channel assumption. People learn more deeply from words and pictures than from words alone (Mayer, 2014, p.43).

How do I pay for classes?

Tong Wang tongwang@tonewang.com

26

27


Digital Media Design

Digital Media Design

TUTORIAL VIDEO COURSES ACADEMICS

Pre

ACADEMICS 5.

Next

Introducing Online Course Registration (Albert)

2min

5.1

Searching for Classes and Register on Albert

2min

5.2

Change of Schedule

2min

5.3

Refunds for Withdrawals

2min

5.4

Auditing A Course

2min

5.5

GRADES

2min

5.6

Computing the Grade Point Average

00:12/ 03:00

1. Activating NYU Email Activating NYU Home

2. Account

3. Introducing NYU Albert 4. Introducing Enrollment Status

4min 3min

5.7

W Grade

5.8

Pass/Fail Option

2min 2min

SELF-PACED LEARNING With self-paced learning, new Chinese international students can determine to take the course they need and arrange their own schedules instead of learning within a structure that was placed for them by an instructor. Dirksen, J. (2015). Design for how people learn. New Riders.

SEGMENTING PRINCIPLE 2min 2min 2min

Jenkins, H. (2009). Confronting the challenges of participatory culture: Media education for the 21st century. Mit Press.

We dedicate to break down the large segments into smaller segments. The detailed term that is commonly used with the segmenting of information is breaking everything down into bite-size segments. Segmenting principle means the way complex lessons are broken into smaller parts, which are presented one at a time (Clark & Mayer 2011).

Wenger, E., White, N., & Smith, J. D. (2009). Digital habitats: Stewarding technology for communities. CPsquare. O’Donnell, Angela M., and Cindy E. Hmelo-Silver. “Introduction What is Collaborative Learning?: An Overview.” The international handbook of collaborative learning. Routledge, 2013. 13-28. Vygotsky, L. (1978). Interaction between learning and development. From: Mind and Society (pp. 79-91). Cambridge, MA: Harvard University Press.

Tong Wang tongwang@tonewang.com

28

29


Digital Media Design

Digital Media Design

CHINA FASHION GALA Virtual Event Design http://tonewang.com/china-fashion-gala tongwang@tonewang.com

Tong Wang tongwang@tonewang.com

30

31


Digital Media Design

Digital Media Design

Tong Wang tongwang@tonewang.com

32

33


Digital Media Design

Prototype

Digital Media Design

Mobile Device

Prototype Mobile Device

Tong Wang tongwang@tonewang.com

34

35


CHINA FASHION GALA NEW YORK Homepage

Login

CHINA FASHION GALA

Virtual Lounge | China Fashion Gala

Password

VIRTUAL LOUNGE

Log In

CHINA FASHION GALA

NEW YORK

Forgot password?

3

2

1

验证登录后, 用户可以选择进入 直播间或者虚拟画廊。 CHINA FASHION GALA NEW YORK

$100

$100

$100

5

4

China Fashion Gala

Virtual Lounge

transitions

三大页面 VIRTUAL LOUNGE VIRTUAL LOUNGE

CHINA FASHION GALA CHINA FASHION GALA

中转键

SPECIAL THANKS

SPECIAL THANKS

6

用户可点击中转键, 进入中转页面。 通过中转页面,用户可自由选择抵达直播间, 虚拟画廊或者感谢页面。

CHINA FASHION GALA

CHINA FASHION GALA

NEW YORK

NEW YORK

$100

$100

$100

Virtual Lounge

9

8

7

China Fashion Gala

special thanks


Digital Media Design

Selected User Interface Design

Digital Media Design

Selected User Interface Design

100 px

FORUM Font Size: 80PX Leading: 100 PX Tracking: 25

FORUM Font Size: 30PX Leading: 100 PX

CHINA FASHION GALA

200 px 202.5 px 260 px

F6DADF

Font Size: 80pX Leading: 100 pX Tracking: 25

700 px

ONE WORLD IN BEAUTY

907 px

中文/English

200 px

CHINA FASHION GALA

360 px

SPECIAL THANKS

360 px

1080px

1080px

Welcome to China Fashion Gala 2020 Virtual Event

Font Size: 36pX Leading: 100 pX

FORUM

360 px

Lorem ipsum

Tracking: 25

Forum

VIRTUAL LOUNGE

F6CDD7

6B0909

Tracking: 25

Enter ITC Avant Gothic Std Extra Light Font Size: 36PX Leading: 36 PX Tracking: 25

100 px

400 px

70px

70px

F6DADF 70px

200 px

F9B5C3

70px

1920px

1920px

Tong Wang tongwang@tonewang.com

38

39


Selected User Interface Design

Digital Media Design

Selected User Interface Design

Digital Media Design

100 px 200 px

CHINA FASHION GALA

Current Viewers:

Donation Collected:

40 px

ONE WORLD IN BEAUTY

128

250 px

$12800.00

320 px

60 px

1720 px

100 px

$300

350 px 196.875 px

100 px

780 px 100 px

100 px

200 px

Splendid Moments

$500

350 px 100 px

350 px 100 px

350 px

1080px

$100 1080px

100 px

100 px

50 px

T i t l e | D es c ri p t i o n

T i t l e | De s c r i p t i o n

T i t l e | De s c r i p t i o n

T i t l e | De s c r i p t i o n

Time

Time

Time

Time 105 px

Other Amounts

350 px

1920px

1920px

Tong Wang tongwang@tonewang.com

40

41


Digital Media Design

Design Theme Virtual Event Design

Dunhuang Fresco | 敦煌壁画

CHINA FASHION GALA Virtual Event Design

43


Digital Media Design

Digital Media Design

Virtual Lounge

Tong Wang tongwang@tonewang.com

44

45


Digital Media Design

Digital Media Design

Beauty By Beauty Pros

P i nkki wi Beaut y Br and I dent i t y Website Design Concept

Tong Wang tongwang@tonewang.com

46

47


Digital Media Design

Digital Media Design

Design Concept

3in

03 Icon+ Logo Font+ Tag Line

3in

0.25in 2.125 in

2.000 in

2.125 in

2.000 in

4.854 in

4.854 in

0.5in 1.854 in

1.854 in

Beauty By Beauty Pros 1: 1.618

1: 1.618 3in

Scale: 100%

Logo Font

Tag Line

Font Family: Bison Font Style: DemiBold Case: All Cap Size: 60 Tracking: 450

Font Family: ITC Avant Garde Gothic Std Font Style: Book Case: Title Case Size: 12px Tracking: 50

Tong Wang tongwang@tonewang.com

48

49


Digital Media Design

Digital Media Design

Primary Colors Logo in White RGB 221 218 232

RGB 184 172 214

HEX/HTML DDDAE8

HEX/HTML B8ACD6

CMYK 9 8 0 0

CMYK 26 29 0 0

PANTONE 7443 C

PANTONE 2092 C

RGB 128 129 148

RGB114 100 119

HEX/HTML 808194

HEX/HTML726477

CMYK 49 41 18 9

CMYK52 54 26 19

PANTONE 4127 C

PANTONE 4117 C

Logo in Black

Beauty By Beauty Pros

Beauty By Beauty Pros

Tong Wang tongwang@tonewang.com

50

51


Digital Media Design

Digital Media Design

Tong Wang tongwang@tonewang.com

52

53


Digital Media Design

Digital Media Design

960 p x

960px

TRENDING COLLECTIONS 1920px

PINKKIWI 100px

Reserve Online, Pick Up In Store. Reserve your products online and get them in a store near you today.

P I N K KIWi

1080px Search

Community

Sign In

150px

1000px

Fragrance oil 30ML

1080px

She can be a different woman at different times. She can be a lover in one moment and a little girl in the next.

New Arrivals

Brands

Makeup

Skin Care

Hair

Nails

Meet Our Pros

Pro 1 On 1 Service

75px

Does she want to feel more feminine? Who is she?”

View More

500px

75px

130px

Tong Wang tongwang@tonewang.com

54

55


Digital Media Design

Digital Media Design

Reserve Online, Pick Up In Store. Reserve your products online and get them in a store near you today.

PINKK I W i 350p x

350px

350px

New Arrivals

Search

Brands

Community

Makeup

Skin Care

Hair

Nails

Meet Our Pros

Sign In

Pro 1 On 1 Service

Eye Shadow 98 0 p x

We are a brand inspired by healthy living

980px

and creating products enhanced with nutrition derived from natural ingredients. We avoid complex formulas and

$29.90

$29.90

1960px

unnecessary additives, which allows us to

$29.90

create unique cosmetic recipes that include natural oils and plant-based extracts for

4.9

ESPRESSO 20 5 p x

75px

Grooming Pomade

BOY BROW Brow Pomade

Add to Bag

4.9

Grooming Pomade

Add to Bag

50px

4.9

ESPRESSO

delivering intense colour technology.

View All Products

Add to Bag

50px

products that will nurture your skin whilst

50px

980px

540px

540px

Tong Wang tongwang@tonewang.com

56

57


Digital Media Design

Digital Media Design

1920px

1920px

1030px

Find a Store

Customer Service Chat

1-877-737-4672

Get the App

Sephora 34th Street

Available

TTY: 1-888-866-9845

Text “APP” to 63485

My Sephora

About Sephora

Help

Region & Language

Beauty Insider

About Sephora

Customer Service

Sephora Credit Card

Newsroom

Returns & Exchanges

Community Profile

Careers

Reserve Online, Pick Up In Store

Order Status

Sephora Social Impact

Shipping

Purchase History

Supply Chain Transparency

Billing

Account Settings

Affiliates

International Shipments

Beauty Advisor Recommendations

Sephora Events

Sephora Inside JCPenney

Beauty Offers

Gift Cards

Store Locations

Rewards Bazaar

Sephora Global Sites

Online Ordering

Loves

Belong

Klarna

Book a Reservation

Checkout on Instagram

Accessibility

Sephora Accelerate

Steps We're Taking to Address COVID-19

United States - English

Canada - English

Canada - Français

Beauty By Beauty Pros

1080px

Sign up for Sephora Emails

Enter your email address

© 2020 Pinkkiwi USA, Inc. All rights reserved. Privacy Policy

Terms of Use Accessibility Sitemap

Tong Wang tongwang@tonewang.com

58

59


Digital Media Design

Digital Media Design

Tong Wang tongwang@tonewang.com

60

61


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.