Shuo (Hannah) Liu_Portfolio_The what, why and how

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

00

The what, why and how [ WELCOME]

001 / 001

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

00

004 / 005

The what, why and how [ WELCOME] Hello, my name is Shuo (Hannah) Liu, a graphic designer based in San Francisco. Please take a moment to look at some of my work. Perhaps we’ll start a conversation about something. [ CONCEPT] Is graphic design book design or poster design? I think graphic design is the mindset of problem-solving. Every detail of the design exists to solve the corresponding problem. Designers have to think about the what of something, the why of it before they figure out the how.

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

006 / 007

P008 [ PROJECT 01 ] A REASON FOR GATHERING

The One Club Creative Summit

P036 [ PROJECT 02 ] A SPACE FOR SPACE The Planets P052 [ PROJECT 03 ] A HOME FOR LIFE Homey P066 [ PROJECT 04 ] A POSSIBILITY FOR TOMORROW Utopia P076 [ PROJECT 05 ] A TREATMENT FOR TERROR Split P090 [ PROJECT 06 ] A CHANGE FOR GOOD FedEx CSR Report P106 [ PROJECT 07 ] A MATTER FOR SCRUTITY Decay_ A Tiny World

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

01

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

008 / 009

A reason for gathering [ BACKGROUND ] This project is a redesign of a visual system for a real conference. Through the design of a set of conference deliverables, I learned how to design between different media and visual changes while keeping consistency. Also, I exercised the ability to translate a written language into a visual language. [ APPROACH ] The theme of this conference in 2018 is about how institutions and brands create culture. A lot of creative ideas emerged from this multi-industry discussion. Therefore, the three different posters of the main vision refer to the collision of many ideas in many industries. Each poster is composed of geometric space formed by geometric explosions. The vision is about power, implying an explosion of creativity, and bringing the audience a sense of active participation.

PROJECT Conference

INSTRUCTOR­­ John Nettleton

CATEGORIES Visual Identity

COURSE­­ Type Systems

YEAR Summer 2018

keywords Creative / Inclusive / Culture FORMATE Posters 18 × 19 in Program 6.5 × 4.25 in App 1125 × 2436 Website 2560 × 1440

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

010 / 011

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

012 / 013

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

014 / 015

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

016 / 017

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

018 / 019

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

020 / 021

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

022 / 023

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

024 / 025

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

026 / 027

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

028 / 029

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

030 / 031

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

032 / 033

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE ONE CLUB CREATIVE SUMMIT

PROJECT / 0 1

02 / 0 3 / 0 4 / 05 / 0 6 / 07

034 / 035

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02

PROJECT / THE PLANETS

02

0 3 / 0 4 / 05 / 0 6 / 07

036 / 037

A space for space [ BACKGROUND ] This project is to redesign a non-fiction book. I redesigned it based on the original photos and text of the book. I chose a book called ”The Planets”. It is a photo collection and introduction of the planets of the solar system. [ APPROACH ] Because the original book images and text were designed separately, they didn’t connect with each other. In the redesigned book, I combined images and text together to make the audience read the content easier and faster. I hope to show the movement and vastness of the universe through the movement of the layout and make the book more interesting visually.

PROJECT Book Redesign

INSTRUCTOR­­ John Nettleton

CATEGORIES Book Design

COURSE­­ Type Composition

YEAR Spring 2018

keywords Curious / Changing / Interesting FORMATE Book 8 × 10.5 in

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

038 / 039

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

040 / 041

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

042 / 043

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

044 / 045

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

046 / 047

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

048 / 049

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / THE PLANETS

PROJECT / 0 1 / 02

0 3 / 0 4 / 05 / 0 6 / 07

050 / 051

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3

PROJECT / HOMEY

03

0 4 / 05 / 0 6 / 07

052 / 053

A home for life [ BACKGROUND ] This project is to design an app to solve some problem in life.

Wherever I live, I like to decorate my home to make it warmer, so I designed this app “Homey.” During this project, I also learned and enjoyed the process of developing an app from the birth of ideas to design and refinement. [ APPROACH ] My app inspiration comes from the fact that I always put furniture in a new place to make it looks fresh. So I designed this app to help me and friends decorate the homes, also get inspiration and personal advice from each other.

PROJECT Homey

INSTRUCTOR­­ Bob Slote

CATEGORIES App

COURSE­­ Digital Design Studio

YEAR Fall 2018

Keywords Cozy / Convenient / Positive FORMAT App 1125 × 2436

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / HOMEY

PROJECT / 0 1 / 02 / 0 3

0 4 / 05 / 0 6 / 07

054 / 055

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / HOMEY

PROJECT / 0 1 / 02 / 0 3

0 4 / 05 / 0 6 / 07

056 / 057

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / HOMEY

PROJECT / 0 1 / 02 / 0 3

0 4 / 05 / 0 6 / 07

058 / 059

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / HOMEY

PROJECT / 0 1 / 02 / 0 3

0 4 / 05 / 0 6 / 07

060 / 061

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / HOMEY

PROJECT / 0 1 / 02 / 0 3

0 4 / 05 / 0 6 / 07

062 / 063

PROJECT / HOMEY

PROJECT / 0 1 / 02 / 0 3

0 4 / 05 / 0 6 / 07

064 / 065

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3 / 0 4

PROJECT / UTOPIA

04

05 / 0 6 / 07

066 / 067

A possibility for tomorrow [ BACKGROUND ] This project is about designing the promotion for a commercial typeface to sell to design studios or designers. [ APPROACH ] I chose Utopia for my promotional typeface and designed a double-sided poster for it. One side shows the specimen of Utopia. The other side consists of several small posters displaying the visual effect of the typeface in different situations that make designers better understand how to use it. The poster can be folded and put in an envelope, or hung up on a wall.

PROJECT Typeface Specimen

INSTRUCTOR­­ John Nettleton

CATEGORIES Poster / Booklet

COURSE­­ Type Composition

YEAR Spring 2018

KEYWORDS Multipurpose / Visual / Functional FORMATE Posters 17 × 22 in Envelope 12 × 9 in

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / UTOPIA

PROJECT / 0 1 / 02 / 0 3 / 0 4

05 / 0 6 / 07

068 / 069

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / UTOPIA

PROJECT / 0 1 / 02 / 0 3 / 0 4

05 / 0 6 / 07

070 / 071

PROJECT / UTOPIA

PROJECT / 0 1 / 02 / 0 3 / 0 4

05 / 0 6 / 07

072 / 073

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / UTOPIA

PROJECT / 0 1 / 02 / 0 3 / 0 4

05 / 0 6 / 07

074 / 075

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

PROJECT / SPLIT

05

0 6 / 07

076 / 077

A treatment for terror [ BACKGROUND ] This project is to design a series of movie posters and a trailer.

First, we needed to choose a movie, then explore a typeface in different ways according to the emotions of the movie. Next, we used the font features of the font to complete the design. The objective of this project is to find out more possibilities of typeface display by exploation and to provide new ideas for design. [ APPROACH ] The movie I chose is Split. The movie mainly talked about a split personality. I printed the font on paper and cut it. Then I wove, pulled out, deformed and stitched it together from a new combination to form the final design. The poster used a black and white tone to create a gloomy and terrible atmosphere.

PROJECT Movie Posters

INSTRUCTOR­­ Wioleta Kaminska

CATEGORIES Posters

COURSE­­ Type Experiments

YEAR Fall 2018

keywords Emotional / Experimental / Horrifying FORMATE Posters 18 × 24 in Trailer 5120 × 2880

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / SPLIT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

0 6 / 07

078 / 079

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / SPLIT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

0 6 / 07

080 / 081

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / SPLIT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

0 6 / 07

082 / 083

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / SPLIT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

0 6 / 07

084 / 085

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / SPLIT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

0 6 / 07

086 / 087

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / SPLIT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05

0 6 / 07

088 / 089

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

06

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

090 / 091

A change for good [ BACKGROUND ] This project is a redesign of FedEx’s Corporate Social Responsibility (CSR) report. I learned a lot about organizing photos and text variations and maintaining consistency. One of the key ideas that I learned from information design is how to find a better visual method to show a lot of data in the CSR report. [ APPROACH ] I used many geometric shapes to deal with photos because FedEx is an express company. These shapes symbolize the expansion of the transport box. Also, it is a good way to make photos and text have a connection because they can better line up with the grid appropriately. This book uses french-fold binding. Most of these photos I placed in the fold between pages to convey the concept of transfer.

PROJECT FedEx CSR Report

INSTRUCTOR­­ John Nettleton

CATEGORIES Book Design

COURSE­­ Type Composition

YEAR Spring 2018

Keywords Concise / Clear / Unique FORMATE Book 8.5 × 11 in

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

092 / 093

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

094 / 095

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

096 / 097

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

098 / 099

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

100 / 101

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

102 / 103

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / FEDEX CSR REPORT

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6

07

104 / 105

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

PROJECT / YOUR PRIVACY

07

106 / 107

A matter for scrutiny [ BACKGROUND ] This project is to design a book in a suitable way to introduce a phenomenon. The phenomenon I chose is “Decay.“ This project taught me how to tell stories and how to make ideas visible. [ APPROACH ] I think decay is a very interesting phenomenon, because of the different substances and microorganisms. I created illustrations to introduce this microcosmic world that people can’t see.

PROJECT Conference

INSTRUCTOR­­ John Nettleton

CATEGORIES Visual Identity

COURSE­­ Type Systems

YEAR Summer 2018

Keywords Detailed / Unique / Handpainted FORMATE Posters 18 × 19 in Program 6.5 × 4.25 in App 1125 × 2436 Website 2560 × 1440

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

108 / 109

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

110 / 111

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

112 / 113

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

114 / 115

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

116 / 117

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

118 / 119

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / YOUR PRIVACY

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

120 / 121

THE WHAT, WHY AND HOW / SHUO LIU

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

00

122 / 123

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 teachers and friends for your advice and help, that always makes me better.

[ EVERYONE]

[ FAMILY & FRIENDS]

Mary Scott

Mom & Dad

John Nettleton

My Sister, Chang

Hunter Wimmer

My Brother, Yu

Sandra Isla

Bella Chu

Bob Slote

Yi Tian

Barbara Hughes

Taylor Zhang

Jill Ballard Alberto Attia Scot Rankin Susan Pasley Janine Ryle Roger Swee

THE WHAT, WHY AND HOW / SHUO LIU

name Shuo (Hannah) Liu telephone +1 (415) 741-7406 email shuoliushuo@gmail.com Website­­ shuolius.com photography­­ Shuo (Hannah) Liu typeface Abitare Sans Bindery Blurb Inc 580 California St # 300, San Francisco, CA 94104

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

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

124 / 125

THE WHAT, WHY AND HOW / SHUO LIU

© 2019 Shuo Liu All Rights Reserved.

No part of this publication can be reproduced without permission from Shuo Liu.

PROJECT / 0 1 / 02 / 0 3 / 0 4 / 05 / 0 6 / 07

126 / 127

THE WHAT, WHY AND HOW / SHUO SHUO LIU LIU