Taekwon YU Portfolio 2015

TAEK WON Y U POR TFOLIO

/ 20 15

1

INDEX

SEPER AT ED BY PROJ EC T

SEPER AT ED BY C AT EGO R I E S

01

MYCOMPANION Logo & Application & Film design.

4

02

POPCLOCK Logo & Application design.

12

03

IMDARWIN Identity & Application design.

16

04

ORB CHOCOLATE Logo & Package design.

24

05

GGD EXHIBITION Logo & Poster & Book design.

28

06

FAN-T Logo & Application design.

34

07

LOGOS Logo & Identity design.

40

08

WEB DESIGN Web design without logo.

44

09

MOTION GRAPHICS Motion Graphics by directing.

48

10

EDITORIAL DESIGN Editorial design with print.

52

EXPERIENCED PROJECTS

54

3

4

01 myCompanion

Concepting & Application GUI Design Introduction Flim Directing

5

M YCO M PA N I O N

myCompanion 프로젝트는 숭실대학교를 주축으로 각 기관 및 대학교들이 모바일 인지 프 레임워크라는 커다른 프로젝트 안에서의 기술들이 하나의 앱으로 통합된 프로젝트입니다. 사용자의 이용 내용에 대한 빅데이터를 기반으로 사용자 행위 추론이 주된 내용을 이루고 있 으며,일반적인 어플리케이션과는 다르게 앱스토어 등에 공개되지 않으며, 방대한 내용을 함 축적으로 표현하는 것이 가장 중요했던 프로젝트입니다.

LO GO

다양한 기술을 하나의 앱으로 함축한다는 것에서 출발하여, 각 기술을 기능별로 정리하여 컬 러로 카테고리화 후 하나의 덩어리로 보여주되 각 기술의 숫자를 도형의 외곽 면의 수로 정 리하여, 하나의 다면체 덩어리로 로고를 구체화 했습니다.

6

CO LO R PA L L E T E

FO N T S

7

A PPL I C AT I O N D E SI GN

이 어플리케이션은 각 대학교가 개발한 다양한 기술이 하나의 앱으로 통합되어 있으며, 사이 드바를 통하여 각 기능들을 확인할 수 있습니다. 어플리케이션 디자인 시 각 기술별 정해진 페이지와 중요하게 보여져야 하는 부분, 사용성이 우선적으로 고려되어야 하며 연구 프로젝트라는 특성에 맞춰 기술 구현이 시각적으로 정확 하게 보여지는 것에 가장 초점을 두었습니다.

8

ar

b ide

S

ge

a nP

i

Ma

n

io rat

ist

ce

g Re

on ati

rm nfo d i d. n a e me ter Na egis r are

Pla

ionictive p

Pre user’s

e tim nt d. e s e pre ter At egis r are

e

ov

om

t dic

e lac

ry

ve

of

e

lac

np

e oft

t ces

la

red

p

P

on

ati

oc el

h dt an e im ed. r gt nin giste n u e r r s re p’ ap ps a rite is ap es o v ori Fa se th cal e u v i to act . th, stics a p i o, stat og y t ck by a w e ns he n ch tio ow a st rta s kn er’ on c o s U so sp et u l ran d t t so It an n l e r da r u c n us n a re. ed atio the w t n o sh desti o ge ils. can tive kes t p ma p dic t ta e a i s e gh thi e pr oes ou d th thr s to long le w du ho che s c ti ma uto a ing ist rat yl ne e db G e i f ssi cla ve a h ule ed h c ds ere ist . g e es er i Th riorit p of

s

te

p Ap

ri vo

Fa

ry

ty ivi

a mm

Su

t

Ac

ion

s

Bu

t Sta

ier

le

u ed

f oti

N

h

Sc

r

ge

he

le du

Sc

9

M

a an

I N T RO DUC T I O N M OV I E

이 프로젝트는 국가 연구 프로젝트로서 매년 연구 결과에 대한 프리젠테이션을 진행하게 되 며, 그 중 어플리케이션 구동 영상에 대한 기획 및 촬영, 디자인 등을 진행하였습니다. 가장 중요하게 보여져야 하는 각 기술의 동작과 보여주고자 하는 바를 명확히 정리하여 간결 하게 보여주는 데에 중점을 두었습니다.

10

11

12

02 POPCLOCK Application Concepting & UI, GUI Design Avalable in Google Playstore

13

PO PCLO CK

팝클락 어플리케이션은 알람 어플리케이션의 종류로서 기본적인 알람 제공과 동시에 이벤트 알람이라는 형태로 다른 음악을 제공하여, 광고주에게는 광고하고자 하는 음악 및 컨텐츠를 홍보하고, 유저는 알람이라는 기본적인 형태에 상품을 제공받는 이벤트에 응모하는 형태로, 광고주와 유저 모두에게 혜택을 주는 형태의 알람입니다.

LO GO

시계의 형태에서 출발하여, 팝클락이라는 네이밍에서 bright tone을 넣어 원을 각 시간별 포 인트로 사용하였고, 이에 따라 아이콘만으로도 사용자가 알람 어플리케이션이라는 것을 직관 적으로 파악할 수 있도록 디자인 하였습니다. 타입페이스의 경우에도 타이틀 폰트는 thin한 폰트를 사용하여 가벼운 느낌을 주었으며, 본문 폰트는 나눔바른고딕을 사용하여 가독성을 중시하였습니다.

14

CO LO R PA L L E T E

FO N T S

15

A PPL I C AT I O N D E SI GN

디자인 기획 시 무엇보다도 편의성을 우선적으로 생각하여 디자인을 기획하였으며, 디자인 또한 접근하기 편하고 사용하기 편한 형태로 디자인을 수행하였습니다.

UI 기획에서는 사용자의 어플리케이션 이용에 복잡함과 혼란을 줄이기 위해 주요 정보만을 메인으로 도출하였으며, 상세 페이지에서는 리스트 형식과 slide 이동 형식으로 구성하여 사 용자의 현재 위치에서 과거 페이지로의 이동을 손쉽게 구성하였습니다.

16

17

18

03 ImDARWIN Concepting & Application GUI Design

19

I M DA R W I N

LO GO

ImDARWIN 프로젝트는 Action Logger, Smart Finder 및 사용자 빅데이터를 기반으로 한 추론 엔진 프로젝트를 통칭하며, 스스로 생각하고 진화하는 시스템이라는 뜻을 가지고 있습니다.

스마트폰 플랫폼에서의 새로운 기술을 보여주는 형태로서 Smart, Intelligent, Develop 등 각 특징을 컬러화하여 연결, 무한히 진화한다는 뜻을 담아 뫼비우스의 띠 형태로 연결되도록 디 자인 하였습니다.

20

CO LO R PA L L E T E

FO N T S

21

ImDARWIN 프로젝트 중 Action Logger Application 입니다.

AC T I O N LO GGER A PPL I C AT I O N

사용자의 행위를 인지하여 기록하는 어플리케이션으로서, 현재 및 과거의 동작을 보여주는 그래프 및 전체적인 수치를 손쉽게 볼 수 있는데에 중점을 두어 디자인 하였습니다.

22

ImDARWIN 프로젝트 중 Smart Finder Application 입니다.

SM A R T FI N D ER A PPL I C AT I O N

사용자가 목적지를 이야기 할 경우 교통 수단에 맞는 실시간 최적 경로와 예상 도착 시간, 최 적 교통 수단 등을 정리하여 표시하는 어플리케이션입니다. 사용자와 시스템간의 대화 형태로 구성되어 있으며 음성 인식 버튼과 표시 내용이 최우선으 로 보여지도록 디자인 하였습니다.

23

24

04 ORB Chocolate Logo & Package Design

25

O R B CH O CO L AT E

미국 뉴욕 내 런칭된 소규모 초콜릿 브랜드입니다. 커피향을 가진 수제 초콜릿으로서 계약된 일부 매장에서만 판매하며 하나하나 손으로 제작 한다는 점이 강점입니다.

LO GO

커피향 초콜릿에 대한 맛과 이어지는 컬러 느낌과 수제라는 느낌을 중요 포인트로 잡아서, 하 나하나 제작한다는 점을 옷감의 스티치 모양과 우편 봉투 봉인 직인을 모티브로 잡아 그 표 면에 싸인된 형태를 컨셉으로 디자인 하였습니다.

26

PACK AGE D E SI GN

패키지는 원 초콜릿의 형태를 사진으로 찍어 그 위에 포장된 형태로 디자인 하였으며, 초콜 릿의 맛과 커피향을 줄 수 있는 컬러 배치를 통하여 간접적으로 포장에서 맛이 느껴질 수 있 도록 디자인 하였습니다.

27

05 GGD Graduate Exhibition Logo & Poster & Book Design

29

GGD GR A DUAT E E XH I BI T I O N

LO GO

홍익대학교 게임그래픽디자인전공의 2010년 졸업전시입니다.

Cube in Space 라는 소타이틀을 가지고 있으며, 공간 속 여러 가지의 상자, 즉 컨텐츠들을 보여준다는 컨셉을 가지고 있습니다.

Cube in Space 라는 소타이틀을 따라, 상자를 기본 형태로 하여 그 안의 컨텐츠를 보여준다 는 개념으로 접근, 펼쳐진 상자를 컨셉으로 로고를 디자인 하였습니다.

30

CO LO R PA L L E T E

FO N T S

31

E XH I BI T I O N POS T ER

홍익대학교 게임그래픽디자인전공의 2010년 졸업전시 포스터입니다. 전공의 특징을 살려 아이콘 개체 등을 배치하였으며, 타이틀 및 기타 전시 상세 내용 등의 순 서대로 시선이 흐르도록 디자인 하였습니다.

06 홍익대학교 게임그래픽디자인전공 여섯번째 졸업전시회 // 큐브 인 스페이스 / 이천십년 구월이십구일 부터 / 시월오일 까지 // 인사동 갤러리 라메르 삼층

새로운 공간 속 입체상자.

6th //✏✏ ✖✴★ Graduate Exhibition ///// ✧✲✡✤✵✡✴✥ ✥✸★✩✢✩✴✩✯✮

홍익대학교//

Game Design✤✥✳✩✧✮ / ✧✡✭✥Graphic ✧✲✡✰★✩✣ Design ✤✥✳✩✧✮

이천십년/구월/이십구일/부터// 시월오일/까지//

✧❁❍❅ ✧❒❁❐❈❉❃ ✤❅▲❉❇■ ✤❅▲❉❇■

Hong-ik Univ. ✵✮✩✶✎ ★✯✮✧✍✩✫

인사동/갤러리/라메르에서//

★❏■❇✍❉❋ ✵■❉❖✎

10.09.29 - 10.10.05 ✑✐✎✐✙✎✒✙ ✍ ✑✐✎✑✐✎✐✕

졸업전시회를/합니다.

✑✐✎✐✙✎✒✙ ✍

개회식은/

✩■▲❁✍ ✧❁●

Insa-dong ✩✮✳✡✍✤✯✮✧ Gallery La Mer ✧✡✬✬✥✲✹ ✬✡3F✭✥✲ ✓✦

✖▼❈ ✏ ✧❒❁❄◆❁▼❅ ✥❘❈❉❂

게임그래픽디자인전공이//

20100929 20101005 역 국 안

이십구일/오후다섯시/에

Opening at 29 Sep 5PM

✯❐❅■❉■

계획되어/있으며//

많은/관람/부탁드립니다///

역 각 종

드 날 도 맥

일

레 마

리 거 네 동 사 인

가 상 원 낙

32

E XH I BI T I O N BO O K

홍익대학교 게임그래픽디자인전공의 2010년 졸업전시 도록입니다. 표지는 타이틀을 형압으로 주어 질감이 느껴지도록 디자인 되었고, 중요 정보는 인쇄하여 읽 기 편하도록 하였습니다. 또한 책등의 두께를 이용하여 상세 정보를 바로 볼 수 있도록 디 자인하였고, 내지 디자인은 큰 포맷 안에서 각각 개인의 작품이 자유롭게 보여지도록 디자 인 하였습니다.

33

34

06 FAN-T Logo & Application GUI Design

35

FA N -T

팬-티 어플리케이션은 광고 어플리케이션으로 사용하는 유저들에게 현금 가치를 지닌 포인 트를 리워드해주는 어플리케이션으로서, 광고 형태를 연예 컨텐츠 위주로 구성한다는 차별점 이 있어, 주 타겟층은 10대-20대 초반 여성층으로 구성됩니다.

LO GO

먼저 클라이언트 측의 팬티라는 이름을 아이콘에 적용시켜야 한다는 제약이 있어, 최대한 간 단하게 표현해야 하는 부분이 존재했습니다. 외곽에 동전을 모티브로 한 둥근 육각형에 포 인트를 의미하는 별을 넣었으며, 주 타겟층에 따른 하늘색을 메인 컬러로 지정하였습니다.

36

CO LO R PA L L E T E

FO N T S

37

A PPL I C AT I O N D E SI GN

주 타겟층을 토대로 한 가벼운 디자인을 주로 하여, 각 요소간의 터치가 힘들지 않게 큰 버튼 들로 구성, 아이콘 또한 컨텐츠의 특성에 맞게 각각 디자인하여 사용자가 쉽게 판별할 수 있 도록 디자인 하였습니다.

38

39

07 LOGOS Etc. Logo & Identities

40

VIDSTUDIO

Current company. by 2013

41

L ED A PPL E

LED APPLE이라는 신인 아이돌 그룹 앨범 재킷 디자인입니다. 아이돌 락 밴드라는 특성에 맞게 역동적이며 콘트라스트 강한 컬러 등으로 컨셉을 잡고 날카로운 라인으로 로고를 구성, 디자인을 진행하였습니다.

42

A PPBL A S T appblast는 신규 창업된 어플리케이션 제작 회사로서, 연예 관련 컨텐츠 어플리케이션 사업이 주 타겟입니다.

Blast라는 젊은 느낌의 단어를 사용하여 상대적으로 산뜻한 분위기 및 신뢰성 자체가 필요하다고 판단. 젊은 느낌을 내려는 쪽으로 주력하여 로고 디자인을 구성하였습니다.

D I R EC TO R ’ S CU T 디렉터스컷은 촬영 기반 영상 컨텐츠 제작 업체입니다. 어떤 영상에도 적용했을 경우 가독성에 문제가 없고 충분히 워터마크 의 역할을 할 수 있는 형태로 제작하는 것이 가장 중요했습니다. 카메라 안의 뷰파인더 모양을 모티브로 삼아 영상 제작 업 체라는 느낌을 주는 형태로 제작하였습니다.

디렉터스 컷

황현진

대표

Mobile: 010.5556.6224 E-mail: af309@naver.com

Tel: 070.4643.2228 Fax: 031.755.0173 Adress: 경기도 성남시 수정구 시흥동 39-13 Web: www.directorscut.kr

43

08

SEO U L A R T S W EBSI T E

WEB DESIGN

서울예술대학교 홈페이지 리뉴얼에 대한 제 안 시안입니다. 서울예술대학교가 가지는 이미지 및 예술이

Web Design except Identity design.

라는 분야에 대한 다양성과 색깔을 고려, 일 반 대학 홈페이지 대비 정제되고 강한 컬러 감과 임팩트를 부여하여 디자인하였습니다.

44

N UGA N I C W EBSI T E 화장품 브랜드 뉴가닉 홈페이지 디자인 입니다. 오가닉 제품 첨가 화장품으로 산뜻한 기초 화장품 라인을 중점으로 다루고 있는 자연 친화적 브랜드 이미지 를 강조하여 종이 및 잔디밭, 핸드드로잉 오브젝트 등을 활용한 디자인 작업입니다.

45

T H EFO OT SH O P W EBSI T E 발 마사지 프랜차이즈 더풋샵의 브랜드 사이트 디자인 입니다. 중국 발마사지에서 유래한 브랜드이며, 실내 인테리어 등도 나무로 이루어진 곳이 많아 친화적이고 귀여운 이미지를 어필하는 데에 중점을 두었습니다.

46

CASTIT W EBSI T E 주식회사 캐스팃의 웹사이트입니다. 미라캐스트 동글을 주로 판매하는 업체이며, 페이지 구성 및 이미지를 상품의 섦명과 고객의 편리한 접근 기 준으로 디자인 하였습니다.

47

09 MOTION GRAPHICS Motion Graphics Design Planning.

48

AVA L A N CH E

AVALANCHE는 Lotte Department Store 와 PARSONS, Iriver가 공동으로 제작한 신규 의상 브랜드입니다. 2014년 11월 런칭되었으며, 아이리버의 배터리로 구동되는 손난로 시스템 과 파슨스의 의상이 collaborate 되어 가볍고 따뜻한 아우터 의상을 제작하는 브랜드입니다. 브랜드 포지셔닝이 가볍기보단 상대적으로 고급스러운 의상을 추구하고 있어, 디자인 기획 시 빠르고 복잡한 인포메이션보다는 제품이 가지는 특장점과 각 개체를 강조하는 것이 가장 좋다고 판단하여, 느리고 심플한 형태로 전체적인 디자인 기획을 진행하였습니다.

2D 개체를 많이 활용하기보단 smooth한 움직임을 가진 3D 애니메이션을 이용하여, 필요한 파트에 대한 구분을 먼저 진행 후 각 프레임별 시나리오 진행 후, 각 프레임별 스타일프레임 진행 및 3D를 동시 진행하였습니다. 차후 post-production 진행시에도 motion graphics에서 디자인 컨셉을 충분히 이해시킨 뒤 부드러운 motion을 중점으로 진행했습니다.

49

D O OSA N W E’ V E T VCF

부산 우동 두산위브 아파트 지역 광고입니다. 해당 아파트에 인접한 지역에 대한 강점을 주요 포인트로 그래픽 위주의 모션그래픽을 기획, 디자인 및 진행하였습니다.

M I L L EH MS -T ECH I N FO R M AT I O N V I D EO

밀레의 신규 신발 라인업에 대한 소개 영상 디자인입니다. 밀레라는 아웃도어 브랜드의 역동성과 신발 이라는 개체 특성을 고려, 신기술 적용으로 미래적인 느낌을 가미하는 형식으로 디자인 컨셉을 계획하였습니다.

50

SA MSU N G M YSI N GL E I N FO R M AT I O N V I D EO

삼성 마이싱글 컨텐츠에 대한 인포메이션 소개 영상입니다.

3가지 중점 슬로건에 대한 설명을 캐릭터 및 핸드드로잉 오브젝트로 커뮤니 케이션을 표현, 마이싱글 컨텐츠가 어떤 강점을 가지고 있는 것에 대해서 인 포메이션화하여 디자인 하였습니다.

51

10 EDITORIAL DESIGN Editorial Design with Print

52

PL A N+ OTA RU plan+Otaru라는 일본 여행 매거진 북 디자인입니다. 일본 홋카이도 내 오타루라는 도시의 여행지를 소개하는 내 용으로서, 유명한 관광지가 아닌 현지 사람들이 즐겨찾는 장 소 위주로 선정된 여행 안내서입니다.

53

EXPERIENCED PROJECT

54

55

THANK YOU

56

58