process: (n.) 1. procedure, operation,action, activity, exercise, affair, business, job, task, undertaking. 2. method, system, technique, means, practice, way, approach, methodology
eunhae grace yoo
Technicality / Precision
Diligence Effort / Perseverance
Research / Brainstorming
Attention to detail
Behind ev e r y
Design What makes each designer unique.
Sidekicks The tools that are with me every step of the way.
I. Po ster Objective: Create a one-sheet design that uses basic design principles and ideas to convey the new use for a certain site. Utilize photography, montage, and/or collage to explore letter forms. Explore the design research and visually communicate to a defined primary audience.
Approach: The first project required me, as a designer, to discover a personal method for brainstorming and collecting ideas. Learning how to approach and gather necessary information and visual elements about the subject ultimately sparked my ideas for the poster design. As pictured on the left, the brainstorming process was comprised of gathering inspiration, choosing a color scheme, and defining my interests.
Visit the Site & Observe: First, I physically explored the actual public site for a firsthand observation. In my case, I assessed the environment and space right outside of Starbucks, located in USCâ€™s University Village.
Process: Stage 1 – – – –
Visit the site Brainstorm Sketch ideas Gather inspiration (Pinterest, Designspiration)
Stage 2 – Create multiple drafts – Print and examine Stage 3 – In - class critique – Take notes of constructive criticism Stage 4 – Revise – Finalize
Sketches of possible ideas for redesigning the courtyard in front of Starbucks.
Sketches of poster layout and image ideas that reveal my thought process regarding how the poster will be displayed in public.
Coffee Grounds Type
ue to my interest in handmade design, I added organic, natural elements to my poster – instead of solely sticking to digital graphics, such as water color images and handmade fonts. Pictured on the right is the tagline “drink, enjoy, & dwell” made out of instant coffee grounds. I specifically chose the word “enjoy” and “dwell” to convey the idea that the new outdoor patio will accomodate and allow customers to take their time and enjoy their visit to a coffee shop because more space if available.
y poster is promoting an imaginary renovated outdoor patio at Starbucks. I reimagined the patio space outside of Starbucks located on Hoover St. by University of Southern California because the area was not being utilized to its full potential. As a coffee shop located right off campus, the University Village Starbucks was always packed with many students. However, by visiting the site, I realized that there is not much room and seating for customers. Therefore, the imagined, tented outdoor patio would create more seating space and transform the site.
learly communicating the posterâ€™s promotional message was the most challenging aspect of the project. In the beginning, I had originally planned on creating a 3D poster where a plastic tent-like structure (from an aerial view) would be hung on a wall. However, I deviated from that original idea and decided to create abstract coffee and mugs by stamping lemons with watercolor and actual coffee. I ultimately chose to incorporate coffee into the design because I wanted the poster to clearly convey its association to a coffee shop.
II. Magazine Spread Layout Objective: Explore hierarchy of layout elements and produce the spreads in print and digitally. Become familiarized with layout vocabulary. At first, I attempted to create a spread about symbols but that eventually led me to the idea of constellations and zodiac signs. Because symbols as a topic was too broad and general, I focus on developing a narrative for a spread about zodiac signs and constellations. Each of the three spreads have different hierarchy of layout elements such as headline, body copy, and image.
20 Process: Stage 1 – Collect ten inspirational images – Explain the significance of the ten images to classmates Stage 2 – Create multiple drafts – Sketch ideas and layout thumbnails Stage 3 – Create three rough drafts – Handwrite headlines Stage 4 – In - class critique – Take notes of constructive criticism Stage 5 – Revise all three layouts Stage 6 – Finalize – Print and mount on a board
22 Simple, playful, and broader san serif fonts
Partly accentuated, thin serif font
Slanted, sleek serif font
font ideas for:
Overlapping text, thin line quality
Condensed, handmade font
Experimenting with boundaries, word-play
Ha n d w r i t t e n
Headlines Inspired by other designers’ handwritten, sleek, and clean fonts, I also experimented with calligraphy. In my final spreads, I used “Something About Stars” and “Illuminating Our Futures” as the headlines. I chose those two because I liked the clean look and the message behind those two titles. The wording, “Something About Stars,” is supposed to reveal that the spread will discuss the reasoning behind people’s attraction to stars. “Illuminating Our Futures” alludes to zodiac signs and how stars have historically played roles in storytelling.
Different Hierarchy in Layouts
lthough designing an interesting image was not difficult, the challenge was to clearly show hierarchy of different layout elements. Oftentimes, the body copy would compete with the image as the
dominant element in the hierarchy of the layout. What helped speed up the process in making the spreads was to draw quick thumbnail sketches of the placement of the three layout elements.
Example of thumbnail sketches of layouts. Experimenting with different layout element in terms of hierarchy.
D I Y:
Watercolor Visuals My favorite part about design is mixing the handmade elements with the digital. Because my spreads are about stars, I wanted to convey a dreamy, flowy vibe in the visual element. Watercolorâ€™s natural flow and rhythm was easy to work with and effortlessly created a marbling effect.
Brief overview of working with watercolor: I. Paint on watercolor paper II. Photograph the work III. Transfer the image onto a computer/ hard drive IV. Tweak, adjust, and polish image on Photoshop a. Color correct b. Fix the lighting c. Check the vibrancy d. Double check the size e. Experiment with the hue V. Save, save, save !
III. Redefined Media Ojbective: To improve an existing idea or project and translate it into another media in 2D, 3D, and interactive form.
y idea for redifining an existing media underwent several processes and my final product ended up completely different than what I had originally planned. My original idea was to redesign a backpack and develop a lookbook or a website for the product. However, after many sketches, I decided to redesign giftcards and their packaging.
2D component Giftcard design: Rethinking and redesigning common giftcards – Untraditional giftcard shape (square and circle) – Chic, collectable series – Keychain giftcard; easily accessible – Reuseable as keychain decor
3D component Giftcard packaging: a container that will improve the overall look of the giftcard when displayed – Icosahedron shape – Window display piece – Hangs from the ceiling
Taking the project a step further: Museum installation and collaboration with Suha Park’s windown display design – A window display design that also doubles as an installation piece for
34 Collectable, unique designs
EY: Experimental logo of two letters that also looks like an arrow
Hole to attach and transform the giftcard to a keychain
Small, keychain size
Tr a n s f o r m e d The outcome of a collaborative project with Suha Park. A hanging window display sculpture inspired by organic forms.
IV. Collaborative Self-Promotional Project Main themes of the collaborative book, MAKE: – DIY/handmade – Collage – Modern & clean style
Duties of the Production Group: Ensure and deliver high quality of work as the books are printed, trimmed, bound, and polished.
P e r s o n al
tasks: – Assist with printing – Trim the spreads and postcards – Lead the binding process – Check for mistakes – Help design the “About the Book” page
type & illustrations In many of my works, I add handdrawn, organic elements to my designs. This project, especially, allowed me the freedom to use original, handwritten typography and illustrations due to the bookâ€™s DIY, handmade theme.
Process of individual spreads: Stage 1 – In-c lass demonstration of DIY dreamcatcher Stage 2 – – – –
Create How-To spread drafts Design a front and back cover Design a postcard Photograph the supplies
Stage 3 – Critique/ choose a layout Stage 4 – Finalize the spread – Print
Steps showing the progression of fixing hand-rendered type on Illustrator using “Image Trace”