- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 동원그룹 | |
|---|---|---|
| Dongwon | ||
| 서브타이틀 | 동원그룹 웹사이트 리뉴얼 | |
| Dongwon Website Renewal | ||
| URL | http://www.dongwon.com 사이트보기 | |
| 소개 | Parallax Scroll 기법으로 극대화 시킨 반응형 웹사이트. | |
| 키워드 | 동원,동원엔터프라이즈,동원그룹,Dongwon | |
| 제작년월 | 2013.5 | |
| 등록구분 | 데스크탑웹 | |
| 후보등록분야 | 기업일반 부문 > 유통 등록분야 목록보기 |
|
| 소속사 | (주)동원엔터프라이즈 | |
| 제작사 |
PCN |
|
| 제작사 제작진 | PM : 정미숙
기획 : 이민정, 박예원 디자인 : 신민섭, 주은혜 개발 : 박우석, 전승현 퍼블리싱 : 장영석, 배지혜 |
|
| 제작사2 |
동원씨앤스(주) |
|
| 제작사2 제작진 |
|
|
| 웹사이트 설명 | 동원그룹의 콘텐츠는 크게 Amazing, Welcome, Enjoy 이렇게 3개의 카테고리로 나뉜다. 더욱 친화적인 레이블링을 통해 사용자의 호기심을 자극하고 소비자와 친근한 기업으로서의 이야기를 전달하려고 한 노력의 일환이다. 놀라운 업적과 그 위상을 전하는 의미로 ‘Amazing’, 예비 신입사원에게 늘 열려있는 ‘채용’과 언제 만나도 반가운 ‘사회공헌’ 메뉴를 ‘Welcome’으로, 그리고 광고 및 팸플릿, 동원 웹진 등 즐거운 동원을 만나라는 의미에서 ‘홍보’와 ‘소통’ 메뉴를 ‘Enjoy’로 구분했다.
또한, Parallax Scroll로 비주얼 효과 극대화와 HTML5 활용으로 반응형 웹 구현을 통해 사용자의 사용성과 운영자의 효율성, 두 마리 토끼를 잡을 수 있도록 구축했다. 또한, 웹 표준 및 웹 접근성을 준수하는 코딩, 보안 코딩을 수행해 웹사이트를 편리하면서도 안심하고 이용하도록 만들었다. 메인 화면은 크게 비주얼 이미지 및 정보 영역으로 구분했다. 좌측 비주얼 이미지 영역에는 동원그룹의 비전인 ‘새로운 가치를 창조하는 사회 필요기업’과 동원의 정신인 열성, 도전, 창조의 키워드를 보조카피·이미지와 함께 Parallax Scroll 기법으로 표현했다. 스크롤 시 여러 가지 오브젝트와 배경 간의 시차를 활용해 입체감을 느낄 수 있도록 표현한 비주얼은 사내 모델의 임팩트 있는 표정과 조화를 이루며 신선한 충격으로 다가서도록 만들었다. 우측 정보 영역은 동원그룹이 자랑하는 주요 콘텐츠(주요사업 및 역사관 등)를 노출해 사용자의 접근성을 높였다. 서브 화면은 웹에서 세로 4단 그리드를 활용해 3/4을 콘텐츠 본문, 1/4을 관련 콘텐츠 영역으로 활용했다. 이 4단 구성은 태블릿에서는 3단 구성으로, 모바일 기기에서는 1단 구성으로 반응형 웹이 유연하게 적용된다. GNB(Global Navigation Bar, 상단 메뉴)에서 각각의 카테고리 클릭 시, 하위메뉴를 3-depth까지 전체를 한눈에 살펴보도록 지원한다. 직관적으로 인지하고 원하는 정보에 접근할 수 있는 시간을 단축한다. 더불어 로케이션 최하위 메뉴에는 화살표를 표기해 클릭 후 같은 레벨에 있는 타 메뉴로 쉽게 이동하도록 구성했다. 또한, 콘텐츠 본문 외 서브 화면 내에서 해당 사용자가 관심 가질만한 링크, 파일, 배너 콘텐츠를 한눈에 살펴보도록 모아 우측 ‘관련 콘텐츠’ 영역에 서비스해 지속해서 브라우징하도록 웹사이트를 구축해 동원그룹과 방문 사용자 간 쌍방향 커뮤니케이션 구실을 하도록 만들었다. 무엇보다 반응형 웹으로 구현했을 때 뒤처질 수 있는 UX를 모바일 환경에서의 UX와 차이 없이 느낄 수 있도록 동작에 따른 사용자 느낌을 최대한 유지할 수 있도록 세심하게 마크업 했다. [영문 사이트: http://www.dongwon.com/eng] * 월간웹 2013년 8월호 ‘project: editor’s choice’ 게재 * 5DAY, 위키트리, 디자인정글 뉴스 게재 |
|
| 추가이미지 |
   
|
|
| 제작/구축 관련 자료 | w_201310110127155172766861.pdf | |