digital media contents : thecollectors ppt

24
THE COLLECTORs A WORLD FOR COLLECTORS :: FINAL PROJECT :: 디지털미디어컨텐츠 I 1012855 이나연

Upload: nayeonlee807

Post on 18-Dec-2014

470 views

Category:

Design


2 download

DESCRIPTION

final description.the web site for collectors.

TRANSCRIPT

Page 1: digital media contents : THECOLLECTORs PPT

THE COLLECTORsA WORLD FOR COLLECTORS

:: FINAL PROJECT ::

디지털미디어컨텐츠 I

1 0 1 2 8 5 5 이 나 연

Page 2: digital media contents : THECOLLECTORs PPT

C O N T E N T S

:: 내가 생각하는 TREND ?

:: TREND DEVELOPING

:: IA (Information Architecture)

:: BENCHMARKING

:: UI (User Interface)

:: DESIGN CONCEPT

:: DESIGN PROCESS

:: PROTOTYPE

:: FIN

Page 3: digital media contents : THECOLLECTORs PPT

* T R E N D사람들은 좋아하는 것이 생기면 모으는 습관을 가지고 있다. 모으는 일은

최근에도, 몇년 전에도, 몇십년 전에도 행해진 일이고 요즘에는 모으는

것이 발전하여 다른 분야에도 영감을 주곤 한다.

PEOPLE DO COLLECT IF THEY LIKE. AND NOWADAYS COLLECTING AND WHO

PEOPLE COLLECT, INSPIRE TO ANOTHER WORLD.

Page 4: digital media contents : THECOLLECTORs PPT

T R E N D

1980 1990 2000 최근

: 모으는 것은 십년 전에도 있었던 일이다. 그리고 요즘에는 이런 것이 발달하고 발전해

하나의 새로운 트렌드 / 문화로 자리잡고, 다양한 분야에서도 영감을 주게 되었다.

Page 5: digital media contents : THECOLLECTORs PPT

T R E N D

: 모으는 것이 다양한 분야에 어떤 식으로 영감을 주게 되었는가. 그리고 단순히 모으는

것이 얼마나 다양하고 재미있게 발전할 수 있는 지를 생각했다.

Car museum in jeju

House on the rockMUSEUM: CAR MUSEUM/ HOUSE ON THE ROCK/ CW IN KOREA(RESTAURANT ALSO)

Page 6: digital media contents : THECOLLECTORs PPT

사람들은 좋아하는 것이 생기면 모으는 습관을 가지고 있다. 모으는 일은

최근에도, 몇년 전에도, 몇십년 전에도 행해진 일이고 요즘에는 모으는

것이 발전하여 다른 분야에도 영감을 주곤 한다.

PEOPLE DO COLLECT IF THEY LIKE. AND NOWADAYS COLLECTING AND WHO

PEOPLE COLLECT, INSPIRE TO ANOTHER WORLD.

T R E N D

: 모으는 것이 다양한 분야에 어떤 식으로 영감을 주게 되었는가. 그리고 단순히 모으는

것이 얼마나 다양하고 재미있게 발전할 수 있는 지를 생각했다.

FASHION: LOOKS LIKE VINTAGE DOLL/ LEGO IN FASHION(B.I.P FERGIE & MARC JACOBS SHOW)

Page 7: digital media contents : THECOLLECTORs PPT

BEFORE I.A

: 오프라인의 전시는 개인을 위한 전시공간을 제공해주는 점을 착안해서,

온라인이더라도 단순히 카테고리 별로 정리되서 나라는 존재를 단지 어떤 것을 모으는

사람으로 보는 것이 아니고 개인을 강조하는 형태로 만드는 것이 목적이었다.

Page 8: digital media contents : THECOLLECTORs PPT

I.A 1

Page 9: digital media contents : THECOLLECTORs PPT

*TREND DEVELOPING

하지만 이 모으는 사람 모두가 오프라인 상에서 전시하기란 여간 어려운 일이 아니다.

사람들은 대게 자기 집 혹은 아지트에 전시하듯 꾸며놓고 자신만 감상하거나 가까운 사람들만

보게 되는데 이것은 원래 모으는 사람의 의도와는 다른 것으로, 매우 애석하고 안타깝다.

하지만 온라인은 오프라인과는 다르게 공간의 제약이 없는 장점을 갖고 있고 오프라인 보다

접근성이 쉬워 온라인 상의 개개인의 전시공간 을 제공하는 것으로 생각했다.

Page 10: digital media contents : THECOLLECTORs PPT

I.A 2

: 너무 단순해 보일 수도 있는 구조지만, 다음에 나올 벤치마킹한 사이트 때문에 이렇게

되었다. 물론 후에 수정해 앞의 IA와 이것을 섞은 구조가 나왔고, 아까 말한 개인을

강조하기 위해 사이트 인덱스페이지에 스크롤 형식을 차용해서 개인별 컬렉션을

전시하고, 이 사람들은 매달마다 랜덤으로 선택되는 식으로 생각했다.

Page 11: digital media contents : THECOLLECTORs PPT

BENCH MARKING

: 여러개의 사이트를 리서치했었는데 스크롤 형식의 사이트 하나가 너무

인상적이어서 한개를 벤치마킹하게 되었다.

http://www.nike.com/jumpman23/aj2012/

Page 12: digital media contents : THECOLLECTORs PPT

BENCH MARKING

: 여러개의 사이트를 리서치했었는데 스크롤 형식의 사이트 하나가 너무

인상적이어서 한개를 벤치마킹하게 되었다.

Page 13: digital media contents : THECOLLECTORs PPT

*BENCHMARKING & I.A

개인별로 주어진 전시공간을 어떻게 화면에 나타내야 될까 고민을 많이 했고, 결국

벤치마킹 사이트를 보면서 확신을 얻었다. 앞서 말한 것처럼 매달 랜덤으로 컬렉터 3명을

선택해서 그 3명의 컬렉션을 스크롤하면서 보는 형식으로 제공하고, 옆에 네비게이션을

달아서 스크롤 뿐 아니라 클릭으로도 그 사람의 컬렉션으로 가도록 했고, 상단에 기존처럼

카테고리별로 구분해서 보기 편리함도 더했다.

Page 14: digital media contents : THECOLLECTORs PPT

U.I

Page 15: digital media contents : THECOLLECTORs PPT

*DESIGN CONCEPT

PERSONAL + SCROLLABLE + COLOR

개인에 초점을 맞춘 것과 스크롤 형식이 컨셉이다.

메인 페이지는 세로 스크롤이고 상세 페이지도 맥락을 같이 해 가로스크롤을 적용했다.

벤치마킹과 다른 점이라면 자바,제이쿼리로 구현을 못 해 움직이지 않는다는 점.

Page 16: digital media contents : THECOLLECTORs PPT

DESIGN PROCESS

+ +

LOGO TYPE COLOR THEME LINES

Page 17: digital media contents : THECOLLECTORs PPT

: MAIN PAGE (SCROLLABLE PAGE)

PROTO TYPE

Page 18: digital media contents : THECOLLECTORs PPT

: MAIN PAGE (SCROLLABLE PAGE)

PROTO TYPE

Page 19: digital media contents : THECOLLECTORs PPT

: MAIN PAGE (SCROLLABLE PAGE)

PROTO TYPE

Page 20: digital media contents : THECOLLECTORs PPT

: SUB PAGE (SCROLLABLE PAGE)

PROTO TYPE

Page 21: digital media contents : THECOLLECTORs PPT

: SUB PAGE (SCROLLABLE PAGE)

PROTO TYPE

Page 22: digital media contents : THECOLLECTORs PPT

: SUB PAGE (SCROLLABLE PAGE) - LIGHT BOX

PROTO TYPE

Page 23: digital media contents : THECOLLECTORs PPT

PROTO TYPE

GO TO SAMPLE PAGE!

Page 24: digital media contents : THECOLLECTORs PPT

*FIN*