- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | CMS에듀케이션 | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| CMS education | ||||||||||||||
| 서브타이틀 | CMS에듀케이션 홈페이지 | |||||||||||||
| CMS education Homepage | ||||||||||||||
| URL | http://www.cmsedu.co.kr 사이트보기 | |||||||||||||
| 소개 | ‘융합사고력 · 영재교육 대표기업 ‘CMS에듀케이션 ‘공식 웹사이트 | |||||||||||||
| 키워드 | 교육,상상,창조,사고력,UI/UX,디자인 | |||||||||||||
| 제작년월 | 2015.7 | |||||||||||||
| 등록구분 | 데스크탑웹 | |||||||||||||
| 후보등록분야 | 교육 부문 > 학생/유아교육 | |||||||||||||
| 소속사 | ㈜씨엠에스에듀케이션 | |||||||||||||
| 제작사 |
인픽스 정보보기 |
|||||||||||||
| 제작사 제작진 |
|
|||||||||||||
| 웹사이트 설명 | 제작 목적
CMS 에듀케이션 본사에서 해외 사업 확장 및 브랜드 아이덴티티 강화를 위해 웹사이트 개편에 나섰다. CMS 에듀케이션 웹사이트는 ‘상상과 창조의 허브’라는 모기업의 마케팅 콘셉트에 맞춰 자유자재로 변형하는 점과 선을 기반으로 비주얼을 구성해 상상력을 자극하는 사이트를 만들겠다는 목적 아래 제작했다. 기획 의도 데이터 조회 및 신청 등 교육사이트가 가지는 일반적인 편의성에만 중점을 두지 않고, 비주얼 방면에서 강렬함을 줘 CMS 에듀케이션이 가지는 기업의 아이덴티티를 적극적으로 표현하는 것에 중점을 뒀다. 메인 페이지는 허브를 표현하기 위해 선과 점을 중심으로 방사형 디자인으로 구성했다. 이에 각각 1 뎁스(Depth)를 클릭했을 때 방사형 구체가 해당 메뉴를 형상화하는 형태로 유기적인 변화를 줘서 생동감 및 상상력을 불러일으킬 수 있도록 구성했다. 서브 페이지는 메인 페이지와의 연계성을 강화하기 위해 별도의 페이지 이동 없이 한 화면에서 정보를 습득하고 조회할 수 있도록 만들었다. 상세 내용 1) 선과 점을 활용한 3D 비주얼의 공간감 구현 메인 화면에 우주와 같은 느낌의 공간감을 주기 위해 선과 점의 구체를 3D 비주얼로 작업해서, 마치 우수에서 CMS 에듀케이션 허브가 구성된 듯한 공간감을 표현했다. 마우스 포인터에 따라 선과 점의 구체가 움직이고 변화하게끔 설계해 한층 더 생동감 있는 경험을 할 수 있도록 만들었다. 2) 페이지 이동 모션을 통한 자연스러운 레벨 표현 2 뎁스(Depth) 간의 이동은 페이지가 종으로, 3 뎁스(Depth) 간의 이동은 페이지가 횡으로 이동하는 것 같은 모션을 줬다. 이를 통해 사용자가 별도로 GNB를 열어보지 않더라도 페이지의 레벨 및 이동을 예측할 수 있게 만들었다. 3) 단계별로 차별화한 BG 구성으로 메뉴의 성질 표현 메뉴별 BG를 메뉴 성격에 맞는 이미지로 꾸며서 텍스트 설명을 벗어나 어린 학생들이 좀 더 명시적으로 메뉴의 성격을 인지할 수 있도록 만들었다. |
|||||||||||||
| 추가이미지 |
 
|
|||||||||||||
| 제작/구축 관련 자료 | ||||||||||||||