- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 해양환경공단 | |
|---|---|---|
| Korea Marine Environment Management Coperation | ||
| 서브타이틀 | 해양환경공단 | |
| KOEM | ||
| URL | https://www.koem.or.kr 사이트보기 | |
| 소개 | 국내 해양환경을 수호하는 해양환경공단의 공식 웹사이트 | |
| 키워드 | 해양환경보전,유류방제,해양생태계보호,해양기후변화대응,방제선,예방선 | |
| 제작년월 | 2019.9 | |
| 등록구분 | 데스크탑웹 | |
| 후보등록분야 | 공공/의료 부문 > 환경에너지 등록분야 목록보기 |
|
| 소속사 | 해양환경공단 | |
| 제작사 |
(주)인재아이엔씨 정보보기 |
|
| 제작사 제작진 |
|
|
| 웹사이트 설명 | [구축 개요]
Marine Harmony! - 바다와 바다를 터전으로 살아가는 생태계의 조화로운 어울림 청정한 해양을 상징하는 파도, 해양환경을 기반으로 살아가는 생물들과 바다의 원천자원을 모티브로 하는 공단의 CI를 디자인에 함축적으로 반영하고 공단이 추구하는 가치를 효율적으로 전달하고자 하는데 주안점을 두었습니다. 최신 트렌드를 반영한 디자인 개편을 통해 공단의 브랜드 이미지를 강화하고, 사용자에게 해양환경공단의 다양한 정보를 직관적으로 제공할 수 있도록 UI/UX를 개선함으로써 국내 유일의 해양환경 전문기관의 정체성을 확립하고자 했습니다. [기획의도] 1. 공공기관의 딱딱한 이미지를 탈피하여 보다 유연하면서 사용자 친화적인 느낌의 웹스타일을 구성하고자 하였습니다. 2. 현황분석 및 이용자 요구사항 수렴을 통해 사이트의 핵심기능을 식별하여 비중있는 콘텐츠를 우선 배치하고 시선이동과 네비게이션을 고려하여 UI/UX를 설계하였습니다. 3. 메인 화면을 소식소통, 공단소개 2개의 독립된 섹션으로 구성하고 섹션별 특화된 정보를 제공함으로써 사용자의 정보 접근 편의성 향상 및 이용자와 소통하는 이용자 중심의 사이트로 개편하고자 하였습니다. 4. 홈페이지 곳곳에 다양한 인터렉션 요소(애니메이션)를 가미하여 이용자와의 상호작용이 가능한 웹을 구축하고자 하였습니다. 5. 홈페이지 이용자들이 쉽고 빠르게 원하는 정보를 찾고 이동할 수 있도록 통합검색 기능 강화 및 다양한 네비게이션 경로를 제공하였습니다. [특징] 1. 디자인 1) 해양환경공단의 CI Story를 홈페이지에서도 동일한 아이덴티티로 표출할 수 있는 방안을 고민하였으며, 그 결과 비주얼 영역에 "건강한 바다, 풍요로운 미래, 행복한 국민” 이라는 슬로건에 걸맞는 Full Size 배경 이미지 적용 및 바다의 파도를 연상시키는 물결 쉐이프 애니메이션을 적용하였으며, 컬러시스템도 해양환경공단의 CI 컬러를 충실히 반영하여 전체적인 Tone & Manner를 통일했습니다. 2) 웹스타일가이드 수립 및 적용을 통해 12개 지사홈페이지, 국민희망일자리센터, 영문 홈페이지도 대표 홈페이지와 통일된 이미지 구축 및 웹 아이덴티티를 확립하고자 했습니다. 2. 개발 1) 다양한 디바이스와 해상도에 최적화된 반응형 웹 구현을 통해 사용자에게 일관된 경험을 제공함. 2) 홈페이지 응답속도 및 페이지 경량화를 통해 사용자들에게 쾌적한 서비스 이용 환경을 제공함. 3) 웹 접근성, 표준, 호환성을 고려한 개발로 모든 이용자가 동등한 서비스를 이용할 수 있도록 편의성을 확보함. 4) CMS를 통해 15개의 사이트를 편리하게 통합 운영·관리할 수 있도록 개선함. 5) 메인화면 내 SNS 연동을 통해 최근 공단소식에 대한 홍보 및 이용자들과의 소통을 강화함. 6) 내부 인사시스템 연계를 통해 인사이동 발생 시 변경된 인사정보가 자동으로 홈페이지 조직·직원정보에 반영될 수 있도록 구현함. 7) 통합검색엔진을 도입하여 사용자가 원하는 정보를 보다 편리하게 조회하고 접근할 수 있도록 구현함. |
|
| 추가이미지 |
    
|
|
| 제작/구축 관련 자료 | w_201910150142062938330028.pdf | |