[libbon] (uxui기획)서정환 포트폴리오

56
PORTFOLIO Jung-hwan Suh [email protected] May 2012

Upload: libbonkorea

Post on 14-Dec-2014

698 views

Category:

Documents


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: [LIBBON] (Uxui기획)서정환 포트폴리오

PORTFOLIO

Jung-hwan [email protected]

May 2012

Page 2: [LIBBON] (Uxui기획)서정환 포트폴리오

Project #1

Auto China 2012

Description베이징에서 열리는 Auto China 2012에 BOSCH가 참가하면서 미래의 하이브리드 자동차 디스플레이 시스템을 제안한다. 이에 베이징의 디자인 회사 DongDao와 디자인 대학교 BIFT,두 단체에서 공동으로 참여하여 디스플레이 시스템을 제작하고,이를 행사기간 동안 전시 부스에서 시연한다.

-독일과 중국(베이징, 상하이), 한국 여러 출신지의 다양한 분야의 글로벌 팀원들이 공동으로 잡업에 참여 하였다.

내 역할은 DongDao design의 기술 파트의 메인으로 참여,프로그램 설계 및 인터렉션 구현을 담당하였고, as3.0과 away3D를 이용해 실제 이용이 가능한 미래의 하이브리드 자동차 디스플레이 시스템을 제작하였다.

2012.3-2012.4

Page 3: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 4: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 5: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 6: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 7: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 8: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 9: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 10: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 11: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 12: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 13: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 14: [LIBBON] (Uxui기획)서정환 포트폴리오

BOSCHproject manager: Justin Theinunt

dong dao Design IxD team.art director: Gavinsub art director: Hyemi Ohassistant: Hao Jang, Arddelvisual design: Yang Sheng, Lele Hong, Zipo, Dong he, Zi IxD: Jung-hwan Suh, Xiao Yu

BIFTprofesor: Wang Shouand studentstechnical support: Hong Liang

Page 15: [LIBBON] (Uxui기획)서정환 포트폴리오

Project #2

HAPPY PLANET

Description홍익대학교 디지털 미디어 전공 2012 졸업전시,CROSS NODE에 전시한 졸업 작품

-환경에 대한 주제로 로컬푸드의 개념을 빌려와소비 패턴의 개선을 위한 제안을 체험형 작업을 통해 전달하였다.

soo5hwani라는 팀으로 기획과 그래픽을 담당한다른 학우와 함께 공동 작업을 하였으며,내 역할은 반구 프로젝팅, 바코드 기술 구현과Flash를 이용하여 사용자가 실제 사용 가능한인터렉티브 인스톨레이션을 제작 하였다.

2011.5-2011.10

Page 16: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 17: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 18: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 19: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 20: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 21: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 22: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 23: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 24: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 25: [LIBBON] (Uxui기획)서정환 포트폴리오

project Happy-planet

Tutors:Geon-dong Kim,Romy Archituv

team soo5hwaniplan: Su-yung Kim, Jung-hwan Suhvisual design: Su-yung KimIxD: Jung-hwan Suh

Page 26: [LIBBON] (Uxui기획)서정환 포트폴리오

Project #3

힘내라 유기견

Description힘내라 유기견은 유기견에 대한 바른정보 제공과동물보호시민단체 KARA에 올라오는 유기견에게응원글을 남기고, 블로그로 가상 입양하는액션을통해 반려 동물의 소중함을 생각하게하는 새로운웹애플리케이션이다.

-dogstalks.com이라는 팀을 꾸려 진행하였고,팀에서의 역할은 UX 기획부터 와이어프레임,리서치, 유저시나리오 등 UX 전반을 맡았다.또한 GUI를 맡아 디자인 컨셉 기획과 컴포넌트제작, Flex XML 디자인 등을 진행하였다.

네이버 소셜앱스 공모전에서 학생부문 은상수상

2010.11-2011.2

Page 27: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 28: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 29: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 30: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 31: [LIBBON] (Uxui기획)서정환 포트폴리오

AB

C

D

산책로

거주지

애견

Page 32: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 33: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 34: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 35: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 36: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 37: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 38: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 39: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 40: [LIBBON] (Uxui기획)서정환 포트폴리오

project 힘내라 유기견

dogstalks.comproject manager: Jun-young Ohplan: Min-su Kim, Su-yun Kim, Jung-hwan Suh, Jun-young Oh, Il-yup Hwangserver dev: Min-su Kimclient dev: Su-yun KimUX/UI: Jung-hwan Suhmarketing: Il-yup Hwang

project 힘내라 유기견

dogstalks.comproject manager: Jun-young Oh plan: Min-su Kim, Su-yun Kim, Jung-hwan Suh, Jun-young Oh, Il-yup Hwang server dev: Min-su Kim client dev: Su-yun Kim UX/UI: Jung-hwan Suh marketing: Il-yup Hwang

Page 41: [LIBBON] (Uxui기획)서정환 포트폴리오

Project #4

어디?!

DescriptionLG의 시네마 디스플레이 3D TV 출시 이후3차례에 걸쳐 컨테스트가 진행되었다.그중 2차 컨테스트는 기획자, 개발자, 디자이너가한팀을 이뤄 2박3일간 스마트TV 애플리케이션을제작하는 Apps Camp로 진행되었다.

-팀 Y벨리는 스마트 TV의 컨텐츠와 연동되는실시간 맛집 정보 공유 어디를 기획하였다.

팀에서의 역할은 코어 아이디에이션, 화면설계,스마트TV 인테페이스 제안을 맡아 진행 하였다.

2010.11-2011.2

Page 42: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 43: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 44: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 45: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 46: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 47: [LIBBON] (Uxui기획)서정환 포트폴리오

project 어디?!

team Y valleydev: Jung-ang Kim documenting: Hyun-bae KimUX: Jung-hwan Suh UI: Kwang-min Kim

Page 48: [LIBBON] (Uxui기획)서정환 포트폴리오

others

STUDY: iPad interface

Description사용자가 iPad를 들고 사용하는 모습 조사를통해, 태블릿 디바이스의 사용성에 대한연구를 한다.

-1주일의 조사 및 도출기간 조사된 이미지총 211장을 플리커 검색과 직접 촬영하여수집 하였다.

이를 5개의 카테고리(사용방법, 인원수,연령층,응용, 공통점)으로 묶어 사용자들이 iPad를 이용하는 특징을 알아보려 하였다.

Page 49: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 50: [LIBBON] (Uxui기획)서정환 포트폴리오

왼손 화면참고 오른손

4

#4task : 아이패드 홈화면에서 아이콘 삭제하기interface : 원터치앤 2-3 sec 홀드next activity : 삭제, 취소, 이동pre activity : 홈화면으로 이동

#5task : 웹사이트 좌상단 책갈피 버튼 선택interface : 버튼터치next activity : 팝업윈도우pre activity : -

#6task : 웹서핑 스크롤링interface : 터치 앤 플리킹next activity : 연속 플리킹pre activity : -

왼손은화면에서 보이지 않음*예상: iPad 좌상단모서리를 잡고 있지 않을까

왼손은 터치하는iPad의 뒤쪽을지지하듯이받치고 있다.왼손의 네 손가락으로 뒷면을 감싸쥐고, 엄지 손가락으로 베벨 부븐에 자연스럽게 올려 놓아 안정감을주는 자세를 취하고 있다.

왼손은 멀리떨어져서, iPad의 균형을 잡아주는 역할을하고 있다. 기본적인자세로 보이는 듯싶다.위의 #5와 같이 엄지 손가락으로 베벨부분을 감싸며 안정감을 주는 자세를 취하고 있다.

오른손은화면을터치하는 터치앤 홀드를 하고 있다.아이콘에 중지를 올려놓은 뒤.

오른손은중지를 사용하여화면 좌상단의 버튼을 터치하고 있다.

오른손은 중지를 사용하여텍스트 중심 부분을플리킹하고 있다.상하 또는 좌우.

왼손 화면참고 오른손

4

#4task : 아이패드 홈화면에서 아이콘 삭제하기interface : 원터치앤 2-3 sec 홀드next activity : 삭제, 취소, 이동pre activity : 홈화면으로 이동

#6task : 웹서핑 스크롤링interface : 터치 앤 플리킹next activity : 연속 플리킹pre activity : -

왼손은화면에서 보이지 않음*예상: iPad 좌상단모서리를 잡고 있지 않을까

왼손은 멀리떨어져서, iPad의 균형을 잡아주는 역할을하고 있다. 기본적인자세로 보이는 듯싶다.위의 #5와 같이 엄지 손가락으로 베벨부분을 감싸며 안정감을 주는 자세를 취하고 있다.

오른손은화면을터치하는 터치앤 홀드를 하고 있다.아이콘에 중지를 올려놓은 뒤.

오른손은 중지를 사용를 하고 있를 하고 있다.아이콘에 중지를다.아이콘에 중지여텍스트 중심 부분을플리킹하고 있다.상하 또는 좌우.

Page 51: [LIBBON] (Uxui기획)서정환 포트폴리오

activity

World DJ Festival

Description

World DJ Festival은 국내에서 개최하는

세계 규모의 DJ Festival이다.

주최에서는 페스티벌에 참석하는 관객과

준비하는 모두를 위하여 여러 행사를 준비하였다.

-

미디어 아트 그룹 2010XO에서

INTERACTIVE CIRCUS라는 주제로

페스티벌에 참가하는 관객에게

new media를 쉽게 접근할 수 있도록

기획하고 부스 참가 하였다.

Page 52: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 53: [LIBBON] (Uxui기획)서정환 포트폴리오

activity

Data visualization Workshop

Description엘리스온과 randomworks에서 준비한미디어아트 워크샵의 두번째로,6주에 걸쳐 데이터와 데이터 활용에 대한뉴미디어적 접근에 대한 워크샵을 진행하였다.

Page 54: [LIBBON] (Uxui기획)서정환 포트폴리오
Page 55: [LIBBON] (Uxui기획)서정환 포트폴리오

activity

셋이서하는 미디어 아트

Descriptiond

아트센터 나비에서 주최한 미디어아트 워크샵

셋이서하는 미디어 아트는 최승준 코치의 팀이

뉴미디어아트에 대한 새로운 접근 방법으로

진행하는 워크샵을 진행하였다.

Page 56: [LIBBON] (Uxui기획)서정환 포트폴리오