Page 1

GRAPHIC DESIGN PORTFOLIO

Selected works by Jieling Huang 2014-2017 huangjielingdesign.com


GRAPHIC DESIGN PORTFOLIO

Selected works by Jieling Huang 2014-2017 huangjielingdesign.com

PAGE_BB PROJECT_01


COPYRIGHT Š 2017 JIELING HUANG All rights reserved. No part of this publication can be reproduced, stored in a retrieval system, or transmitted in any form as well as by any means electronic, mechanical, photocopying, recording or otherwise without the express permission of the copyright holder.

PAGE_AA PROJECT_01


SPECIAL THANKS MY WIFE J.Y Thanks for always being there for me, love me and support me.

PAGE_BB PROJECT_01


[ C O M B I N A T I O N ]

PAGE_AA PROJECT_01


My design is about combining.

Combination in design brings unlimited possibilities, creativity and surprise. PAGE_BB PROJECT_01


Selected works by Jieling_Huang

[ C OM B IN ATIO N]

TABLE OF CONTENTS

01.

COURSE\. GR-620 Visual Thinking PROJECT NAME\. FRESHARE Framer’s market branding

PAGE\. 01-16

PAGE_AA PROJECT_01


02.

04.

COURSE\. GR-613 Type experimental

03.

COURSE\. GR-613 Type experimental

PROJECT NAME\.

PROJECT NAME\.

Experimental type

Sustainable

dominated Website

Architectural series posters

PAGE\. 17-28

PAGE\. 29-40

COURSE\. GR-601 Type Systems

05.

COURSE\. GR-605 Digital design studio

PROJECT NAME\. Book design “See World Through

PROJECT NAME\. GOGOAL

Postage Stamp”

App Design

PAGE\. 41-50

PAGE\. 51-64

PAGE_BB PROJECT_01


Selected works by Jieling_Huang

PAGE_01 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PROJECT_01

FRESHARE

TITLE\.

PROJECT OVERVIEW

Freshare, Framer’s market branding COURSE\. GR-620 Visual Thinking

For this project, I was asked to investigate a problem that can be solved by graphic design, develop a brand that fully functional, also identify the problems can be solved through the design process. Through identify

DISCIPLINES\.

various audiences and stakeholders and research how

Identity, Branding,

the problem affects them.

Concept DELIVERABLES\. Brochure, Posters, Website, Mobile App.

DESIGN APPROACH Farmer’s market has become more and more popular in Bay area but a lot of farmer’s market information online

INSTRUCTOR\. Hunter Wimmer

are incomplete, overstayed, or lack of details. My concept is to create a brand has different deliverables

YEAR OF COMPLETION\.

each has their purposes, collect related information

2015

and re-organize that make convenient for people who interested with farmer’s market and also promote the farmer’s market lifestyle.

PAGE_02 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_03 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_04 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_06 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_07 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_08 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_09 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_10 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_11 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_12 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_13 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_14 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_15 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_16 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_17 PAGE_AA PROJECT_02 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PROJECT_02

PLAN AHEAD MATTERS

TITLE\.

PROJECT OVERVIEW

Experimental type dominated Website COURSE\.

The objective of this project is to create a website about an opinion with a strong personal and conceptual

GR-613 Type experimental

context. Focused on exploring blending image and

DISCIPLINES\.

shapes express the topic. Explore unusual combina-

type. Try typefaces that never used before. Using letter Typography, Web design DELIVERABLES\.

tions, break up text in unusual ways. In the end, most of the type should be readable.

Website INSTRUCTOR\. Kathrin Blatter YEAR OF COMPLETION\. 2015

DESIGN APPROACH My topic is “Plan ahead matters”. The “plan” is actually an abstract concept. I use the combination of letter shapes to create the sense of planning. I created a series of animations, when viewer scrolling the page to the specific location, the composition of typography and graphic shapes will show off and moving around. Also, the highlighted content will pop out while reading the articles. They will enhance the reading experience. This website is typeface dominated, the layout and background are very clean and create the sense of space.

PAGE_18 PAGE_BB PROJECT_02 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_19 PAGE_AA PROJECT_02 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_20 PAGE_BB PROJECT_02 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_21 PAGE_AA PROJECT_02 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_22 PAGE_BB PROJECT_02 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_23 PAGE_AA PROJECT_02 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_24 PAGE_BB PROJECT_02 PROJECT_01

05


Selected works by Jieling_Huang

[ C OM B IN ATIO N]

WEBSITE STRUCTURE

Graphic elements and typography moving while page scroll down.

Information and text box will appear or pop out when When the page scrolls to a specific location

PAGE_25 PAGE_AA PROJECT_02 PROJECT_01


Portfolio Project

01

02

03

04

PAGE_26 PAGE_BB PROJECT_02 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_27 PAGE_AA PROJECT_02 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_28 PAGE_BB PROJECT_02 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_29 PAGE_AA PROJECT_03 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PROJECT_03

SUSTAINABLE SERIES POSTERS TITLE\.

PROJECT OVERVIEW

Sustainable Architectural series posters COURSE\.

For this project I was asked for push the type boundaries even further and create my own type. Pick an

GR-613 Type experimental

architecture theme conference, event, tribute, or

DISCIPLINES\.

Describe the event as a whole and determine 3 main

lecture series; either an existing one or invent one. Typography, Concept, Layout Design DELIVERABLES\.

topics to be discussed or featured, one topic for each poster. The topics will have to be related with each other in some way.

Posters Series

DESIGN APPROACH INSTRUCTOR\. Kathrin Blatter YEAR OF COMPLETION\. 2015

My architecture poster series is about sustainability, I expand this concept through three different angles “environment”, “interspace” and “material”. I use different materials, composition and placement to express the meaning of each theme. All the typefaces made by real paper and wood, cut and craft by hand, then shot with the camera in the real environment.

PAGE_30 PAGE_BB PROJECT_03 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_31 PAGE_AA PROJECT_03 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_32 PAGE_BB PROJECT_03 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_33 PAGE_AA PROJECT_03 PROJECT_01

[C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_34 PAGE_BB PROJECT_03 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_35 PAGE_AA PROJECT_03 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_36 PAGE_BB PROJECT_03 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_37 PAGE_AA PROJECT_03 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_38 PAGE_BB PROJECT_03 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_39 PAGE_AA PROJECT_03 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_40 PAGE_BB PROJECT_03 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_41 PAGE_AA PROJECT_04 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PROJECT_04

05

SEE WORLD THROUGH THE POSTAGE STAMP TITLE\.

PROJECT OVERVIEW

Book design “See World Through The Postage Stamp”

In this project We were encouraged to explore new ways to communicate with text and image. This

COURSE\.

project was to create a type-based book with a

GR-601 Type Systems

direction of a topic that we interested, design the

DISCIPLINES\.

consistently through the whole book. I Also created

type system and visual style, then using the system Book design, Typography, Visual system, Digital publishing DELIVERABLES\.

an E-book version for the digital platform by using similar visual style. DESIGN APPROACH

Textbook, Digital version

My topic is about postage stamps. My main design INSTRUCTOR\. Zack Shubkagel YEAR OF COMPLETION\. 2016

purpose is to create the visual system that based on the fonts and graphic elements to convey the characteristics of the postage stamp. I combined multiple typefaces and styles to create the contrast in order to enhance the reading experience. For the E-book version, after considering the user experience for reading on the iPad, I also use the same visual system to create the layout that more comfortable for screen reading.

PAGE_42 PAGE_BB PROJECT_04 PROJECT_01


Selected works by Jieling_Huang

PAGE_43 PAGE_AA PROJECT_04 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_44 PAGE_BB PROJECT_04 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_45 PAGE_AA PROJECT_04 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_46 PAGE_BB PROJECT_04 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_47 PAGE_AA PROJECT_04 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_48 PAGE_BB PROJECT_04 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_49 PAGE_AA PROJECT_04 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_50 PAGE_BB PROJECT_04 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_51 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PROJECT_05

GOGOAL MOBILE APP DESIGN TITLE\.

PROJECT OVERVIEW

“Gogoal” Mobile App Design COURSE\. GR-605 Digital design studio

This project I was asked to choose a topic and design an app that has the specific function. Think of a combination of user experience and functionality during the design process. Going through detailed

DISCIPLINES\.

research and testing, and finally create a beautiful and

App Design, UI/UX

functional user interface system.

DELIVERABLES\. Mobile App

DESIGN APPROACH

INSTRUCTOR\.

My App allows you to share goals with friends and if

Bob Slote

you are interested in your friends’ goals, you can follow

YEAR OF COMPLETION\.

check whether your friend has completed their goal as

them and link goal with your friend so that you can 2015

planned, And also you can set rewards to encourage you and friend who link with you to timely completion of the plan.

PAGE_52 PAGE_BB PROJECT_05 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_53 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_54 PAGE_BB PROJECT_05 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_55 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_56 PAGE_BB PROJECT_05 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_57 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_58 PAGE_BB PROJECT_05 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_59 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_60 PAGE_BB PROJECT_05 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_61 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_62 PAGE_BB PROJECT_05 PROJECT_01

05


Selected works by Jieling_Huang

PAGE_63 PAGE_AA PROJECT_05 PROJECT_01

[ C OM B IN ATIO N]


Portfolio Project

01

02

03

04

PAGE_64 PAGE_BB PROJECT_05 PROJECT_01

05


SCHOOL\. Academy of Art University School of Graphic Design COURSE\. MA Portfolio Seminar CONTACT\. huangjieling115@gmail.com huangjielingdesign.com INSTRUCTOR\. Jeremy Stout DESIGNER\. Jieling Huang TITLE OF BOOK\. Portfolio TYPEFACES\. DINpro FreightText Light

PAGE_AA PROJECT_01


huangjielingdesign.com

Jielinghuang graphic design portfolio  

Jielinghuang graphic design portfolio  
Advertisement