ELASTIC As a designer, I believe the excellence of the design is how we interpret great ideas and make them resonate with people. I’m an elastic designer. Elastic means the multiple sides of things I see, interpret, and create. Elastic demonstrates my design ideals, process, strategies and results. Elasticity helps me to find the connection between people, environments, things and thoughts to create a practical solution and innovative path.
01. 02. 03.
RAINBOW SMOOTHIES
06
never alone
26
REVEL SPA
40
04. 05.
SLEEP TIGHT
58
SIGHT GLASS
76
RAIN B O W SMOOTHIE S
CLASS Visual Thinking
YEAR Fall 2015
CATEGORIES Identity, UI/UX, Illustration, Packaging
INSTRUCTOR David Hake
06
THE SELECTED WORKS OF SHUGUANG GU
PROJECT DESCRIPTION
PROJECT CONCEPT
This project leads us through specific steps in the design process to create engaging and relevant solutions. We were asked to propose a topic, identify its relevant audience and stakeholders, then find, create, and implement compelling visual elements in a variety of media that work together as a cohesive system.
The core mission of this brand is to encourage the audience to learn how to make fun, tasty smoothies to get children to eat more veggies and fruits, and create healthy eating habits through smoothie nutrition education. Bright colors and illustrations were used to attract people's attention and create an inspiring atmosphere. I designed a poster series, an APP and products. They worked individually to promote the brand and worked together as a system.
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
07
08
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
09
10
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
11
12
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
13
14
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
15
16
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
17
18
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
19
20
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
21
22
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
23
24
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
RAINBOW SMOOTHIES
25
n e v e r a l o n e
CLASS Experimental Typography
YEAR Fall 2016
CATEGORIES Typography, Printed Book Design
INSTRUCTOR Stan Zienka
06 26
THE SELECTED WORKS OF SHUGUANG GU THE SELECTED WORKS OF SHUGUANG GU
PROJECT DESCRIPTION
PROJECT CONCEPT
This f inal project is a large under taking of extensive research, writing, image gathering, and design. We need to mentally and physically record things we see, hear, touch and smell as we go about our daily routines. These recordings will then become the fuel for our writing and designing of this book.
My idea for this project is to give a visual representation of the overuse of smartphones. This book is about how our smartphones have changed our relationships to others, to the world and to ourselves. This stor y has three parts: past, present and future. I have used some electronic elements, and in every chapter I only use text that looks like text messaging to emphasize the concept. It was an eye opening process to see the natural world through this lens and I have written down the story of my discovery process.
01 / 02 / 03 / 04 / 05
NEVER ALONE
27
28
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
NEVER ALONE
29
30
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
NEVER ALONE
31
32
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
NEVER ALONE
33
34
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
NEVER ALONE
35
36
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
NEVER ALONE
37
38
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
NEVER ALONE
39
R E V E L S P A
CLASS Visual Literacy
YEAR Spring 2015
CATEGORIES Identity, Print, UI/ UX Design
INSTRUCTOR Hunter Wimmer
40
THE SELECTED WORKS OF SHUGUANG GU
PROJECT DESCRIPTION
PROJECT CONCEPT
Identif y the intentions of a sign based on the content and contex t of the sign, and by keeping the same intentions and applying a systems-thinking approach, conceive another genre, media and style that this piece might become. Then, develop new content, create a system and draft new deliverables to fulfill the intent of the original sign faithfully.
Revel Spa, located in the heart of San Francisco, of fers a unique relaxing atmosphere in a tranquil setting for manicure, pedicure, facials, and massages. I rebranded with a relaxing and elegant feeling to target an audience who pursues the best spa experience. The only element that remains from the original sign is the intention of the message. I generated entirely new verbal and visual content based on the intention. I have designed a system of elements working together to provide unit y, consistency, and flexibility. I also created a specific color system, using green, yellow, blue to attract viewers.
01 / 02 / 03 / 04 / 05
REVEL SPA
41
42
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
43
44
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
45
46
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
47
48
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
49
50
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
51
52
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
53
54
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
55
56
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
REVEL SPA
57
S L E E P T I G H T
CLASS Type Systems
YEAR Fall 2015
CATEGORIES Typography, Printed Book Design
INSTRUCTOR David Hake
58
THE SELECTED WORKS OF SHUGUANG GU
PROJECT DESCRIPTION
PROJECT CONCEPT
Create a book about the future based on an assigned topic. This future should not be hundreds of years away, but something we could see in the near future. The book should be 64 pages or more. The goal of this project is to focus on the t ypography design and leverage page layouts to express a concept that communicates proper information to the audience.
Sleep is a mysterious shift in consciousness that our bodies require every day. It ’s vital for our health and well being, and not only do we not function well when we don’t sleep, but lack of sleep can also lead to long term health problems. Therefore, I have come up with ideas where technology can aid or at least optimize sleep time. The design direction and nomenclature emphasize illusionary and dreamlike visuals that are closely associated with sleep.
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
59
60
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
61
62
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
63
64
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
65
66
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
67
68
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
69
70
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
71
72
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
73
74
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SLEEP TIGHT
75
s i g h t g l a s s
CLASS Digital Design Studio
YEAR Fall 2015
CATEGORY UI/UX Design
INSTRUCTOR Lloyd Mitchell
76
THE SELECTED WORKS OF SHUGUANG GU
PROJECT DESCRIPTION
PROJECT CONCEPT
This project is about redesigning a website. Select a cof fee shop in my neighborhood and redesign their desktop and mobile website in three levels—home page, menu page, and product page.
I chose the Sight Glass cof fee shop as my redesign project. The original website doesn’t look like an e - commerce website. Both the aesthetic and function don’t work well. I designed dif ferent layouts, which are more modern and legible for the different resolutions of screens. The overall mood of this project is warm and cozy, which makes customers feel comfor table and relaxed.
01 / 02 / 03 / 04 / 05
SIGHT GLASS
77
78
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SIGHT GLASS
79
80
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SIGHT GLASS
81
82
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SIGHT GLASS
83
84
THE SELECTED WORKS OF SHUGUANG GU
01 / 02 / 03 / 04 / 05
SIGHT GLASS
85
DESIGNER
Copyright Š 2017 Shuguang Gu
SH UG UAN G GU
gu.s h ugua n g0306@ gm a il.co m
All rights reserved. No part of this publication may be
PHONE
WEBSITE
415 42 5 1 1 3 6
s h ugua n ggu.co m
reproduced, distributed, or transmitted in any form or by any means, including photocopying, recording, or other electronic or mechanical methods, without the prior written permission of the copyright holder.
w w w. s h u g u a n g g u . c o m