SlideShare a Scribd company logo
1 of 56
Download to read offline
PORTFOLIO
Jung-hwan Suh
ahdol@hotmail.com
May 2012
Project #1
Auto China 2012
Description
베이징에서 열리는 Auto China 2012에 BOSCH가 참가하면서
미래의 하이브리드 자동차 디스플레이 시스템을 제안한다.
이에 베이징의 디자인 회사 DongDao와 디자인 대학교 BIFT,
두 단체에서 공동으로 참여하여 디스플레이 시스템을 제작하고,
이를 행사기간 동안 전시 부스에서 시연한다.
-
독일과 중국(베이징, 상하이), 한국 여러 출신지의 다양한
분야의 글로벌 팀원들이 공동으로 잡업에 참여 하였다.
내 역할은 DongDao design의 기술 파트의 메인으로 참여,
프로그램 설계 및 인터렉션 구현을 담당하였고, as3.0과
away3D를 이용해 실제 이용이 가능한 미래의 하이브리드
자동차 디스플레이 시스템을 제작하였다.
2012.3-2012.4
BOSCH
project manager: Justin Theinunt
dong dao Design IxD team.
art director: Gavin
sub art director: Hyemi Oh
assistant: Hao Jang, Arddel
visual design: Yang Sheng, Lele Hong, Zipo, Dong he, Zi
IxD: Jung-hwan Suh, Xiao Yu
BIFT
profesor: Wang Shou
and students
technical support: Hong Liang
Project #2
HAPPY PLANET
Description
홍익대학교 디지털 미디어 전공 2012 졸업전시,
CROSS NODE에 전시한 졸업 작품
-
환경에 대한 주제로 로컬푸드의 개념을 빌려와
소비 패턴의 개선을 위한 제안을 체험형 작업을
통해 전달하였다.
soo5hwani라는 팀으로 기획과 그래픽을 담당한
다른 학우와 함께 공동 작업을 하였으며,
내 역할은 반구 프로젝팅, 바코드 기술 구현과
Flash를 이용하여 사용자가 실제 사용 가능한
인터렉티브 인스톨레이션을 제작 하였다.
2011.5-2011.10
project Happy-planet
Tutors:
Geon-dong Kim,
Romy Archituv
team soo5hwani
plan: Su-yung Kim, Jung-hwan Suh
visual design: Su-yung Kim
IxD: Jung-hwan Suh
Project #3
힘내라 유기견
Description
힘내라 유기견은 유기견에 대한 바른정보 제공과
동물보호시민단체 KARA에 올라오는 유기견에게
응원글을 남기고, 블로그로 가상 입양하는액션을
통해 반려 동물의 소중함을 생각하게하는 새로운
웹애플리케이션이다.
-
dogstalks.com이라는 팀을 꾸려 진행하였고,
팀에서의 역할은 UX 기획부터 와이어프레임,
리서치, 유저시나리오 등 UX 전반을 맡았다.
또한 GUI를 맡아 디자인 컨셉 기획과 컴포넌트
제작, Flex XML 디자인 등을 진행하였다.
네이버 소셜앱스 공모전에서 학생부문 은상
수상
2010.11-2011.2
A
B
C
D
산책로
거주지
애견
project 힘내라 유기견
dogstalks.com
project 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
project 힘내라 유기견
dogstalks.com
project 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
Project #4
어디?!
Description
LG의 시네마 디스플레이 3D TV 출시 이후
3차례에 걸쳐 컨테스트가 진행되었다.
그중 2차 컨테스트는 기획자, 개발자, 디자이너가
한팀을 이뤄 2박3일간 스마트TV 애플리케이션을
제작하는 Apps Camp로 진행되었다.
-
팀 Y벨리는 스마트 TV의 컨텐츠와 연동되는
실시간 맛집 정보 공유 어디를 기획하였다.
팀에서의 역할은 코어 아이디에이션, 화면설계,
스마트TV 인테페이스 제안을 맡아 진행 하였다.
2010.11-2011.2
project 어디?!
team Y valley
dev: Jung-ang Kim
documenting: Hyun-bae Kim
UX: Jung-hwan Suh
UI: Kwang-min Kim
others
STUDY: iPad interface
Description
사용자가 iPad를 들고 사용하는 모습 조사를
통해, 태블릿 디바이스의 사용성에 대한
연구를 한다.
-
1주일의 조사 및 도출기간 조사된 이미지
총 211장을 플리커 검색과 직접 촬영하여
수집 하였다.
이를 5개의 카테고리(사용방법, 인원수,연령층,
응용, 공통점)으로 묶어 사용자들이 iPad를
이용하는 특징을 알아보려 하였다.
왼손 화면참고 오른손
4
#4
task : 아이패드 홈화면에서 아이콘
삭제하기
interface : 원터치앤 2-3 sec 홀드
next activity : 삭제, 취소, 이동
pre activity : 홈화면으로 이동
#5
task : 웹사이트 좌상단 책갈피 버튼
선택
interface : 버튼터치
next activity : 팝업윈도우
pre activity : -
#6
task : 웹서핑 스크롤링
interface : 터치 앤 플리킹
next activity : 연속 플리킹
pre activity : -
왼손은
화면에서 보이지
않음
*예상: iPad 좌상단
모서리를 잡고 있지 않을까
왼손은 터치하는
iPad의 뒤쪽을
지지하듯이
받치고 있다.
왼손의 네 손가락으로 뒷면을 감싸
쥐고, 엄지 손가락으로 베벨 부븐
에 자연스럽게 올려 놓아 안정감을
주는 자세를 취하고 있다.
왼손은 멀리떨어져
서, iPad의 균형을
잡아주는 역할을
하고 있다. 기본적인
자세로 보이는 듯싶다.
위의 #5와 같이 엄지 손가락으로 베
벨부분을 감싸며 안정감을 주는 자세
를 취하고 있다.
오른손은화면을
터치하는 터치앤 홀
드를 하고 있다.
아이콘에 중지를 올려
놓은 뒤.
오른손은
중지를 사용하여
화면 좌상단의 버튼
을 터치하고 있다.
오른손은
중지를 사용하여
텍스트 중심 부분을
플리킹하고 있다.
상하 또는 좌우.
왼손 화면참고 오른손
4
#4
task : 아이패드 홈화면에서 아이콘
삭제하기
interface : 원터치앤 2-3 sec 홀드
next activity : 삭제, 취소, 이동
pre activity : 홈화면으로 이동
#6
task : 웹서핑 스크롤링
interface : 터치 앤 플리킹
next activity : 연속 플리킹
pre activity : -
왼손은
화면에서 보이지
않음
*예상: iPad 좌상단
모서리를 잡고 있지 않을까
왼손은 멀리떨어져
서, iPad의 균형을
잡아주는 역할을
하고 있다. 기본적인
자세로 보이는 듯싶다.
위의 #5와 같이 엄지 손가락으로 베
벨부분을 감싸며 안정감을 주는 자세
를 취하고 있다.
오른손은화면을
터치하는 터치앤 홀
드를 하고 있다.
아이콘에 중지를 올려
놓은 뒤.
오른손은
중지를 사용를 하
고 있를 하고 있다.
아이콘에 중지를다.
아이콘에 중지여
텍스트 중심 부
분을플리킹하고 있다.
상하 또는 좌우.
activity
World DJ Festival
Description
World DJ Festival은 국내에서 개최하는
세계 규모의 DJ Festival이다.
주최에서는 페스티벌에 참석하는 관객과
준비하는 모두를 위하여 여러 행사를 준비하였다.
-
미디어 아트 그룹 2010XO에서
INTERACTIVE CIRCUS라는 주제로
페스티벌에 참가하는 관객에게
new media를 쉽게 접근할 수 있도록
기획하고 부스 참가 하였다.
activity
Data visualization Workshop
Description
엘리스온과 randomworks에서 준비한
미디어아트 워크샵의 두번째로,
6주에 걸쳐 데이터와 데이터 활용에 대한
뉴미디어적 접근에 대한 워크샵을 진행하였다.
activity
셋이서하는 미디어 아트
Descriptiond
아트센터 나비에서 주최한 미디어아트 워크샵
셋이서하는 미디어 아트는 최승준 코치의 팀이
뉴미디어아트에 대한 새로운 접근 방법으로
진행하는 워크샵을 진행하였다.
[LIBBON] (Uxui기획)서정환 포트폴리오

More Related Content

What's hot

Random 120901010013-phpapp02
Random 120901010013-phpapp02Random 120901010013-phpapp02
Random 120901010013-phpapp02Go Gil
 
Vr brochure 2014
Vr brochure 2014Vr brochure 2014
Vr brochure 2014혜란 이
 
2014-01-22 대우직업능력개발원 스마트반 포트폴리오
2014-01-22 대우직업능력개발원 스마트반 포트폴리오2014-01-22 대우직업능력개발원 스마트반 포트폴리오
2014-01-22 대우직업능력개발원 스마트반 포트폴리오tailofmoon
 
[포트폴리오] 온라인브랜드디렉터 강정은
[포트폴리오] 온라인브랜드디렉터 강정은[포트폴리오] 온라인브랜드디렉터 강정은
[포트폴리오] 온라인브랜드디렉터 강정은JUNGEUN KANG
 
Designnavi Portfolio
Designnavi PortfolioDesignnavi Portfolio
Designnavi PortfolioJung Hee Kim
 
최민진 포트폴리오
최민진 포트폴리오 최민진 포트폴리오
최민진 포트폴리오 Minjin-Choi
 
파라미디어웹제작소개서(최신)
파라미디어웹제작소개서(최신)파라미디어웹제작소개서(최신)
파라미디어웹제작소개서(최신)안 정위
 
Ncanvas Corp. Web agency Portfolio
Ncanvas Corp. Web agency PortfolioNcanvas Corp. Web agency Portfolio
Ncanvas Corp. Web agency Portfolioilhyun Jeon
 
강지연 Portfolio
강지연 Portfolio강지연 Portfolio
강지연 PortfolioJiyeon Kang
 
Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper, Inc.
 
종합 포트폴리오
종합 포트폴리오종합 포트폴리오
종합 포트폴리오hogyun yu
 
포트폴리오 오경원
포트폴리오 오경원포트폴리오 오경원
포트폴리오 오경원Sio Oh
 
JH'S Portfolio
JH'S PortfolioJH'S Portfolio
JH'S PortfolioJ.H Ahn
 
Art space for ordinary people _ Final
Art space for ordinary people _ FinalArt space for ordinary people _ Final
Art space for ordinary people _ Finalhongyena97
 
ORD-2nd-08-witstudio
ORD-2nd-08-witstudioORD-2nd-08-witstudio
ORD-2nd-08-witstudioVentureSquare
 
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기5moments
 
Mobile Prototype Essential
Mobile Prototype EssentialMobile Prototype Essential
Mobile Prototype EssentialJunsang Dong
 

What's hot (20)

Random 120901010013-phpapp02
Random 120901010013-phpapp02Random 120901010013-phpapp02
Random 120901010013-phpapp02
 
Vr brochure 2014
Vr brochure 2014Vr brochure 2014
Vr brochure 2014
 
2014-01-22 대우직업능력개발원 스마트반 포트폴리오
2014-01-22 대우직업능력개발원 스마트반 포트폴리오2014-01-22 대우직업능력개발원 스마트반 포트폴리오
2014-01-22 대우직업능력개발원 스마트반 포트폴리오
 
[포트폴리오] 온라인브랜드디렉터 강정은
[포트폴리오] 온라인브랜드디렉터 강정은[포트폴리오] 온라인브랜드디렉터 강정은
[포트폴리오] 온라인브랜드디렉터 강정은
 
Designnavi Portfolio
Designnavi PortfolioDesignnavi Portfolio
Designnavi Portfolio
 
최민진 포트폴리오
최민진 포트폴리오 최민진 포트폴리오
최민진 포트폴리오
 
Hui portfolio
Hui portfolioHui portfolio
Hui portfolio
 
최종판포폴
최종판포폴최종판포폴
최종판포폴
 
파라미디어웹제작소개서(최신)
파라미디어웹제작소개서(최신)파라미디어웹제작소개서(최신)
파라미디어웹제작소개서(최신)
 
Ncanvas Corp. Web agency Portfolio
Ncanvas Corp. Web agency PortfolioNcanvas Corp. Web agency Portfolio
Ncanvas Corp. Web agency Portfolio
 
강지연 Portfolio
강지연 Portfolio강지연 Portfolio
강지연 Portfolio
 
Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014
 
종합 포트폴리오
종합 포트폴리오종합 포트폴리오
종합 포트폴리오
 
이력서포폴
이력서포폴이력서포폴
이력서포폴
 
포트폴리오 오경원
포트폴리오 오경원포트폴리오 오경원
포트폴리오 오경원
 
JH'S Portfolio
JH'S PortfolioJH'S Portfolio
JH'S Portfolio
 
Art space for ordinary people _ Final
Art space for ordinary people _ FinalArt space for ordinary people _ Final
Art space for ordinary people _ Final
 
ORD-2nd-08-witstudio
ORD-2nd-08-witstudioORD-2nd-08-witstudio
ORD-2nd-08-witstudio
 
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
5모먼츠 4월 정기교육 - 나만의 웹 포트폴리오/사이트 만들기
 
Mobile Prototype Essential
Mobile Prototype EssentialMobile Prototype Essential
Mobile Prototype Essential
 

Viewers also liked

스타트업을 위한 디자인@campus seoul
스타트업을 위한 디자인@campus seoul스타트업을 위한 디자인@campus seoul
스타트업을 위한 디자인@campus seoulparksanghyun
 
[기획 최정진] 포폴 소개
[기획 최정진] 포폴 소개[기획 최정진] 포폴 소개
[기획 최정진] 포폴 소개정진 최
 
기획자의 포트폴리오는 어떻게 써야 할까
기획자의 포트폴리오는 어떻게 써야 할까기획자의 포트폴리오는 어떻게 써야 할까
기획자의 포트폴리오는 어떻게 써야 할까Han Je Sung
 
백승영_ 기획 포트폴리오
백승영_ 기획 포트폴리오백승영_ 기획 포트폴리오
백승영_ 기획 포트폴리오Seungyoung Baek
 
앱팀메이킹1111381
앱팀메이킹1111381앱팀메이킹1111381
앱팀메이킹1111381Jungsook Baek
 
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...uxhow
 
김승지 포트폴리오
김승지 포트폴리오김승지 포트폴리오
김승지 포트폴리오승지 김
 
모바일 앱 기획시 고려사항
모바일 앱 기획시 고려사항모바일 앱 기획시 고려사항
모바일 앱 기획시 고려사항mosaicnet
 
Portpolio
PortpolioPortpolio
Portpoliochakm
 
페어프로그래머(서버개발)를 찾습니다.
페어프로그래머(서버개발)를 찾습니다.페어프로그래머(서버개발)를 찾습니다.
페어프로그래머(서버개발)를 찾습니다.SeungWoo Lee
 
모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요Junsang Dong
 
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)ideaguide
 
General Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobGeneral Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobPatrick Neeman
 
(주)호오생활예술 디자인 포트폴리오
(주)호오생활예술 디자인 포트폴리오(주)호오생활예술 디자인 포트폴리오
(주)호오생활예술 디자인 포트폴리오종석 김
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기SANGBUM HA
 
Wooseok Jeon - Portfolio
Wooseok Jeon - PortfolioWooseok Jeon - Portfolio
Wooseok Jeon - PortfolioWooseok Jeon
 
화성에서 온 개발자, 금성에서 온 기획자
화성에서 온 개발자, 금성에서 온 기획자화성에서 온 개발자, 금성에서 온 기획자
화성에서 온 개발자, 금성에서 온 기획자Yongho Ha
 
이민의 포트폴리오
이민의 포트폴리오이민의 포트폴리오
이민의 포트폴리오Min Lee
 

Viewers also liked (20)

스타트업을 위한 디자인@campus seoul
스타트업을 위한 디자인@campus seoul스타트업을 위한 디자인@campus seoul
스타트업을 위한 디자인@campus seoul
 
[기획 최정진] 포폴 소개
[기획 최정진] 포폴 소개[기획 최정진] 포폴 소개
[기획 최정진] 포폴 소개
 
기획자의 포트폴리오는 어떻게 써야 할까
기획자의 포트폴리오는 어떻게 써야 할까기획자의 포트폴리오는 어떻게 써야 할까
기획자의 포트폴리오는 어떻게 써야 할까
 
백승영_ 기획 포트폴리오
백승영_ 기획 포트폴리오백승영_ 기획 포트폴리오
백승영_ 기획 포트폴리오
 
앱팀메이킹1111381
앱팀메이킹1111381앱팀메이킹1111381
앱팀메이킹1111381
 
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
 
김승지 포트폴리오
김승지 포트폴리오김승지 포트폴리오
김승지 포트폴리오
 
모바일 앱 기획시 고려사항
모바일 앱 기획시 고려사항모바일 앱 기획시 고려사항
모바일 앱 기획시 고려사항
 
Socho
SochoSocho
Socho
 
Portpolio
PortpolioPortpolio
Portpolio
 
페어프로그래머(서버개발)를 찾습니다.
페어프로그래머(서버개발)를 찾습니다.페어프로그래머(서버개발)를 찾습니다.
페어프로그래머(서버개발)를 찾습니다.
 
모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요
 
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
 
General Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobGeneral Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX Job
 
(주)호오생활예술 디자인 포트폴리오
(주)호오생활예술 디자인 포트폴리오(주)호오생활예술 디자인 포트폴리오
(주)호오생활예술 디자인 포트폴리오
 
20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기20150307 abcd발표_ux디자이너 실력으로 살아남기
20150307 abcd발표_ux디자이너 실력으로 살아남기
 
Node.js in Flitto
Node.js in FlittoNode.js in Flitto
Node.js in Flitto
 
Wooseok Jeon - Portfolio
Wooseok Jeon - PortfolioWooseok Jeon - Portfolio
Wooseok Jeon - Portfolio
 
화성에서 온 개발자, 금성에서 온 기획자
화성에서 온 개발자, 금성에서 온 기획자화성에서 온 개발자, 금성에서 온 기획자
화성에서 온 개발자, 금성에서 온 기획자
 
이민의 포트폴리오
이민의 포트폴리오이민의 포트폴리오
이민의 포트폴리오
 

Similar to [LIBBON] (Uxui기획)서정환 포트폴리오

LingoStar iPhone App Design Workshop
LingoStar iPhone App Design WorkshopLingoStar iPhone App Design Workshop
LingoStar iPhone App Design Workshop성관 윤
 
앱 디자인 시작하기
앱 디자인 시작하기앱 디자인 시작하기
앱 디자인 시작하기Sangho Lee
 
아이패드기획강연 플루토미디어 외부_100915
아이패드기획강연 플루토미디어 외부_100915아이패드기획강연 플루토미디어 외부_100915
아이패드기획강연 플루토미디어 외부_100915jinwook shin
 
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례mosaicnet
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플이창훈
 
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기Soojin Ro
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyunjaeyunjeong1
 
9th.lecture.ui.design
9th.lecture.ui.design9th.lecture.ui.design
9th.lecture.ui.designJeongeun Kwon
 
스쿱미디어 회사 소개서 (150820) 외부용
스쿱미디어 회사 소개서 (150820) 외부용스쿱미디어 회사 소개서 (150820) 외부용
스쿱미디어 회사 소개서 (150820) 외부용SKOOPMEDIA
 
iPad and Apps for Learning
iPad and Apps for LearningiPad and Apps for Learning
iPad and Apps for LearningGrace Bae
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4Usys4u
 
기획과 개발의 균형잡기 Kt 100823_외부
기획과 개발의 균형잡기 Kt 100823_외부기획과 개발의 균형잡기 Kt 100823_외부
기획과 개발의 균형잡기 Kt 100823_외부jinwook shin
 
사용자중심
사용자중심사용자중심
사용자중심지현 이
 
허니컴 태블릿 디자인
허니컴 태블릿 디자인허니컴 태블릿 디자인
허니컴 태블릿 디자인Sang-min Lee
 
UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019JungYong Kim
 
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]Yurim Jin
 
포트폴리오 김규하
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하GyooHa Kim
 
사이드 프로젝트 위모 키워보기
사이드 프로젝트 위모 키워보기사이드 프로젝트 위모 키워보기
사이드 프로젝트 위모 키워보기현진 윤
 
Ready~ Action! on Google
Ready~ Action! on GoogleReady~ Action! on Google
Ready~ Action! on GoogleLee WonJae
 

Similar to [LIBBON] (Uxui기획)서정환 포트폴리오 (20)

LingoStar iPhone App Design Workshop
LingoStar iPhone App Design WorkshopLingoStar iPhone App Design Workshop
LingoStar iPhone App Design Workshop
 
앱 디자인 시작하기
앱 디자인 시작하기앱 디자인 시작하기
앱 디자인 시작하기
 
아이패드기획강연 플루토미디어 외부_100915
아이패드기획강연 플루토미디어 외부_100915아이패드기획강연 플루토미디어 외부_100915
아이패드기획강연 플루토미디어 외부_100915
 
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플
 
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
 
Android Developer JeongJaeyun
Android Developer JeongJaeyunAndroid Developer JeongJaeyun
Android Developer JeongJaeyun
 
9th.lecture.ui.design
9th.lecture.ui.design9th.lecture.ui.design
9th.lecture.ui.design
 
스쿱미디어 회사 소개서 (150820) 외부용
스쿱미디어 회사 소개서 (150820) 외부용스쿱미디어 회사 소개서 (150820) 외부용
스쿱미디어 회사 소개서 (150820) 외부용
 
iPad and Apps for Learning
iPad and Apps for LearningiPad and Apps for Learning
iPad and Apps for Learning
 
iOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4UiOS Human_Interface_Guidlines_#1_SYS4U
iOS Human_Interface_Guidlines_#1_SYS4U
 
기획과 개발의 균형잡기 Kt 100823_외부
기획과 개발의 균형잡기 Kt 100823_외부기획과 개발의 균형잡기 Kt 100823_외부
기획과 개발의 균형잡기 Kt 100823_외부
 
사용자중심
사용자중심사용자중심
사용자중심
 
허니컴 태블릿 디자인
허니컴 태블릿 디자인허니컴 태블릿 디자인
허니컴 태블릿 디자인
 
UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019UX/UI Trends Seminar 2019
UX/UI Trends Seminar 2019
 
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
개발과 디자인은 재미있어 [141025 한국우분투커뮤니티 발표]
 
포트폴리오 김규하
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하
 
사이드 프로젝트 위모 키워보기
사이드 프로젝트 위모 키워보기사이드 프로젝트 위모 키워보기
사이드 프로젝트 위모 키워보기
 
Ready~ Action! on Google
Ready~ Action! on GoogleReady~ Action! on Google
Ready~ Action! on Google
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 

More from libbonkorea

리코팩 포트폴리오
리코팩 포트폴리오리코팩 포트폴리오
리코팩 포트폴리오libbonkorea
 
윙토리 포트폴리오 13년도 상반기 1.5ver
윙토리 포트폴리오 13년도 상반기 1.5ver윙토리 포트폴리오 13년도 상반기 1.5ver
윙토리 포트폴리오 13년도 상반기 1.5verlibbonkorea
 
Made in 양선배 윈도우 이미지
Made in 양선배 윈도우 이미지Made in 양선배 윈도우 이미지
Made in 양선배 윈도우 이미지libbonkorea
 
Made in 양선배 ppt강의40
Made in 양선배 ppt강의40Made in 양선배 ppt강의40
Made in 양선배 ppt강의40libbonkorea
 
SDC프로그램 제안서 | 이건호 전략/혁신 연구소
SDC프로그램 제안서 | 이건호 전략/혁신 연구소SDC프로그램 제안서 | 이건호 전략/혁신 연구소
SDC프로그램 제안서 | 이건호 전략/혁신 연구소libbonkorea
 
전략관련 강의 | 이건호 전략/혁신 연구소
전략관련 강의 | 이건호 전략/혁신 연구소전략관련 강의 | 이건호 전략/혁신 연구소
전략관련 강의 | 이건호 전략/혁신 연구소libbonkorea
 
전략 워크숍 | 이건호 전략/혁신 연구소
전략 워크숍 | 이건호 전략/혁신 연구소전략 워크숍 | 이건호 전략/혁신 연구소
전략 워크숍 | 이건호 전략/혁신 연구소libbonkorea
 
전략아카데미 운영안 | 이건호 전략/혁신 연구소
전략아카데미 운영안 | 이건호 전략/혁신 연구소전략아카데미 운영안 | 이건호 전략/혁신 연구소
전략아카데미 운영안 | 이건호 전략/혁신 연구소libbonkorea
 
Apollocation ___
Apollocation  ___Apollocation  ___
Apollocation ___libbonkorea
 
출판명가 더키친
출판명가 더키친출판명가 더키친
출판명가 더키친libbonkorea
 
쉐어하우스 하우스메이트 소개자료_0711
쉐어하우스 하우스메이트 소개자료_0711쉐어하우스 하우스메이트 소개자료_0711
쉐어하우스 하우스메이트 소개자료_0711libbonkorea
 
[LIBBON] 아트버스킹 소개
[LIBBON] 아트버스킹 소개[LIBBON] 아트버스킹 소개
[LIBBON] 아트버스킹 소개libbonkorea
 
허수연 포트폴리오 허수연연구소
허수연 포트폴리오 허수연연구소허수연 포트폴리오 허수연연구소
허수연 포트폴리오 허수연연구소libbonkorea
 
김성은 대표님 프로필
김성은 대표님 프로필김성은 대표님 프로필
김성은 대표님 프로필libbonkorea
 

More from libbonkorea (14)

리코팩 포트폴리오
리코팩 포트폴리오리코팩 포트폴리오
리코팩 포트폴리오
 
윙토리 포트폴리오 13년도 상반기 1.5ver
윙토리 포트폴리오 13년도 상반기 1.5ver윙토리 포트폴리오 13년도 상반기 1.5ver
윙토리 포트폴리오 13년도 상반기 1.5ver
 
Made in 양선배 윈도우 이미지
Made in 양선배 윈도우 이미지Made in 양선배 윈도우 이미지
Made in 양선배 윈도우 이미지
 
Made in 양선배 ppt강의40
Made in 양선배 ppt강의40Made in 양선배 ppt강의40
Made in 양선배 ppt강의40
 
SDC프로그램 제안서 | 이건호 전략/혁신 연구소
SDC프로그램 제안서 | 이건호 전략/혁신 연구소SDC프로그램 제안서 | 이건호 전략/혁신 연구소
SDC프로그램 제안서 | 이건호 전략/혁신 연구소
 
전략관련 강의 | 이건호 전략/혁신 연구소
전략관련 강의 | 이건호 전략/혁신 연구소전략관련 강의 | 이건호 전략/혁신 연구소
전략관련 강의 | 이건호 전략/혁신 연구소
 
전략 워크숍 | 이건호 전략/혁신 연구소
전략 워크숍 | 이건호 전략/혁신 연구소전략 워크숍 | 이건호 전략/혁신 연구소
전략 워크숍 | 이건호 전략/혁신 연구소
 
전략아카데미 운영안 | 이건호 전략/혁신 연구소
전략아카데미 운영안 | 이건호 전략/혁신 연구소전략아카데미 운영안 | 이건호 전략/혁신 연구소
전략아카데미 운영안 | 이건호 전략/혁신 연구소
 
Apollocation ___
Apollocation  ___Apollocation  ___
Apollocation ___
 
출판명가 더키친
출판명가 더키친출판명가 더키친
출판명가 더키친
 
쉐어하우스 하우스메이트 소개자료_0711
쉐어하우스 하우스메이트 소개자료_0711쉐어하우스 하우스메이트 소개자료_0711
쉐어하우스 하우스메이트 소개자료_0711
 
[LIBBON] 아트버스킹 소개
[LIBBON] 아트버스킹 소개[LIBBON] 아트버스킹 소개
[LIBBON] 아트버스킹 소개
 
허수연 포트폴리오 허수연연구소
허수연 포트폴리오 허수연연구소허수연 포트폴리오 허수연연구소
허수연 포트폴리오 허수연연구소
 
김성은 대표님 프로필
김성은 대표님 프로필김성은 대표님 프로필
김성은 대표님 프로필
 

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

  • 2. Project #1 Auto China 2012 Description 베이징에서 열리는 Auto China 2012에 BOSCH가 참가하면서 미래의 하이브리드 자동차 디스플레이 시스템을 제안한다. 이에 베이징의 디자인 회사 DongDao와 디자인 대학교 BIFT, 두 단체에서 공동으로 참여하여 디스플레이 시스템을 제작하고, 이를 행사기간 동안 전시 부스에서 시연한다. - 독일과 중국(베이징, 상하이), 한국 여러 출신지의 다양한 분야의 글로벌 팀원들이 공동으로 잡업에 참여 하였다. 내 역할은 DongDao design의 기술 파트의 메인으로 참여, 프로그램 설계 및 인터렉션 구현을 담당하였고, as3.0과 away3D를 이용해 실제 이용이 가능한 미래의 하이브리드 자동차 디스플레이 시스템을 제작하였다. 2012.3-2012.4
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. BOSCH project manager: Justin Theinunt dong dao Design IxD team. art director: Gavin sub art director: Hyemi Oh assistant: Hao Jang, Arddel visual design: Yang Sheng, Lele Hong, Zipo, Dong he, Zi IxD: Jung-hwan Suh, Xiao Yu BIFT profesor: Wang Shou and students technical support: Hong Liang
  • 15. Project #2 HAPPY PLANET Description 홍익대학교 디지털 미디어 전공 2012 졸업전시, CROSS NODE에 전시한 졸업 작품 - 환경에 대한 주제로 로컬푸드의 개념을 빌려와 소비 패턴의 개선을 위한 제안을 체험형 작업을 통해 전달하였다. soo5hwani라는 팀으로 기획과 그래픽을 담당한 다른 학우와 함께 공동 작업을 하였으며, 내 역할은 반구 프로젝팅, 바코드 기술 구현과 Flash를 이용하여 사용자가 실제 사용 가능한 인터렉티브 인스톨레이션을 제작 하였다. 2011.5-2011.10
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. project Happy-planet Tutors: Geon-dong Kim, Romy Archituv team soo5hwani plan: Su-yung Kim, Jung-hwan Suh visual design: Su-yung Kim IxD: Jung-hwan Suh
  • 26. Project #3 힘내라 유기견 Description 힘내라 유기견은 유기견에 대한 바른정보 제공과 동물보호시민단체 KARA에 올라오는 유기견에게 응원글을 남기고, 블로그로 가상 입양하는액션을 통해 반려 동물의 소중함을 생각하게하는 새로운 웹애플리케이션이다. - dogstalks.com이라는 팀을 꾸려 진행하였고, 팀에서의 역할은 UX 기획부터 와이어프레임, 리서치, 유저시나리오 등 UX 전반을 맡았다. 또한 GUI를 맡아 디자인 컨셉 기획과 컴포넌트 제작, Flex XML 디자인 등을 진행하였다. 네이버 소셜앱스 공모전에서 학생부문 은상 수상 2010.11-2011.2
  • 27.
  • 28.
  • 29.
  • 30.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40. project 힘내라 유기견 dogstalks.com project 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 project 힘내라 유기견 dogstalks.com project 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
  • 41. Project #4 어디?! Description LG의 시네마 디스플레이 3D TV 출시 이후 3차례에 걸쳐 컨테스트가 진행되었다. 그중 2차 컨테스트는 기획자, 개발자, 디자이너가 한팀을 이뤄 2박3일간 스마트TV 애플리케이션을 제작하는 Apps Camp로 진행되었다. - 팀 Y벨리는 스마트 TV의 컨텐츠와 연동되는 실시간 맛집 정보 공유 어디를 기획하였다. 팀에서의 역할은 코어 아이디에이션, 화면설계, 스마트TV 인테페이스 제안을 맡아 진행 하였다. 2010.11-2011.2
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. project 어디?! team Y valley dev: Jung-ang Kim documenting: Hyun-bae Kim UX: Jung-hwan Suh UI: Kwang-min Kim
  • 48. others STUDY: iPad interface Description 사용자가 iPad를 들고 사용하는 모습 조사를 통해, 태블릿 디바이스의 사용성에 대한 연구를 한다. - 1주일의 조사 및 도출기간 조사된 이미지 총 211장을 플리커 검색과 직접 촬영하여 수집 하였다. 이를 5개의 카테고리(사용방법, 인원수,연령층, 응용, 공통점)으로 묶어 사용자들이 iPad를 이용하는 특징을 알아보려 하였다.
  • 49.
  • 50. 왼손 화면참고 오른손 4 #4 task : 아이패드 홈화면에서 아이콘 삭제하기 interface : 원터치앤 2-3 sec 홀드 next activity : 삭제, 취소, 이동 pre activity : 홈화면으로 이동 #5 task : 웹사이트 좌상단 책갈피 버튼 선택 interface : 버튼터치 next activity : 팝업윈도우 pre activity : - #6 task : 웹서핑 스크롤링 interface : 터치 앤 플리킹 next activity : 연속 플리킹 pre activity : - 왼손은 화면에서 보이지 않음 *예상: iPad 좌상단 모서리를 잡고 있지 않을까 왼손은 터치하는 iPad의 뒤쪽을 지지하듯이 받치고 있다. 왼손의 네 손가락으로 뒷면을 감싸 쥐고, 엄지 손가락으로 베벨 부븐 에 자연스럽게 올려 놓아 안정감을 주는 자세를 취하고 있다. 왼손은 멀리떨어져 서, iPad의 균형을 잡아주는 역할을 하고 있다. 기본적인 자세로 보이는 듯싶다. 위의 #5와 같이 엄지 손가락으로 베 벨부분을 감싸며 안정감을 주는 자세 를 취하고 있다. 오른손은화면을 터치하는 터치앤 홀 드를 하고 있다. 아이콘에 중지를 올려 놓은 뒤. 오른손은 중지를 사용하여 화면 좌상단의 버튼 을 터치하고 있다. 오른손은 중지를 사용하여 텍스트 중심 부분을 플리킹하고 있다. 상하 또는 좌우. 왼손 화면참고 오른손 4 #4 task : 아이패드 홈화면에서 아이콘 삭제하기 interface : 원터치앤 2-3 sec 홀드 next activity : 삭제, 취소, 이동 pre activity : 홈화면으로 이동 #6 task : 웹서핑 스크롤링 interface : 터치 앤 플리킹 next activity : 연속 플리킹 pre activity : - 왼손은 화면에서 보이지 않음 *예상: iPad 좌상단 모서리를 잡고 있지 않을까 왼손은 멀리떨어져 서, iPad의 균형을 잡아주는 역할을 하고 있다. 기본적인 자세로 보이는 듯싶다. 위의 #5와 같이 엄지 손가락으로 베 벨부분을 감싸며 안정감을 주는 자세 를 취하고 있다. 오른손은화면을 터치하는 터치앤 홀 드를 하고 있다. 아이콘에 중지를 올려 놓은 뒤. 오른손은 중지를 사용를 하 고 있를 하고 있다. 아이콘에 중지를다. 아이콘에 중지여 텍스트 중심 부 분을플리킹하고 있다. 상하 또는 좌우.
  • 51. activity World DJ Festival Description World DJ Festival은 국내에서 개최하는 세계 규모의 DJ Festival이다. 주최에서는 페스티벌에 참석하는 관객과 준비하는 모두를 위하여 여러 행사를 준비하였다. - 미디어 아트 그룹 2010XO에서 INTERACTIVE CIRCUS라는 주제로 페스티벌에 참가하는 관객에게 new media를 쉽게 접근할 수 있도록 기획하고 부스 참가 하였다.
  • 52.
  • 53. activity Data visualization Workshop Description 엘리스온과 randomworks에서 준비한 미디어아트 워크샵의 두번째로, 6주에 걸쳐 데이터와 데이터 활용에 대한 뉴미디어적 접근에 대한 워크샵을 진행하였다.
  • 54.
  • 55. activity 셋이서하는 미디어 아트 Descriptiond 아트센터 나비에서 주최한 미디어아트 워크샵 셋이서하는 미디어 아트는 최승준 코치의 팀이 뉴미디어아트에 대한 새로운 접근 방법으로 진행하는 워크샵을 진행하였다.