final description. the web site for collectors.

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

2. CONTENTS
:: 내가 생각하는 TREND ?
:: TREND DEVELOPING
:: IA (Information Architecture)
:: BENCHMARKING
:: UI (User Interface)
:: DESIGN CONCEPT
:: DESIGN PROCESS
:: PROTOTYPE
:: FIN

3. * T R E N D
사람들은 좋아하는 것이 생기면 모으는 습관을 가지고 있다. 모으는 일은
최근에도, 몇년 전에도, 몇십년 전에도 행해진 일이고 요즘에는 모으는
것이 발전하여 다른 분야에도 영감을 주곤 한다.
PEOPLE DO COLLECT IF THEY LIKE. AND NOWADAYS COLLECTING AND WHO
PEOPLE COLLECT, INSPIRE TO ANOTHER WORLD.

4. T R E N D
: 모으는 것은 십년 전에도 있었던 일이다. 그리고 요즘에는 이런 것이 발달하고 발전해
하나의 새로운 트렌드 / 문화로 자리잡고, 다양한 분야에서도 영감을 주게 되었다.
1980 1990 2000 최근

5. T R E N D
: 모으는 것이 다양한 분야에 어떤 식으로 영감을 주게 되었는가. 그리고 단순히 모으는
것이 얼마나 다양하고 재미있게 발전할 수 있는 지를 생각했다.
House on the rock
MUSEUM: CAR MUSEUM/ HOUSE ON THE ROCK/ CW IN KOREA(RESTAURANT ALSO)
Car museum in jeju

6. T R E N D
: 모으는 것이 다양한 분야에 어떤 식으로 영감을 주게 되었는가. 그리고 단순히 모으는
것이 얼마나 다양하고 재미있게 발전할 수 있는 지를 생각했다.
FASHION: LOOKS LIKE VINTAGE DOLL/ LEGO IN FASHION(B.I.P FERGIE & MARC JACOBS SHOW)

7. BEFORE I.A
: 오프라인의 전시는 개인을 위한 전시공간을 제공해주는 점을 착안해서,
온라인이더라도 단순히 카테고리 별로 정리되서 나라는 존재를 단지 어떤 것을 모으는
사람으로 보는 것이 아니고 개인을 강조하는 형태로 만드는 것이 목적이었다.

8. I.A 1

9. *TREND DEVELOPING
하지만 이 모으는 사람 모두가 오프라인 상에서 전시하기란 여간 어려운 일이 아니다.
사람들은 대게 자기 집 혹은 아지트에 전시하듯 꾸며놓고 자신만 감상하거나 가까운 사람들만
보게 되는데 이것은 원래 모으는 사람의 의도와는 다른 것으로, 매우 애석하고 안타깝다.
하지만 온라인은 오프라인과는 다르게 공간의 제약이 없는 장점을 갖고 있고 오프라인 보다
접근성이 쉬워 온라인 상의 개개인의 전시공간 을 제공하는 것으로 생각했다.

10. I.A 2
: 너무 단순해 보일 수도 있는 구조지만, 다음에 나올 벤치마킹한 사이트 때문에 이렇게
되었다. 물론 후에 수정해 앞의 IA와 이것을 섞은 구조가 나왔고, 아까 말한 개인을
강조하기 위해 사이트 인덱스페이지에 스크롤 형식을 차용해서 개인별 컬렉션을
전시하고, 이 사람들은 매달마다 랜덤으로 선택되는 식으로 생각했다.

11. BENCH MARKING
: 여러개의 사이트를 리서치했었는데 스크롤 형식의 사이트 하나가 너무
인상적이어서 한개를 벤치마킹하게 되었다.
http://www.nike.com/jumpman23/aj2012/

12. BENCH MARKING
: 여러개의 사이트를 리서치했었는데 스크롤 형식의 사이트 하나가 너무
인상적이어서 한개를 벤치마킹하게 되었다.

13. *BENCHMARKING & I.A
개인별로 주어진 전시공간을 어떻게 화면에 나타내야 될까 고민을 많이 했고, 결국
벤치마킹 사이트를 보면서 확신을 얻었다. 앞서 말한 것처럼 매달 랜덤으로 컬렉터 3명을
선택해서 그 3명의 컬렉션을 스크롤하면서 보는 형식으로 제공하고, 옆에 네비게이션을
달아서 스크롤 뿐 아니라 클릭으로도 그 사람의 컬렉션으로 가도록 했고, 상단에 기존처럼
카테고리별로 구분해서 보기 편리함도 더했다.

14. U.I

15. *DESIGN CONCEPT
PERSONAL + SCROLLABLE + COLOR
개인에 초점을 맞춘 것과 스크롤 형식이 컨셉이다.
메인 페이지는 세로 스크롤이고 상세 페이지도 맥락을 같이 해 가로스크롤을 적용했다.
벤치마킹과 다른 점이라면 자바,제이쿼리로 구현을 못 해 움직이지 않는다는 점.

16. DESIGN PROCESS
LOGO TYPE COLOR THEME LINES
+ +

17. PROTO TYPE
: MAIN PAGE (SCROLLABLE PAGE)

18. PROTO TYPE
: MAIN PAGE (SCROLLABLE PAGE)

19. PROTO TYPE
: MAIN PAGE (SCROLLABLE PAGE)

20. PROTO TYPE
: SUB PAGE (SCROLLABLE PAGE)

21. PROTO TYPE
: SUB PAGE (SCROLLABLE PAGE)

22. PROTO TYPE
: SUB PAGE (SCROLLABLE PAGE) - LIGHT BOX

23. PROTO TYPE
GO TO SAMPLE PAGE!

24. *FIN*