2009 Elite Model Look Korea

 안녕하세요. 이번 포스팅에서는 (주)더블가이에서 실버라이트로 만든 2009 엘리트 모델 룩 코리아 온라인 인기 투표 페이지 사례를 소개 하고자 합니다.

화면 구성
 우선, 첫 메인화면을 접속 하시면, 현재 남자 모델, 여자 모델 각각의 랭킹 정보를 읽어옵니다.

 랭킹 정보를 읽고 난 뒤에 메인 화면에 들어갑니다. 남, 여 각각 순위가 가장 높은 순서대로 좌측의 Profile Thumbnail 부분과 중앙하단에 각각의 모델들이 정렬 됩니다.

 모델들의 Thumbnail 을 클릭하셔서 원하시는 남, 여 모델 각각의 자세한 프로필을 보실 수 있습니다. (Age, Height, Weight, Bust, Waist, Hip)

 Thumbnail 만 보고 투표를 하실 순 없겠죠^^? 좀 더 각각의 모델들을 면밀히 살펴 볼 수 있도록 하기 위해서, 남, 여 모델 각각의 화보집을 구경하실 수 있도록 구성 했어요. View Contents 버튼을 클릭하시면 되는데요~ 옆에 VOTE! 버튼은 진짜 투표를 하게 되는 것이고요~ Contents 를 보신 뒤 가장 맘에 드는 모델을 투표하시면 되겠죠 :)

컨텐츠 감상
 View Contents 버튼을 클릭하시면, Profile 우측에 Corverflow 로 표현 된 각 모델 개개인의 화보집을 감상 하실 수 있습니다.

 Silder 를 움직이면서, 혹은 << , >> 버튼으로 하나씩 감상 하실 수 있습니다. 물론 컨텐츠를 직접 마우스로 선택 하시면서 감상 하실 수도 있습니다.

 아.. 그리고 Zoom 버튼이나 현재 Coverflow 상에서 가운데 선택 된 컨텐츠를 클릭하시면, 확대 된 Deepzoom 영역이 새 창으로 뜨는데요, 줌인, 줌아웃은 3 단계로, MouseWheel과 Slider 를 움직이면서 감상 하실 수 있습니다.

<1단계> - 이미지의 세로 사이즈가 딥줌 영역의 세로 사이즈와 같기 때문에 Slider 를 통해서 좌우로 컨텐츠를 감상합니다.

<2단계> - 마우스로 클릭한 부분을 1단계 보다 좀 더 확대 하여 감상 하실 수 있습니다. 2단계 부터는 이미지의 세로 사이즈가 딥줌 영역의 세로 사이즈보다 적어지기 때문에 MouseWheel을 통하여 상하로, Slider를 사용하여 좌우로 컨텐츠를 감상합니다.

<3단계> - 마우스로 클릭한 부분을 2단계 보다 좀 더 확대 하여 감상 하실 수 있습니다.  마우스를 클릭하시면 다시 1단계로 돌아가게 됩니다.

투표하기
 투표하는 방법은 VOTE! 버튼을 클릭하시면 됩니다. VOTE! 버튼을 클릭하면, 투표가 됐다는 것을 사용자가 알 수 있게 해야 하는데요. 엘리트 모델 룩 대회에서 우승자는 파리 본사에서 개최하는 글로벌 대회에 참가하게 되기 때문에, 그 컨셉으로, VOTE! 버튼 클릭 시, Seoul 에서 해당 모델에게 투표 페이지가 날라가고 투표페이지가 해달 모델에게 도착하면 게이지(능력 증가?ㅎ)가 올라갑니다. 또, 동시에 비행기가 Seoul에서 Paris로 날아가게 되죠. 투표를 받았으니, 글로벌 대회 참가 확률이 높아진다? 이런 컨셉입니다.

 메인 화면에서 MEN, WOMEN 탭을 선택하여 남,여 모델 페이지를 이동하는데요, WOMEN을 선택하셔서 여자 모델들도 감상 해 보세요 :)

모델 투표하러 가기 ☞ Click