GR 700 02 MA Portfolio Seminar

2017–2019

Project / 01 / 02 / 03 / 04 / 05 /

Feishi Yu Selected Works Welcome Hello, my name is Feishi Yu, a graphic designer based in San Francisco. Please take a moment to look at some of my work. Perhaps we’ll start a conversation.

1

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Feishi Yu Selected Works Welcome Hello, my name is Feishi (Leo) Yu, a graphic designer based in San Francisco. Please take a moment to look at some of my work. Perhaps we’ll start a conversation.

Concept I think design is a process, just like making porcelain, starting with a piece of porcelain clay, and getting as close to perfect as possible before the completion. This perfect balance is the reason why I’m passionate about it.

5

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Project 01 No Waste for a Healthy Planet Zero Waste

Project 02 Moving with Ducati Ducati CSR Report

Project 03 Connect to the Movies Opera Plaza Cinema

Project 04 The Artist is Present Exhibition Catalog

Project 05 Fashion at Your Fingertips ZARA

7

1 Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Project / Zero Waste

No Waste for a Healthy Planet Objective Develop a brand and system that solves a problem.

And design a series of visual elements in a variety of media that work together as an engaging and relevant solution to food waste.

Approach The goal of my project is to let people know that food waste is a serious problem. I want to inspire consumers to waste less food at home and encourage people to lead a more environmentally sustainable lifestyle.

Course

Semester

Visual Thinking

Summer 2019

Instructor

Project

Hunter Wimmer Zero Waste

9

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

11

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

13

Feishi Yu / Selected Works

Project / Zero Waste

Poster Series

Project / 01 / 02 / 03 / 04 / 05 /

15

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

17

Feishi Yu / Selected Works

19

nking (Summer 2019) mer 2019)

Fe GR 620

Feishi Yu / Selected Works

le 2: Mobile Mobile App App

ening page

De

Register your account Register your account

eishi YuVisual (Leo) 04681881 0 Thinking OL1: (Summer Thinking 2019) (Summer 2019) Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

21

able eliverable 2: Mobile 2: Mobile App App

This app has three This app mainhas functions. three main functions.

Select the hamburger Select the button hamburger to see th bu set up the account. set up the account.

Feishi Yu / Selected Works

GR 620 OL1:GR Visual (Summer 2019) 620 Thinking OL1: Visual Thinking (Summer 2019)

Feishi YuVisual (Leo) 04681881 GR 620 OL1: Thinking (Summer 2019) Feishi Yu (Leo) 04681881

Deliverable 2: Mobile App App Deliverable 2: Mobile

Deliverable 2: Mobile App

620 Thinking OL1: Visual Thinking (Summer 2019) GR 620 OL1:GR Visual (Summer 2019)

Deliverable 2: Mobile Deliverable 2: Mobile App App Opening pageOpening page

Register your Register account your account

This app has three main functions.

Opening pageOpening page

Project / Zero Waste

Feishi Yu (Leo) 04681881

Project / 01 / 02 / 03 / 04 / 05 /

Feishi Yu (Leo) 04681881 Feishi YuVisual (Leo) 04681881 GR 620 OL1:GR Visual 620 Thinking OL1: (Summer Thinking 2019) (Summer 2019)

23

Feishi Yu (Leo) Feishi 04681881 Yu (Leo) 0468

Deliverable Deliverable 2: Mobile 2: Mobile App App Select the hamburger button to see the main features and set up the account.

Register your Register account your account

This app has three This app mainhas functions. three main functions.

Select the hamburger Select the button hamburger to see the button main tofeatures see the and main features and set up the account. set up the account.

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

25

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

27

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

29

31

Feishi Yu / Selected Works

Project / Zero Waste

Project / 01 / 02 / 03 / 04 / 05 /

33

35

2

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Project / CSR Report

Moving with Ducati Objective Choose a company’s annual/CSR report and redesign it, while keeping the brand true to its purpose. The outcome of this project is to learn how to harvest information and create typography, charts, tables and generate a complex visual system.

Approach For this project I chose Ducati, a motorcycle brand.

I used two spot colors to keep the classic look of Ducati, and simple infographics are used to balance intricate pieces of information.

Course

Semester

Type Systems

Spring 2019

Instructor

Project

David Hake

CSR Report

37 17

Feishi Yu / Selected Works

Project / CSR Report

Project / 01 / 02 / 03 / 04 / 05 /

39

Feishi Yu / Selected Works

Project / CSR Report

Project / 01 / 02 / 03 / 04 / 05 /

41

Feishi Yu / Selected Works

Project / CSR Report

Project / 01 / 02 / 03 / 04 / 05 /

43

Feishi Yu / Selected Works

Project / CSR Report

Project / 01 / 02 / 03 / 04 / 05 /

45

Feishi Yu / Selected Works

Project / CSR Report

Project / 01 / 02 / 03 / 04 / 05 /

47

49

51

53

3

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Project / Opera Plaza Cinema

Connect to the Movies Objective The goal of this project is helping us to understand the interactivity of creating a mobile application by exploring visual language and researching user experience and user-centered design, thereby working toward an understanding of the user’s needs and how to apply them to design.

Approach In this project I created the website for Opera Plaza Cinema, which identifies the theater’s image, increases revenue, and encourages people to like independent films. The users can order tickets, watch trailers, get information about films and venue, and see comments from customers.

Course

Semester

Digital Design Studio Summer 2019 Instructor

Project

Patrice Anderson

Opera Plaza Cinema

55

Feishi Yu / Selected Works

Project / Opera Plaza Cinema

Project / 01 / 02 / 03 / 04 / 05 /

57

Feishi Yu / Selected Works

Project / Opera Plaza Cinema

Project / 01 / 02 / 03 / 04 / 05 /

59

61

Feishi Yu / Selected Works

Project / Opera Plaza Cinema

Project / 01 / 02 / 03 / 04 / 05 /

63

Feishi Yu / Selected Works

Project / Opera Plaza Cinema

Project / 01 / 02 / 03 / 04 / 05 /

65

67

4

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Project / Exhibition Catalog

The Artist is Present Objective While expanding on previously learned principles, this project incorporates more advanced typogrphic issues such as organization, hierarchy, layout and grid systems. We will also investigate ways to communicate content and the meaning of the text through a catalog for an exhibition.

Approach The artist whose work I selected to turn into an exhibition is the performance artist Marina Abramovic. I used type to connect with the emotion and theme I was trying to communicate. I chose to work with the typefaces Garamond and Avenir. And I used the spot color red for attention and emphasis.

Course

Semester

Type Composition

Spring 2019

Instructor

Project

Andrew Loesel

Exhibition Catalog

69

Feishi Yu / Selected Works

Project / Exhibition Catalog

Project / 01 / 02 / 03 / 04 / 05 /

71

Feishi Yu / Selected Works

Project / Exhibition Catalog

Project / 01 / 02 / 03 / 04 / 05 /

73

75

Feishi Yu / Selected Works

Project / Exhibition Catalog

Project / 01 / 02 / 03 / 04 / 05 /

77

Feishi Yu / Selected Works

Project / Exhibition Catalog

Project / 01 / 02 / 03 / 04 / 05 /

79

81

5

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Project / ZARA

Fashion at Your Fingertips Objective The goal of this project is to create a simple modern website and app that is easy to navigate and visually concise, and to simplify the homepage layout and integrate the navigation bar to reduce overlapping categories, so that users can quickly locate the required items through the navigation bar and search bar.

Approach In this project I defined the target audience and then developed several personas, and from there made a creative brief. Based on my user experiences, I created an app for Zara.

Course

Semester

Principle of UX

Spring 2019

Instructor

Project

Joseph O’Donnell

ZARA

83

Feishi Yu / Selected Works

WIREFRAMES WIREFRAMES

HOME PAGE HOME PAGE

MOBILE MOBILE MOBILE TERMINALS TERMINALS TERMINALS

CATEGORY PAGE CATEGORY PAGEWIREFRAMES

PRODUCT DETAIL PAGE

Project / ZARA

CART OVERVIEW

Project / 01 / 02 / 03 / 04 / 05 /

85

Feishi Yu / Selected Works

Project / ZARA

Project / 01 / 02 / 03 / 04 / 05 /

87

Feishi Yu / Selected Works

Project / ZARA

Project / 01 / 02 / 03 / 04 / 05 /

89

91

93

Feishi Yu / Selected Works

Project / 01 / 02 / 03 / 04 / 05 /

Thank You Everyone Thank you, Mom and Dad, for your unconditional trust in me. I couldn’t have done any of it without your support. At the same time, I would like to thank my professors and friends for your advice and help, that always makes me better.

Everyone

Family & Friends

Mary Scoot

Mom & Dad

Hunter Wimmer Hevin Li John Nettleton David Hake Andrew Loesel Joseph O’Donnell Patrice Anderson Susan Pasley

Jessica He

95

Feishi Yu / Selected Works

Name

School

Feishi (Leo) Yu

Academy of Art University

Telephone +1 (628) 236 7402 Email soulyfs@sina.com Website Feishiyu.com Typefaces Calibri Minion Pro

79 New Montgomery St, San Francisco, CA 94105 Program School of Graphic Design and Digital Media Course MA Portfolio Seminar Instructor Mary Scott

Project / 01 / 02 / 03 / 04 / 05 /

97