methodesign

21
NEW MEDIA EXPERIENCE AGENCY This material is proprietary to Methodesign. It contains trade secrets and confidential information which is the property of Methodesign. This material is solely for the Client’s internal use. This material shall not be used, reproduced, copied, disclosed, transmitted, in whole or in part, without the express consent of Methodesign.

Upload: bomin-kim

Post on 21-Feb-2016

216 views

Category:

Documents


0 download

DESCRIPTION

methodesign portfolio

TRANSCRIPT

Page 1: methodesign

NEW MEDIA EXPERIENCE AGENCY

This material is proprietary to Methodesign.It contains trade secrets and confidential information which is the property of Methodesign.This material is solely for the Client’s internal use. This material shall not be used, reproduced, copied, disclosed, transmitted,in whole or in part, without the express consent of Methodesign.

Page 2: methodesign

1NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

PROJECTSWEBSITE PRODUCT UI

2008

SAMSUNG HOME VITA 연간계약2.0, 2.5, 2.5upgrade, Kiosk. etc

2009

SAMSUNG 해외 어워드 출품용 UI 영상물Design, 3D, Flash Development

2007

LG FASHION BRAND SITE 2007 SS/FWDesign, Flash Development

2006

KT RICH COMMPrototype, Design, Style Guide

2006

ANYCALL ONLINE PROMOTIONDesign, Flash Motion, Development

2006

MTV WEBSITE RENEWALProposal, Prototype, Style Guide

2006

LG MOBILE PIMSProposal, Prototype

2006

SAMSUNG IPLUS PC APPLICATION & PDAPrototype, Design, Icon set

2006

SAMSUNG PMP YM-P2Prototype, Design

2006

SM ENT. 동방신기 오정반합 앨범 스페셜 E-BOOK Design, Flash Development

2006

SAMSUNG 15TH ASIAN GAME DOHA 2006 WEBSITEPrototype, Design

2007

INNOBITZ WEBSITEDesign, Flash Development

2007

SAMSUNG NEXT GENERATION PRINTER UIDesign, Flash Development

2007

SAMSUNG HOME VITA 2.5Prototype, Design, Style Guide, Flash Development

2007서울통신 HOMEPHONE GUIPrototype, Design, Style Guide, 3D Icon

2008

HEINEKEN WEBSITE RENEWALProposal, Design Style Guide

2008

SAMSUNG E-SHOP SOLUTIONDesign, Flash Development

2008

SAMSUNG DOCUMENTS IDENTITYResearch, Doc Identity, Style Guide Manual

2008

SAMSUNG UXI ROADMAP 2013Design, Motion, Flash Development, Print

PROMOTION

Page 3: methodesign

2NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESSAMSUNG국내 및 해외 어워드 출품용 UI 영상물

PromotionRole : Design, 3D, Motion, Flash Development2009 FebruaryClient : Samsung Electronics

국내 및 해외 어워드출품용으로 제작된 플래시 무비형식으로, UX전략, UI컨셉, 사용자 가상 시나리오를 통하여 서비스와 기능에 대한 설명등을 모션그

래픽으로 표현하였다. 주목성을 높이기 위하여 차콜그레이배경을 사용하였고, 3D 오브젝트와 타이포로 구성된 화면으로 심플하게 구성하였고, 이해를

높이기 위하여, 스크립트를 충분히 사용하였다.

Page 4: methodesign

3NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNGUXI ROADMAP 2013

Promotion, PrintRole : Design, 3D, Motion, Flash Development2008 OctoberClient : Samsung Electronics

사회, 문화 트랜드를 과거, 미래 총10년을 대상으로 조사하여 각 연도별 메카 트랜드의 키워드를 도출하여, 로드맵과, 무드보드를 제작하였다.

로드맵은 스크린용은 플래시로 제작되었고, 설치용으로 1절 Printing되어서 행사장에 설치되었다. 각 시나리오별 라이프스타일형태의 무비는 해당UI

Screen이 돋보이도록 심플한 3D 벡터로 렌더링되어 제작되었다.

Page 5: methodesign

4NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESSAMSUNG STANDARD PROPOSAL GUIDELINESDOCUMENT IDENTITY

Document Identity, PrintRole : Design, Clip Art2008 AugustClient : Samsung Electronics

삼성전자 국내사업부내에서 통일된 파워포인트용 제안서 가이드라인으로 표지, 마스터파일, 클립아트등을 제작하였다. 사내서버를 설치하여 웹사이트

에 업데이트된 가이드문서와 제작된 문서등을 사원들이 공유할 수 있도록 시스템을 구성하였다.

Page 6: methodesign

5NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNG E-SHOP SOLUTION Product UI

Role : Design, 3D, Flash Development2008 JunClient : Samsung Electronics

삼성 디지털 플라자의 내점고객에게 제품의 정보/특장점을 설명하고, 가상공간 시뮬레이션 기능을 제공하고, 직원들에게는 매일 아침 제품소개/공지사

항 컨텐츠를 공유하고, 판매전략 및 이벤트 등의 정보를 공유하는 매장선진화UI를 제작하였다. 블랙UI를 사용하였고, 그리드 모듈방식의 메뉴구조로 제

작하여 향후 유지보수에도 대응이 가능하도록 하였으며, 모듈메뉴는 직관직인 디자인으로 내점고객의 연령별에 고루 대응가능하도록 하였다.

Page 7: methodesign

6NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESHEINEKEN WEBSITE RENEWAL Website

Role : Proposal, Prototype, Web Style Guide2008 JanuaryClient : Heineken Korea

하이네켄의 시원한 녹색이미지를 BG로 사용하고, 전체적인 기획의도의 프로모션을 중점으로 한 디자인으로 메인 비주얼에 프로모션 영역을 기존의 배

너 형식에서 과감히 탈피하고 부각시켜 복잡한 요소들은 제거하고 해당 컨텐츠을 강조하여 표현하였다.

Page 8: methodesign

7NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNG HOME VITA2009 연간계약

Product UIRole : Prototype, Design2008 AllClient : Samsung Electronics

국내1위의 홈네트워크중 홈비타를 1년간의 작업으로 기존버전의 가이드관리 및 진행과제에 맞는 최적화, 그리고 2.5버전의 업그레이드 버전을 제작하

였다. 기존에 없었던 아파트 입구의 키오스크를 제작하였고, 2.5업그레이드는 기존 2.5버전보다 간결한 그래픽형태로 제작되었으며 공간에 대한 활용

에 대해서 더욱 넓게 느껴질수 있도록 제작되었다.

Page 9: methodesign

8NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESKT ANN HOMEPHONE Product UI

Role : Proposal2007 NovemberClient : Samsung

프리미엄폰의 이미지에 맞는 다양한 컨셉의 디자인을 제작하였다.

Page 10: methodesign

9NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSHT-2021XM Product UI

Role : Design, 3D Icon Set2007 November

Client : 서울통신

폭넓은 사용자를 고려하여 직관적인 형태의 메뉴구조로 제작되었다. 파워온,오프에 회사의 다양한 서브로고를 사용하여 표현하였고, 다양한 컨셉의 idle

화면을 제작하였다.

Page 11: methodesign

10NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESSAMSUNG HOME VITA 2.5 Product UI

Role : Design, Style Guide2007 JunClient : Samsung

2.0에서 2.5로의 변경은 디자인과 함께 플래시UI적용하여 제작하였다. 하드웨어와 플레이어에 맞게 최적화되는 가이드 작업으로, 계절별 배경이 제공

되며, 트렌드에 맞춰서 블랙UI로 제작되었다.

Page 12: methodesign

11NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNG PRINTERNEXT GENERATION UI

Product UIRole : Design, Style Guide2007 MayClient : Samsung

차세대 형태의 프린터기(복합기)에 들어가는 UI를 제안, 제작하였다. 2가지 디자인컨셉으로, Futuristic, Emotion를 키워드로 다양한 기능을 플래시를

이용하여 제작하였다.

Page 13: methodesign

12NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESLG FASHION BRAND SITE 2007 SS/FW Website

Role : Design, Flash Development2007Client : LG Fashion

엘지패션의 브랜드 중 zeden, mogg, maestro, ashworth, towngent의 사이트를 제작하였다. 모그는 3가지 모션으로 브랜드컨셉을 전달하도록 제작

되었으며, 에쉬워스와 마에스트로, 타운젠트는 06년의 디자인에서 리뉴얼하여 새롭게 단장하였다.

Page 14: methodesign

13NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNG 15TH ASIAN GAME DOHA 2006 Website

Role : Design, Style Guide2006 NovemberClient : Samsung

도하 아시안게임의 메인 스폰서인 삼성의 제품를 소개하는 마이크로 사이트로 메인은 주력상품이었던 TV의 제품디자인를 모티브로 제작되었으며, 시

원한 화면 분할로 정보전달과 함께 심미적인 부분을 고려하여 제작되었다. 메인과 함께 스타일가이드까지 작업이 진행되었고 하위페이지는 프로모션회

사에서 진행되었다.

Page 15: methodesign

14NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESSM ENTERTAINMENT동방신기 오정반합 앨범 스페셜 E-BOOK

PromotionRole : Design, Flash Development2006 SeptemberClient : SM Entertainment

동방신기의 새로운 앨범 ‘오정반합’의 프로모션사이트로, 앨범를 구매후 프로모션 코드를 이벤트페이지에 입력하면 동방신기의 e-book를 볼수있는 사

이트를 제작하였다. 앨범컨셉를 반영하여 디자인되었고, 프로모션기간중의 서버폭주등의 상황등을 고려하여, 최적화된 플래시 프로그래밍과 함께 쉬운

업데이트를 고려하여 제작되었다.

Page 16: methodesign

15NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNG PMP YM-P2 Production UI

Role : Design, Flash Development2006 AugustClient : Samsung

고객사의 혁신적인 새로운 안에 대한 요청으로 터치스크린의 특성과 소리를 표현하는 메타포등을 재료로하여 황금분할의 직사각형과 황금분할 나선형

으로 시각적인 디자인으로 디자인하였다. 나선형을 따라 메뉴아이콘들이 등장하는 방식으로 제작되었다.

Page 17: methodesign

16NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESMOTOROLA WEBSITE RENEWAL Website

Role : Proposal2006 AugustClient : SM Entertainment

모토로라의 히트작인 레이저의 메타로를 이용하여 사이트 전반에 걸쳐 라인으로 화면분할을 하여 미래적인 느낌과 최고의 테크놀로지의 느낌을 전달받

도록 제작하였다. 제품쇼룸은 제품에 맞는 모션을 제작하여 각기능들을 스타일리쉬한 형태의 모션으로 구현하였다.

Page 18: methodesign

17NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESSAMSUNG IPLUSPC APPLICATION & PDA

Product UIRole : Design, Icon set2006 JulyClient : Samsung

와이브로메신저인 Iplus는 삼성의 이미지가 전달되도록 Blue를 메인 컬러로 제작되었다. 고급스러운 질감을 전체적인 톤으로 디자인되었으며, 아이콘은

디테일을 최대한 살린 2.5D 형태로 제작되었으며, 플래시로 메뉴들의 다양한 기능을 포함시킬수있도록 제작되었다.

Page 19: methodesign

18NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

ALL CASE STUDIESLG MOBILE PIMS Product UI

Role : Proposal2006 MayClient : SM Entertainment

엘지 단말기연구소의 미래형 핸드폰 UI에 대한 제안디자인으로 Circle Type, Spiral Type등을 디자인하여 제안하였다. 아이콘은 UI주변의 극단적인 심

플한 구성으로 디테일한 2.5D형태를 제안하였고, 다양한 위젯형태의 어플들을 디자인하여 제안하였다.

Page 20: methodesign

19NEW MEDIA EXPERIENCE AGENCY 2009 MARCHPORTFOLIO

ALL CASE STUDIESKT RICH COMM. Product UI

Role : Design, Style Guide2006 FebruaryClient : KT

PC 어플리케이션과 PDA용의 개인사무용도 및 메신저, 인트라넷등의 모든 기능을 포함시킨 KT 리치컴를 디자인하였다. 첨단의 디자인형태를 구축하기

위하여 퓨쳐니스틱한 디자인을 하였고, PDA는 위젯등의 형태의 디자인을 구축하였다.

Page 21: methodesign

20NEW MEDIA EXPERIENCE AGENCY PORTFOLIO 2009 MARCH

PROPOSALALL PROPOSAL WEBSITE