Partners with Kakao

Magazine, 180 x 240mm, 2018








Overview

As a team member of Government Relations & Policy Affairs in Kakao Corp., I designed monthly magazine, “Partners with Kakao” which is about the story of people growing their businesses with services of Kakao Corp. I had participated in the project as a lead graphic designer from the second to the ninth issue except the fourth. As a lead designer, I had focused on the more reader’s side design and also improve the making process for work efficiency.

Link ︎ Partners with Kakao





Team
Kakao Brand Lab
Sumin Jeon
Yeonju Kim
Jaekook Han
Jaehyun Kim
Hyeseung Lee
Jinsol Kim
Jihong Min


Role
Lead graphic designer
Art Direction Master page layout Information architecture


Tool
Adobe Indesign
Illustrator
Photoshop
InCopy













Role

I join the team and the project from the second issue.  The magazine already has a basic concept of design and my role was to use my former experience to improve the magazine’s design and the making system with the team. Also, I art directed photography and illustration. 














Process

First, I had analyzed the task based on the first issue, and the making process through the meeting with the team. Because I wanted to know precisely that what I can contribute to the readers and the team.

The first look of the magazine looks sweet but a little bit flat because it has various stories, but each page looks similar. An individual story needs more personality to contrast to help readers understand easily where they are and what they read. But not too much to ruin the visual coherence.

Also, I wanted to make this magazine as a platform for stories. It needs a master grid design for that, and I believe it could improve efficiency of project management. Because monthly magazine has an intense schedule, so if the magazine has a master grid design, it gives visual consistency to the magazine and also helps manage it. So, I had designed master grid based on the first issue. Because it's not a renewal, but improve it. After this thought, I had personal goals that are




1. Context based design for readers

2. Solid Information Structure

3. Visual consistency

4. Improve work efficiency









Readers can distinguish the contents when they are reading, but I wanted to make it also visually. If the story and design bond firmly, it makes more solid result and give readers clear information hierarchy. So, I concentrated on the context based design that each chapter, each contents can have their own fit. There was a running head but it covers a too broad range, it confuses where I read now. So I clarify each chapter's running head and connected to table of contents to make solid information structure.

Every chapter has different story, and it needs its design. It's not only about layout but also font. So I suggest serif font on the story chapter to give a soft and delicate feeling for the readers. Because it's about their story, not information. I wanted to make it relax. Also, invitation chapter, I got an idea from the word “invitation,” I designed with letter form to give a gentle and respectful feeling to the readers.



Every issue has signature colors on the cover. I put these colors to the chapter title page for the visual consistency, and it makes the magazine have a solid design. Also, I use a variation of each months color on Information chapter. I expand background color to the whole page and every part except the main title and body text. A black colored title is one of the rules of entire magazine design for consistency, and black colored body text makes a contrast with a background color, it makes readers easy to read.










“How improved work efficiency affects the project management.”




The master gird reduces the time to design, but I wanted to improve the whole making process, not only the design part. After full contents were coming from the writers, editors proofreading the text again and again and again. We, designers keep working on the layout during that moment, but usually, we had to wait for the reviewed version, because it could be affected to the design. I wanted to reduce this gap. So I’m looking for the way to solve this, I found the application Adobe InCopy. It lively connected to InDesign text boxes, so editors and designers working the same page simultaneously. Moreover, this gave us more time to polish the magazine.

These things needed effort and not comfortable in the tight schedule, but worth it. And it means not only by me but every team member also listen carefully, and we discussed all of the things together and tried hard to improve it. It took time more than a month. We evaluate it step by step. Therefore every month, we can feel we are getting better.










The master gird reduces the time to design, but I wanted to improve the whole making process, not only the design part. After full contents were coming from the writers, editors proofreading the text again and again and again. We, designers keep working on the layout during that moment, but usually, we had to wait for the reviewed version, because it could be affected to the design. I wanted to reduce this gap. So I’m looking for the way to solve this, I found the application Adobe InCopy. It lively connected to InDesign text boxes, so editors and designers working the same page simultaneously. Moreover, this gave us more time to polish the magazine.

These things needed effort and not comfortable in the tight schedule, but worth it. And it means not only by me but every team member also listen carefully, and we discussed all of the things together and tried hard to improve it. It took time more than a month. We evaluate it step by step. Therefore every month, we can feel we are getting better.


Compared work time between the first month and the last month, it reduced 90% of overworking time during the six months. It gave designers enough time to focus on details like art direction to photos and illustrations. They were outsourcing, we have a guide, but it’s not enough. When the work efficiency was improved, so we have time, I had participated to shot for direction, and it gave us a more suitable image for our contents. And for editors, they could spend more time on the writings and editing. It was a beautiful experience. Every team member listens carefully to each other's idea and all we had shared what our goal it is and put out effort in it. Therefore it turns out a remarkable result.


Link ︎ Partners with Kakao









How Is Your Commute?


Poster + Illustration, 2019











About

I designed the print and digital version of the poster for a "Transportation survey for sustainability" campaign at New York University with illustrations of transportation that use in New York City. And the campaign was very successful that almost doubled the number of people participated rather than expectation.
 



Client
NYU Office of Sustainability


Team
Suzanne Doig
Logan Johnson
Jaekook Han


Role
Graphic Design
Illustration


Tool
Indesign
Illustrator










Ways of Seeing Now

Poster, 2019



Client: Class of Light as an Art Medium, ITP, NYU

Tool: Adobe Illustrator, Indesign

About
A poster for the final project showcase of Light as an Art Medium class in ITP, New York University.

 





Focus Helper

Interactive installation, 2018
W1500 x H1600 x D360 mm






Overview

U-Lock U-Light is the bicycle accessory combined with a lock system, and the multiple LED lights. U-Lock U-Light enhances visibility and awareness for riding safely at night. I worked as a co-researcher and co-designer of the U-Lock U-Light. The project is a result of the Product Design class at ITP, New York University.




Team
Solo project


Role
UI & Interaction Design

User-tests
Prototyping


Tool
CNC

HTML
P5.js
Arduino














Solo Project
Instructor: Daniel Rozin


Tool: Power tools, CNC, HTML, CSS, p5.speech, p5.js, Arduino


Overview
Focus Helper is a product for allowing people to have a better conversation. It helps people understand each other well by catching their facial expressions easily and hear a clear voice. Also, it can archive the discussion for the person who wants reviewing the conversation. The project exhibited on the 2018 Winter Show of Interactive Telecommunications Program, New York University. 


Design Process
Focus Helper starting from the question,
   

“How to reduce the misunderstanding in conversation?”


I researched that question, and every answer said the most important thing is

“Pay attention and Listen.”


I thought about how to make people pay attention and wanted to make people only focus on each other — and also considered which senses are using during the conversation.

Pay attention has the same behavior of taking a photo with a camera. When shooting the picture, people control the focus on the object for clear image and using the zoom function to get close to it. Moreover, people can be easily disrupted by an environment when they are trying to focus on something.

So first, I designed limited space, two helmets that make only see each other for protection from interruption around them. Moreover, put a microphone and speakers for listening, also set a webcam and display for viewing each other's mouth because that is the where the sound is coming. So, during the conversation, they only can see each other's mouth. The same controller controls the webcam and volume of the microphone. Zoom in to the mouth means close to an opponent and focus on listening. So it raises the amount of the sound.

Moreover, I made an archive website. All conversations through these helmets can archive to the site by pressing the button on the handle. This idea is from the behavior that if people want to understand the context, then they write down a note or record it. So, this archive can use for who wish to review the conversation. Also, the helmet needs quite a size for put all of those functions, so it is getting bigger, and it needs a handle for the stability. 




After finished the sketch, I made the first mock-up with cardboard for the user test.





Problems from the user test
- The weight of the final product
- Noise Reduction
- Complexity of the webcam and display design
- How to control the distance between participants

Based on user test, I thought if I make this size of the helmet, it’ll be too heavy, so I redesigned shape to a box installation that people can put their head in it. Moreover, this also solves the distance problem.

Also, the webcam and display are change to Fresnel lens that covers the whole face and connects to the handle and a microphone too for more intuitive interaction. Also, changed the speaker to headphone for noise reduction. Users can control the focus of the opponent’s face and the volume by just push and pull the handle. Also, the Fresnel lens magnifying the face three times bigger, so it helps people catching facial expressions easily.

After finished real sized mock-up with cardboard, I had had second user test. Inside of the box was too dark so they cannot see each other well, I make a bigger hall for the light on the top. Also, the handle is not moving smoothly, and I put drawer slides in the final product. Also attached the soundproofing foam around head space for the user can focus on their voices.






Final Progress
The primary material is wood. I thought wood gives natural mood rather than plastic or steel and it relaxes people by not only visual, also a scent of it. Also, cover the top hole with a transparent acrylic panel. I used chairs that can control up and down for various users who have different height.







How it works and exhibition
The handle controls focus Helper in the middle which has a microphone, a magnifying lens and two buttons that connected to p5.speechRecognition. When a user pushes the button during the speaking, the switch activates p5.speechRecognition and it records his conversation on the Focus Helper Archive. So they can review their conversation after using the product.

The lens which is controlled by a handle has a sweet spot to focus to object, so user wants to see a distinct face, then they have to “get close” to another person. Also, this behavior makes turns up the volume, so the user hears more "clear voice" of the opponent. The user moves the lens to another person to focus and clear image, and also it magnifies the face three times bigger, so the user can see facial expression much clearly than real size.









What I’ve learned

Importance of Objectify the project

During the exhibit on the Winter Show, most of the users said they had fun with the magnifying lens. Seeing the big face during the conversation was exciting and hilarious. However, there was an opinion from the user that he had felt anxiety when he is in a small space, and it strikes my head. It's the only negative opinion, but it was most important than others. During the project, I have no idea about the anxiety of users. I realized that  I was too close to the project and it limits my view, so I only see the bright side of it. Even I designed the product for an excellent reason, but it could cause bad feelings to some people.  Therefore in future projects, When I am designing, I’ll consider the broader range of the users and focus on to maintain proper distance from the project.


Value of user testing, not assuming

I usually take more time for ideation and story behind the design than making with hand. Through this part, I get a better understanding of context. Sometimes, however, I took too much time to that, so I have not enough time to make the real thing. So, at this time I had tried fast prototyping and user test again and again. Every time they gave me a reasonable opinion, so I could saw my design various perspective and make it better. It was an exciting experience. Because, I had designed printed matters such as books and magazines before, and that time, when I created something, I consider readers(users), but there was no actual  “user test.” It's more subjective work. I concentrated on the context of the story, and the form of it. However, this project was different. It changed my point of view. This project and a new way of the design process, I have learned various perspective and importance of listening to the users.


Design: Jaekook Han
Programming: Jaekook Han
Documentation help: Chenhe Zhang, Arnab Chakravarty, Atharva Abhay Patil, Namsoo Kim
Instructor: Daniel Rozin, Cassie Tarakajian

FFRD EP: What You Need

Album, 2020
Client: 45 Records





About
Cover design for South Korean electronic duo FFRD EP, “What You Need.”  






Prescription for Additive Anxiety Syndrome

Book, 165 x 220mm, 108p, 2014
Solo Project




Team
Solo project
Tool
Indesign
Illustrator
Photoshop



Overview


Graduation project from personal experience. This book gives information about food additive to solve people’s anxiety about it.



Design process


In 2013, I was really sick. After that I had had to be concerned about what I eat for health naturally, and this gave me a habit that when before I bought groceries I always check ingredient labeling. There were the words that something I do not know, called food additive. I wanted to know what exactly they are, so I searched for it on the web. And then I found the fears and distrust about additive from many people. I wonder what the food additives are genuinely hazardous? And if there are so harmful to us, why they distributed openly?. So I searched in-depth about that and found there was so many incendiary information from the news, and commercials that used anxiety of consumers, furthermore these sources were thoughtlessly shared on the Internet. Consequentially, these misinformation makes people distrust the food additive. I wanted to remove their anxiety.

        So, I regulate this anxiety about food additive is a sort of syndrome, and to cure this, give people to the right information about additive through the book of prescription. The prescription composed of three medications(chapters). First one is the tonic of knowledge, this medication defines, classify food additive and informs history about it. Second is the stimulant of truth; it shows the inside facts of classic controversies such as MSG, sodium nitrate and how the company using the anxiety of consumers through hiding the truth behind the commercials. The last one is the tranquilizer of belief; it informs how the safety of food additive managed by governments and internationally. 


        I used the blue for the primary color because the concept of the book is a prescription, it gives calm and rational feeling to readers. Also, the cover design motivated by South Korea’s prescription form. The contents of the book have some technical terms, so I designed internal pages concentrate on easy to read rather than experimental artwork.
        Through the project, I rethought the importance of delivery right information and designer’s role in it while making the book.


FFRD EP: Contemporary

Album, 2019





Client
45 Records
Role
Graphic designer
Tool
Adobe Indesign
Illustrator



About


Cover design for South Korean electronic duo FFRD’s first EP, “Contemporary.”

Link ︎ FFRD, “Contemporary”  






Dubinvain EP: Iron Gate

Album, 2019




Client
45 Records
Role
Graphic designer
Tool
Adobe Indesign
Illustrator


About


Cover design for the first EP of Dubinvain who is the electronic musician based in South Korea.

Link ︎ Duninvain, “Iron Gate”







AMOREPACIFIC:
Dream of Asian Beauty

Book, 165 x 220mm, 2016
Client: AMOREPACIFIC





Overview
The book “AMOREPACIFIC: Dream of Asian Beauty” is seventy years of the history book of AMOREPACIFIC which is the biggest cosmetic company in South Korea. The project goal is making storybook rather than the general chronological sourcebook, so the readers that all the members of the staff in the company can be interested in their history.

Design process
The project had taken almost three years including bidding process, and I joined the team as a designer in the final year that took whole part of visualization. After two years of research was done by writer and editors.
        The central concept of “AMOREPACIFIC: Dream of Asian Beauty" was white porcelain, because the book should fill with the contents of seventy years of the episode, and softly embrace all of them. Therefore I focused on calm and simple design. I designed master page at first to give coherence. The book has twenty-eight episodes and each episode composed of story and photos. I created them separately because I wanted to make readers concentrate on the story, then they see the images related to the story. And I laid the pictures out from the top left side in chronological order.

        In this project, I focused on not only design but also communication more than any other projects. Because It was the long-term and large-scale project, and I was the only designer took the complete visualization of the book. So I concentrate every people on this project share same goal and idea of the design concept of the book. It was not easy but worth to do it and gave me the meaningful experience.

Creative Director: Younghoon Park
Project Manager: Jiyoung Lee
Editor: Jiyoung Lee, Donyoung Lim
Designer: Jaekook Han
Writer: Unjoo Choi
Photographer: Wookin Park, Intak Kim
Illustrator: Jihong Min
Assistant: Gaeun Jang, Yeonjung Ko, Dahye Jung, Siyeon Ha


Great Day AJu

Magazine, 225 x 295mm, 2015
Client: Aju Group










Overview
Greate Day Aju is a quaterly art+culture company magazine of Aju Group in South Korea.


Team
Creative Director: Younghoon Park
Project Manager: Hyeok Jeong
Editor: Hyeok Jeong, Jinah Lee
Designer: Jaekook Han, Danbi Park
Illustrator: Jihong Min
Role
Cover design Art+Life Chapter design










Design Process

Greate Day Aju is composed by three chapters and I designed the cover and the first chapter “Art+Life.” The design concept is the magazine as a gallery. So I designed folded cover that could use as a gallery space. Each issue has different artist’s works for the cover.
And I use white space as a frame to emphasize the artwork image. In the body, I had focused on the visual consistency and enough size of images that fit to our concept of the gallery.










2016 Pierre Fabre Dermo-Cosmétique

Calendar, 178 x 243mm, 2015
Client: Pierre Fabre Dermo-Cosmétique Korea





Overview
2016 Desk calendar for Pierre Fabre Dermo-Cosmétique Korea.

Design process
I focused on to unite one identity through the story that beginning of the company and brands rather than concentrated on introducing their products. My concept of design was “clean and warm.” It started from figures of the Pierre Fabre which is the first dermo-cosmetic company in the world. Their mission is “From Health to Beauty,” so they researched and used the natural ingredient to make medicines and cosmetics for dermatology. Their scientific specialty gives the image of “Clean” and uses of natural materials for people health gives the image of “warm."

I designed calendar with lightly weighted fonts for neat image and chose vector illustration to design their stories because it fits for symbolizing the essence of the story. The calendar composed of the front page of dates and back page of the story. Each month dates pages have symbols that connect to story on back pages. The story starts from the foundation of the company in January to behind story of significant brands, and its product in December.




The project term was too short to entrust illustrator with the whole process of illustration, so I sketched elements to laid them out on the page at first and gave them to illustrator.



Creative Director: Younghoon Park
Editor: Myunghee Guk
Designer: Jaekook Han
Illustrator: Sein Hong



YinYoga: The Philosophy & Practice

Book Cover, 150 x 215mm, 2015
Client: School of Movement






Overview
The book cover design for “YinYoga: The Philosophy & Practice.” This book is a Korean version of Bernie Clark’s “The Complete Guide to Yin Yoga: The Philosophy and Practice of Yin Yoga.”

Design process
I took the moon as design motive to symbolize yin that represents calm, soft and relaxed moves. Also, The lunar phase design express that yin is not the condition that stuck but flows endlessly. It means yin has a movement that is the feature of yang. Thus yin and yang is not an absolute condition but relative to find the balance between each other continually.









Copyright 2020, Jaekook Han