Sight + Mind / Lea Qinyang Li Portfolio

SIGHT + MIND =

∞

M F A PORT F OL I O 12 + 20

Lea Qinyang Li

+ + 00

Sight Mind

02

+

Design is about contents, ideas, combinations. A good design never contains just one thing. There is always one plus one, —but, it doesn't equate two. That's the magic of design; the results are always infinite.

Graphic design is based on images plus type, use visual convey mind to creating infinite information for communicate to people.

01

A BOUT

03

∞

04

=

05

As a designer, I always focus on how to use those elements to speak to people. Let the design talk on its own to communicate. Here are selected works that produced in my master's program, I hope you enjoy this visual journey.

06 07 08 09

+ 01

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ + 00 01

CONTENTS

02

=

∞ 03

05

MILK + INK Type Experimental Poster

25

REALITY + NIGHTMARE David Lynch Film Festival

63

PAINT + GEOMETRY Sustainable Powder Mixed Paint Packaging

81

WOMEN + POTENTIAL Mary Kay Re-branding

10 7

DANCE + TYPE Monotype Grotesque, A Promotional Type-Specimen Book

12 1

GLASS + PROTECTION Crate and Barrel Four Glass Packaging

13 3

FOOD + TIME Food Hound Mobile App

14 5

FASHION + COLOR W Magazine Re-design

16 3

OFFICE + HEALTH MFA Thesis

01

05

+

04

PAG E

01 06

PAG E

07

02 +

+ 03

PAG E 04 + 04

PAG E 05 + 05

PAG E 06 + 06

PAG E 07 + 07

PAG E 08 + 08

PAG E 09 + 09

+

03

09

PAG E

08

02

04

SIGHT + MIND

+ L E A Q I N YA N G L I

+

P R OJ E C T

No.

+

MILK + INK 01

+

09

00 01 02 03 04 05

The project is to choose a subject of choice and express it conceptually through

06

OBJECT I V E ∕

experimental typography. Final deliverable is in the form of two posters.

07

A P P ROAC H ∕

+

chemically with each other to create a multitude of possibilities. Just like in a dream, reality and illusion coexist.

09

01

ink. These are totally different elements but with the same form. They react

08

01

I chose to illustrate a dream feeling by using the unique properties of milk and

+

∞

M I L K & I N K E X P E R I M E N TA L T Y P E

=

+ T YPE E XPERIMENTS

+ I N ST RU C TO R : I R I N A B L O K 05

06

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M I L K & I N K E X P E R I M E N TA L T Y P E

07

08

010

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M I L K & I N K E X P E R I M E N TA L T Y P E

011

012

SIGHT + MIND

+ L E A Q I N YA N G L I

+

013

014

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M I L K & I N K E X P E R I M E N TA L T Y P E

015

016

017

018

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M I L K & I N K E X P E R I M E N TA L T Y P E

019

020

SIGHT + MIND

+ L E A Q I N YA N G L I

+

021

022

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M I L K & I N K E X P E R I M E N TA L T Y P E

023

024

SIGHT + MIND

+ L E A Q I N YA N G L I

+

P R OJ E C T

No.

+

REALITY + NIGHTMARE 02

+

09

00 01 02 03 04 05

Create an imaginary film festival for a chosen movie director. Extract a theme

06

OBJECT I V E ∕

that ties together all of the director’s selected movies and create a cohesive

A P P ROAC H ∕

02

films: Blue Velvet (1986) , Lost Highway (1996), Mulholland Drive (2001), Inland Empire (2006). All visual execution was based on the thread “People hide behind twisted secrets to escape reality and overcome their inner destructive desires, inner peace.” The title for the film festival is Distorted Reflections and pulls a small number of vivid colors throughout the whole visual system, just like Lynch’s films do. Distorted type and graphic treatment represent the twisted feeling in his movies. The goal of this film festival is to draw Lynch fans into the scene to experience the films.

=

∞

D A V I D LY N C H F I L M F E S T I V A L

together the mysterious storytelling of all of his films. I use mostly black with

+

but in the end, they have to face the truth and consequences in order to achieve

09

+

I chose the director David Lynch, and the festival showcased his most intriguing 08

02

07

visual system through a variety of deliverables.

+ I N T E G R AT E D C O M M U N I C AT I O N S

+ I N ST RU C TO R : H U N T E R W I M M E R 025

026

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

027

028

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

029

030

SIGHT + MIND

+ L E A Q I N YA N G L I

+

031

032

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

033

034

SIGHT + MIND

+ L E A Q I N YA N G L I

+

036

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

037

038

SIGHT + MIND

+ L E A Q I N YA N G L I

+

039

040

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

041

042

043

044

SIGHT + MIND

+ L E A Q I N YA N G L I

+

045

046

047

+ L E A Q I N YA N G L I

+ SIGHT + MIND

Hidden desires revealed in the perverse world of David Lynch

2015

Hidden desires revealed in the perverse world of David Lynch

2015

048

Hidden desires revealed in the perverse world of David Lynch

2015

+ P R OJ E C T +

Hidden desires revealed in the perverse

w o r l d o f D av i d Ly n c h

w o r l d o f D av i d Ly n c h

tue - Sun

tue - sun

a D A V I D LY N C H F I L M F E S T I V A L

a D A V I D LY N C H F I L M F E S T I V A L

jan 20-25 2015

01

jan 20-25 2015

00

Hidden desires revealed in the perverse

Jan 22, 2016 S c r e e n i n g : L o s t H i g h w ay Time: 2:00pm – 6:00pm

Jan 23, 2016 Screening: Mulholland Drive Time: 2:00pm – 6:00pm

Jan 23, 2016 Screening: Mulholland Drive Time: 2:00pm – 6:00pm

Jan 24, 2016 Screening: Inland Empire Time: 2:00pm – 6:00pm

Jan 24, 2016 Screening: Inland Empire Time: 2:00pm – 6:00pm

Jan 25, 2016. Closing night Time: 6:00pm

Jan 25, 2016. Closing night Time: 6:00pm

04

Jan 21, 2016 S c r e e n i n g : B l u e V e lv e t Time: 2:00pm – 6:00pm

Jan 22, 2016 S c r e e n i n g : L o s t H i g h w ay Time: 2:00pm – 6:00pm

03

Jan 20, 2016. Opening night Time: 6:00pm

Jan 21, 2016 S c r e e n i n g : B l u e V e lv e t Time: 2:00pm – 6:00pm

02

Jan 20, 2016. Opening night Time: 6:00pm

05 06 07 08 09

+ D A V I D LY N C H F I L M F E S T I V A L 049

050

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

051

052

SIGHT + MIND

+ L E A Q I N YA N G L I

+

054

SIGHT + MIND

+ L E A Q I N YA N G L I

+

055

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

057

058

SIGHT + MIND

+ L E A Q I N YA N G L I

+

059

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ D A V I D LY N C H F I L M F E S T I V A L

061

062

SIGHT + MIND

+ L E A Q I N YA N G L I

+

03

+

09

P R OJ E C T

No.

+ 00 01 02 03 04

PAINT + GEOMETRY

05

The project is to create a paint packaging system and kit for a sustainable latex

06

OBJECT I V E ∕

powder paint using environmentally friendly materials derived from sustainable 07

resources. The design needs to represent the sustainability aspects of the product and the soul of the brand.

03

I used 100% recycled paper to craft the packaging. The name of the paint is Santiago Calatrava, which is the name of the designer himself. The whole design is for his limited collection. This packaging structure is inspired by his architectural style, shape and graphics.

=

∞

S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

which is geometric. Thus, I bring this element into the packaging design in the box

+

03

using non-metal materials, moving away from how traditional paint cans look.

09

+

Inspired by Santiago Calatrava’s architectural design, I came up with the idea of

08

A P P ROAC H ∕

+ PACK AGING 2

+ I N ST RU C TO R : T H O M A S M C N U LT Y 063

064

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

065

066

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

067

068

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

069

070

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

071

072

SIGHT + MIND

+ L E A Q I N YA N G L I

+

073

074

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

075

076

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

077

078

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ S U S TA I N A B L E P O W D E R M I X E D P A I N T P A C K A G I N G

079

080

SIGHT + MIND

+ L E A Q I N YA N G L I

+

04

+

09

P R OJ E C T

No.

+ 00 01 02 03 04

WOMEN + POTENTIAL

05

The project is to find a dead, defunct or dying brand and breathe new life into

06

OBJECT I V E ∕

it. The brand can be repositioned outside of where it presently appears with 07

the condition that it does not lose its core business. As a deliverable, students were asked to provide a comprehensive brand standards guide for the newly redesigned brand.

08

A P P ROAC H ∕

04

their lives; it provides women with open-ended potential to achieve personal and financial success. But times change, and the company needs to stay in the forefront. women with open-ended potential to give them the weapons to rule the future.”

Mary Kay will become a new brand. The new VI system logo has a graceful shape

=

to create the letters “Mk”in elegant gold to represent the feminine personality

∞

and inject a successful business feeling into it. New Mary Kay will become a platform for any woman, providing a range of services and support in different fields to help women to succeed in all aspects of life in the 21st century.

M A R Y K AY RE BR A NDING

Keeping with the soul of the brand, the new mission statement is “empower

+

+

cosmetics and skin care. It empowers women to follow their dreams and enrich

09

04

I chose to re-brand Mary Kay. Mary Kay Inc. is a global direct sales company for

+ N AT U R E O F I D E N T I T Y

+ I N ST RU C TO R : H U N T E R W I M M E R 081

082

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M A R Y K AY RE BR A NDING

083

084

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M A R Y K AY RE BR A NDING

085

086

087

088

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+

03. Self defense program

04. Financial Engineering Program 05. Financial Service 06. Lecture and workshop

P R OJ E C T

01. Microchip implantation 02. Smart Contact Lenses

+ 00 01

Physical 02 03 04

Professional

05

Personal

9. Business Lead ship Institute 06

07. Personal Assistant 08. Personal Financial Management

07 08 09

Mental

services

product

experience and event

education

M A R Y K AY RE BR A NDING

11. Mental Center

+

12. Lead ship Training 13. Management Class 14. MBA Program 15. Knowledge Hub ( Library )

10. Conference

environment

089

090

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M A R Y K AY RE BR A NDING

091

094

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M A R Y K AY RE BR A NDING

095

096

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ M A R Y K AY RE BR A NDING

097

098

099

0100

0101

0102

SIGHT + MIND

+ L E A Q I N YA N G L I

+

0103

0106

SIGHT + MIND

+ L E A Q I N YA N G L I

+

05

+

09

P R OJ E C T

No.

+ 00 01 02 03 04

DANCE + GROTESQUE

05

Create a 12-page type specimen book to promote provided typefaces by Monotype

06

OBJECT I V E ∕

Imaging. Generate an effective communication style such as story-telling to

A P P ROAC H ∕

+

updating of Berthold’s Ideal Grotesque was supervised at Monotype in 1926 by F.H. Pierpont. With some of the eccentricities in the borrowed original reduced, those series retains enough character to have become one of the world’s great san serifs.

I focus on the unique shape, ratio and weight and bring out the playful personality

a sense of the fascinating and joyful, as well as the lively and playful.

=

∞

MONOT YPE GROTESQUE

a new perspective on Grotesque. I use bright color and a dynamic layout to convey

+

of Grotesque. My goal is to give more and more younger generation graphic designers

09

05

I chose a contemporary geometric sans serif named “Monotype Grotesque” This 08

05

07

promote the chosen typeface in a limited number of pages.

+ T YPE COMPOSITION

+ I N ST RU C TO R : A N D R E W L O E S E L 0107

0108

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MONOT YPE GROTESQUE

0109

0110

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MONOT YPE GROTESQUE

0111

0112

SIGHT + MIND

+ L E A Q I N YA N G L I

+

0113

0114

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MONOT YPE GROTESQUE

0115

0116

SIGHT + MIND

+ L E A Q I N YA N G L I

+

0117

0118

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MONOT YPE GROTESQUE

0119

0120

SIGHT + MIND

+ L E A Q I N YA N G L I

+

06

+

09

P R OJ E C T

No.

+ 00 01 02 03 04

GLASS + PROTECTION

05

Engineer sustainable packaging for multiple units of breakable items. Consider

06

OBJECT I V E ∕

shipping, shelving and display in retail stores.

+ 06

goal was to create a package around the glassware that really stands out and acts as a selling point for the product. Being simple and minimal in its construction,

08

06

I chose Crate and Barrel as a basis to redesign a four glass packaging. My main

07

A P P ROAC H ∕

the packaging must use materials that appear beautiful yet are durable, and appeal 09

to an Eco-friendly audience. I also explored to use of new materials that made from biodegradable and renewable sources that reduce waste, as well as pack the uniquely and Barrel’s visual system black and white to design the packaging. It fits well in

∞

Crate and Barrel retail stores, and makes it convenient for shoppers to grab the $52 four glass set.

C R AT E A N D B A R R E L G L A S S P A C K A G I N G S E T

=

+

crafted products with smart structures that are attractive and durable. I kept Crate

+ PACK AGING 2

+ I N ST RU C TO R : T H O M A S M C N U LT Y 0121

0122

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ C R AT E A N D B A R R E L G L A S S P A C K A G I N G S E T

0123

0124

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ C R AT E A N D B A R R E L G L A S S P A C K A G I N G S E T

0125

0126

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ C R AT E A N D B A R R E L G L A S S P A C K A G I N G S E T

0127

0128

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ C R AT E A N D B A R R E L G L A S S P A C K A G I N G S E T

0129

0130

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ C R AT E A N D B A R R E L G L A S S P A C K A G I N G S E T

0131

0132

SIGHT + MIND

+ L E A Q I N YA N G L I

+

07

+

09

P R OJ E C T

No.

+ 00 01 02 03 04

FOOD + TIME

05

A P P ROAC H ∕

According to my research, I found people don't like waiting too long when they

07 07

go to a restaurant. In San Francisco, most restaurants would give customers a vibrating monitor to alert them when their table is ready. However, the monitor requires people to stand near by waiting. I made an App so people could go to a restaurant without a reservation. It makes waiting more pleasant and productive.

∞

FOOD HOUND UI DESIGN

more fun.

+

real food images and simple type with urban colors, to make the waiting experience

09

It offers convenience to both restaurants and customers. UI design combines

=

08

+

07

Find a problem in people’s daily life and help them solve it by using UI design.

06

OBJECT I V E ∕

+ N AT U R E O F I N T E R A C T I O N

+ I N ST RU C TO R : A M I R B A H A D O R I 0133

0134

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ FOOD HOUND UI DESIGN

0135

0136

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ FOOD HOUND UI DESIGN

0137

0138

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ FOOD HOUND UI DESIGN

0139

0140

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ FOOD HOUND UI DESIGN

0141

0142

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ FOOD HOUND UI DESIGN

0143

0144

SIGHT + MIND

+ L E A Q I N YA N G L I

+

08

+

09

P R OJ E C T

No.

+ 00 01 02 03 04

FASHION + COLOR

05

The goal of this project was to redesign a magazine of choice in a new way

06

OBJECT I V E ∕

focusing on experimental typography and layout.

+ 08

I chose to eliminate any type of grid system. Through various type treatments combined with fabric pattern and a water color effect, I was able to create

08

08

The magazine chosen was December 2014 issue of the fashion magazine W.

07

A P P ROAC H ∕

interesting layouts. I used fashion elements combined with type to make this 09

magazine unique to grab the fashion reader’s attention. Random typography was composed into a 9 x 12 magazine. This project allowed me to escape my

=

usefulness in regards to readability.

∞

W M AGA ZINE RE-DESIGN

kerning. Ultimately, it taught me to appreciate traditional typesetting and its

+

comfort zone, play with sideways type, and experiment with leading and

+ T YPE E XPERIMENTS

+ I N ST RU C TO R : I R I N A B L O K 0145

0146

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ W M AGA ZINE RE-DESIGN

0147

0148

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ W M AGA ZINE RE-DESIGN

0149

0150

0151

0152

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ W M AGA ZINE RE-DESIGN

0153

0154

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ W M AGA ZINE RE-DESIGN

0155

0157

0158

0159

0160

SIGHT + MIND

+ L E A Q I N YA N G L I

+

P R OJ E C T

No.

+

MFA + THESIS 04

+

09

00 01 02 03 04 05

09 09

project that is a culmination of over a year’s worth of research and work.

This thesis is a chance for a designer to take on multiple roles within a single

07

+

Unlike any other project within the program, the MFA thesis is a special

06

A BOU T ∕

project. It starts out by our choosing a problem to solve through design, solution that is both conceptually and visually proficient. This project should

08

followed by conducting extensive research and then finally delivering a robust demonstrate a range of design sills including conceptual thinking, audience

∞

MFA T HE SIS - ACT IO

=

+

of active design.

09

analysis with user testing, and tracking of a real world problem via execution

+ I N ST RU C TO R : P H I L H A M L E T T, J E R E M Y S T O U T, B O B S L O T E , H U N T E R W I M M E R 0161

0162

SIGHT + MIND

+ L E A Q I N YA N G L I

+

P R OJ E C T

No.

+

OFFICE + HEALTH 09

+

09

00 01 02 03 04 05

We are all behind the computers for most of the day, many office computer

06

OBJECT I V E ∕

users are now inactive for as much as 15 hours per day. Those hours consume 07

the major part of a person’s life. As one sufferer with serious low back pain, I see people around myself with more or less have office related health problems; I decided to solve this problem by using my graphic design skills.

08

A P P ROAC H ∕

=

∞

product, packaging, branding and a website.

MFA T HE SIS - ACT IO

09

to work in front of the computer for long hours. The system includes an App,

+

+

My goal is to bring about positive behavioral changes in office workers who need

09

09

Actio, is a motivational system preventing for office related health problems.

+ I N ST RU C TO R : P H I L H A M L E T T, J E R E M Y S T O U T, B O B S L O T E , H U N T E R W I M M E R 0163

0164

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0165

0166

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T + 00 01 02

0:00 PM

0:00 PM

0:00 PM

0:00 PM

January Cui Tubuli nomen odio

Cui Tubuli

M

T

W

T

F

S

26

27

28

29

30

1

2

graphicburger graphicburger

03

S

graphicburger

LOGIN TO YOUR ACCOUNT Cui Tubuli nomen odio

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

How many minutes would you like to walk today?

04

youremail@mail.com password

graphicburger Forgot Password?

LOGIN

Cui Tubuli nomen odio

05

Login With Facebook

Create Account

06 07

0:00 PM

Statistics Cui Tubuli nomen odio

0:00 PM

0:00 PM

Chat

Settings

Lorem ipsum dolor sit ametv.

Accounting

Swipe down to erspiciatis unde omnis iste natus error sit voluptatem accusantium

Monday 3:56 PM

26

27

28

29

30

1

2 Nor again is there anyone who loves or pursues or desires.

09

Quod cognitum non habet TrafďŹ c

08

0:00 PM

Dissensio

Monday 3:57 PM

Piso magna dissensio Visits

Honeste Et harum quidem rerum facilis est et pedita distinctio. Nam libero tempore.

Tubuli nomen

Monday 3:56 PM

Send

On

+

Lorem ipsu|

Possenon

Possenon Possenon

graphic burger design graphic burger design

Possenon Non posse honeste vivi Acces

Possenon

Off

MFA T HE SIS - ACT IO

Dissensio graphic burger design

0167

0168

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0169

0170

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0171

0172

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0173

0174

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0175

0176

SIGHT + MIND

+ L E A Q I N YA N G L I

+

3

3.2

3.38

+

R3.6

P R OJ E C T

R5.6

20

R0.05

1.8

A

+

R1

0.72

00

R6

A

01

1.90

02

30

03 04 05 06 07 08 09

+ MFA T HE SIS - ACT IO

20

3.38

R0.05

1.8

0.72

3 2.80 0.20

R1 SECTION A-A SCALE 1 : 1

4

3

2

20

3.38

1.8

0.72

3 2.80 0.20

0177

R1

0178

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0179

0180

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0181

0182

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0183

0184

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0185

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+ P R OJ E C T

+ 00

01

02

03

04

05

06

07

08

09

+ MFA T HE SIS - ACT IO

0188

0189

0190

SIGHT + MIND

+ L E A Q I N YA N G L I

+

+

THANK + YOU No. 00

+

00

00 01 02 03 04 05

Thank you to my dad, mom, sister, brother and baby niece Chloe for endless

06

FA M I LY ∕

love. I wouldn't be where I am now without your support. Thank you alway

Thank you to all my friends for believing in me and inspired me.

I N S T RU C T O R S ∕

Thank you to my instructors who teaching, inspiring, and encouraging

08

FRIENDS ∕

07

be there with me.

Michael Kilgore, David Hake, Andrew Loesel, Kathrin Blatter, Irina Blok,

+

Thomas McNulty, Amir Bahadori, Anthony Jagoda, Shel Perkins, Bob Slote,

09

me during my graduate school life. I will never forget you all. Many thanks to :

Jeremy Stout. Thank you to Mary Scott, Phillip Hamlett, who helped me complete this journey. Special thanks to Hunter Wimmer, who helped, guided and support me from the begging until now. Your helps meant a lot to me.

Thank you again to all my instructors, you all bring out better me. 感谢 ∕

爸爸，妈妈，姐姐和弟弟，还有我们家可爱的多多。谢 谢 你们，你们的爱是

∞

支持我走到今天的所有动力。

+

∞

也谢 谢自己为自己真正付出过。 谢 谢所有我爱的人。 还有谢 谢 你。

=

∞

0191

LEA + QINYANG LI =

∞

GR APHIC DESIGNER / UI DESIGNER /

=

PHONE /

(+1) 415.602.1229

EMAIL /

leali1220@gmail.com

WEBSITE /

www.qinyangli.com

∞

TITLE ∕

T Y P E FAC E ∕

D E PA R T M E N T ∕

Sight + Mind

Din, Perpetua Std,

Graphic Design

PHOTOGR APH Y ∕

S O F T WA R E ∕

I N S T RU C T O R ∕

Lea Qinyang Li

Adobe CC 2015

Mary Scott SCHOOL ∕ Academy of Art University B I N D E RY ∕ The Key Printing & Binding PR I NTER/ Giant horse Printing PA P E R / 100LB Finch Fine Text

© 2015 all rights reserved. No part of this publication can be reproduced without express permission from Lea Qinyang Li.