Brand & Digital
Virtual Collection of Asian Masterpieces by 120 Museums Worldwide

- Client
- NTS
- Category
- Brand, Digital
- Services
- Digital Strategy, Website, UX/UI
- Scope
- Digital Strategy, UX Strategy, Mobile Site Design, Website Design, Art Direction
- Year
- 2012
The imaginary museum web/mobile site of VCM(Virtual Collection of Asian Masterpiece) which provides the relics information of Asian-European main museums is reorganized.
The VCM site is the imaginary museum providing the information about 2,300 relics which about 120 museums in ASEM member states own. It helps to appreciate the relics without difficulty in order to understand Asian-European culture and to make a space for new cultural relationships.
아시아-유럽 주요 박물관의 유물 정보를 제공하는 가상 박물관 VCM (Virtual Collection of Asian Masterpiece) 웹/ 모바일 사이트를 개편하였습니다. VCM 사이트는 아시아-유럽 ASEM 회원국 내 120여 개 박물관이 소장하고 있는 유물 2,300여 점에 대한 정보를 제공하는 가상 박물관입니다. 유물을 쉽게 감상하고 스토리를 깊이 이해할 수 있도록 하며, 아시아와 유럽의 문화를 이해하고 새로운 문화적 유대관계를 가질 수 있는 공간을 만들고자 하였습니다.
Improvement of user convenience through the UX overall reorganization
Through the UX overall reorganization including interaction and UI composition, it is renewed into the VCM site enhancing user convenience.
UX 전면 개편을 통한 사용편의성 향상. 사용자 경험에 익숙한 인터렉션과 UI 구성 등 UX 전면 개편을 통해 사용자 편의성을 높인 VCM 사이트로 리뉴얼하였습니다.

Melting the new BI concept ‘the contrast and fusion of East and West’ into overall site, it provides the clear and differentiated brand experience. Using typography positively, it uses the Serif font with regular/italic style in order to give rhythmical feeling and contrast. Because it is the site focusing on relics, it is simply composed as much as possible in order to concentrate on relics. And it is designed to avoid the graphic elements which may interfere with appreciation.
브랜드 이미지와 메세지를 담은 디자인, 효과적인 브랜드 아이덴티티 전달하기 위해 새롭게 변경된 BI 컨셉인 ‘동서양의 대비와 융합’을 사이트 전반에 녹여 명확하고 차별화된 브랜드 경험을 제공합니다. 타이포그래픽을 적극 활용하여 Serif 폰트를 사용하되 레귤러/이태릭체를 혼용하여 리듬감을 살리고 대비의 느낌을 전달하였습니다. 유물이 중점이 되는 사이트인만큼 유물에 집중할 수 있도록 최대한 심플하게 구성하였고, 감상에 방해가 될 수 있는 그래픽 요소는 가능한 자제하여 디자인 되었습니다.

Extending the explanation area of works and dividing the title and the contents definitely, it makes the image and explanation to be read comfortably. The image viewer which improved the function of image reduction/enlargement and view all provides the optimized environment to users in order to appreciate the relics with increased satisfaction.
작품 메타 및 해설정보 영역을 넓게 확보하고 타이틀과 내용의 명확한 구분을 통해 이미지와 해설정보 가독성을 향상하였습니다. 이미지 축소/확대, 전체보기를 편리하게 개선한 이미지 뷰어는 유물 감상에 최적화하여 사용자 만족도를 높였습니다.

Masterpiece of the day. Placing the continuously changed contents on main screen, it enhanced the contents delivering the lively feeling and exposing past career together.
흥미를 더하는, 오늘의 걸작. 상시 변경되는 컨텐츠를 메인 화면에 배치하여 생동감있는 사이트의 느낌을 전달하고, 과거 이력을 함께 노출해주는 방식으로 컨텐츠를 강화하였습니다.

A community to share the idea. Usability has been increased for visitors to write more reviews easily. We enhance the sharing features to allow more people to watch the collections.
유물에 대한 감상평, 생각을 쉽게 작성할 수 있도록 편의성을 개선하여 참여도를 높였습니다. 보다 많은 사람들에게 유물을 알리고 관람할 수 있도록 공유 기능을 강화하였습니다.


Asian and European culture platform. We build VCM which provides masterpieces from Asia-Europe in order to understand the cultural characteristics of each country and to fuse the ideas into one cultural platform.
아시아-유럽 박물관이 소장하고 있는 걸작들을 가상의 공간, VCM 사이트를 통해 제공함으로써 각 국의 문화와 특성을 이해하고 생각을 공유하며 융합할 수 있는 문화 플랫폼을 구축하였습니다.


Providing the customized search service in order to find the relics conveniently

In order to find the relics that you want easily and quickly, it improved the search function. The users can choose the word easily among the unfolded various search conditions and it provides multiple choice of search word and search within results for the detailed result.
방대한 유물 중 원하는 유물을 쉽고 빠르게 찾을 수 있도록 검색기능을 개선하였습니다. 다양한 검색 조건들을 펼쳐놓아 쉽게 선택할 수 있도록 하고, 세분화된 검색 결과를 얻을 수 있도록 검색어 복수 선택, 결과내 검색를 제공합니다.

More than 120 museums at a glance, UI visualization through custom maps API

We created UI in order for you to see the information of the museum over the world at a glance. Go to the museum and wacth the collection menus are available straight from the map. The Location UI on the API map was customed designed to enhanced the brand image.
세계 각 국의 박물관 정보를 한 눈에 확인 할 수 있게 화면을 구성하였습니다. 박물관 정보 보기와 박물관의 유물 모두 보기 기능을 지도에서 바로 제공하여, 사용자가 필요로 하는 정보의 접근성을 높였습니다. 지도 API를 활용하면서 위치 표시 UI를 VCM 컨셉에 맞게 커스텀하여 브랜드 이미지를 시각적으로 전달하였습니다.
The best mobile site with enhanced usability and accessibility
We used a gesture, such as flicking, pinch to provide an interactive experience for the user with touch-based smart phones. Considering the unstable mobile environment we used simple intutitive grphic interface rather than heavy visuals.
터치 기반의 스마트폰으로 접속 하는 사용자에게 인터렉티브한 경험을 제공하기 위해 플리킹, 핀치 등의 제스처를 적용하였습니다. 불안정한 모바일 환경을 고려하여 무거운 비주얼 요소를 간소화하고 직관적인 인터페이스로 사용성과 접근성을 높인 모바일 웹사이트를 구축하였습니다.

All contents are configured for limited mobile screen for better accessibility to the information. The contrast of the background and text color was carefully applied to improve readability in a small screen. Navigation through menus are easy and fast.
제한된 화면에서 제공되는 정보의 접근성을 높이기 위해 콘텐츠 구성을 모바일 사이트에 최적화하였습니다. 좁은 화면에서 가독성을 높이기 위해 배경과 텍스트 색의 명암 대비를 적절히 적용하였습니다. 메뉴간 이동을 단순화하여 언제 어디서나 빠르고 간편하게 이용할 수 있는 사이트를 구축하였습니다.


Provision of same service complying with web standards anywhere in the world
VCM is the website for all the people in the world so it should be accessed easily using web and mobile even in the countries with poor internet environment. Applying Ajax/Java Scrip technology to image viewer function provided in flash originally, everyone can get the same service anywhere in the world as well as N-SCREEN because it complied with web standards.
VCM은 전세계인들이 방문하는 사이트로 인터넷 환경이 좋지 못한 나라도 웹과 모바일로 간편하게 접속할 수 있어야 했습니다. 기존 플래시로 제공되던 이미지 보기 기능을 Ajax/Java Script기술을 적용하여 N-SCREEN은 물론, 어디서나 누구든 동일한 서비스를 제공받을 수 있도록 웹표준을 준수하여 구축되었습니다.

Credits
Production AgencyDFY
Creative Direction / DesignGwon Soongyu
