- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 마이 월드비전 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| My World Vision Website Renewal | ||||||||||||
| 서브타이틀 | 마이 월드비전 | |||||||||||
| My World Vision | ||||||||||||
| URL | http://my.worldvision.or.kr/ 사이트보기 | |||||||||||
| 소개 | 후원자 중심 웹 포털, 비후원자도 자유롭게 후원하도록 기능 고도화 | |||||||||||
| 키워드 | 마이 월드비전,나의 월드비전,월드비전,NGO,후원,아동 | |||||||||||
| 제작년월 | 2014.6 | |||||||||||
| 등록구분 | 데스크탑웹 | |||||||||||
| 후보등록분야 | 공공/의료 부문 > 비영리단체 | |||||||||||
| 소속사 | 사회복지법인 월드비전 | |||||||||||
| 제작사 |
PCN |
|||||||||||
| 제작사 제작진 |
|
|||||||||||
| 웹사이트 설명 | 월드비전 ‘마이 월드비전’ 업그레이드해 돌아오다!
작년에 오픈한 ‘마이 월드비전’의 업그레이드 버전이다. 기존 ‘마이 월드비전’ 사이트는 다소 답답한 디자인과 콘텐츠 비 노출 등으로 사용자가 이용하기에 부정적인 요인을 갖고 있었다. 이에 기존 사이트의 사용 현황 및 사이트 접속 시 사용자 요구를 파악하고, 앞으로 개선할 때 사용자가 원하는 방향 및 적용 요소를 끌어내기 위해 타깃 사용자의 그룹 인터뷰 방식인 FGI(Focus Group Interview)를 진행했다. 이를 통해 얻은 결론을 토대로 개선 방향을 도출하고 전반적인 구성과 방향을 잡았고, 사이트의 전반적인 사용 현황에 따른 내비게이션과 인터랙션의 고도화 및 사이트 활용에 따른 오픈 콘텐츠를 중점으로 탈바꿈했다. 세 가지 기획의도 ‘마이 월드비전’은 크게 세 가지 기획의도를 갖고 있다. 첫 번째가 메뉴에 대한 접근성 및 내비게이션 개선, 두 번째가 희망의 선물 결제 시스템 구축, 세 번째가 비회원 후원 신청 프로세스 구축이다. 세 가지 차별화된 서비스 ‘마이 월드비전’에는 세 가지 차별화된 서비스가 있다. 첫째, 고객이 인지할 수 있는 직관적이고 친근한 메타포(Metaphor)로 구성하고 편의성을 고려한 인터페이스로 개선한 것. 둘째, UI 및 서비스 요소들의 강약을 재구성하고 고객 요구를 최대한 자극할 메인 콘텐츠를 노출한 것. 셋째, 월드비전과의 연계 및 톤 앤 매너의 일관성을 유지하고 아이덴티티를 명확하게 전달하는 디자인을 구현한 것. 이슈? 이슈! 첫 번째 이슈는 콘텐츠 접근성에 대한 부분이었으며, 이를 개선하기 위해 정보구조부터 콘텐츠 재그룹핑까지 대대적인 수정을 진행했다. 단순 나열 형태가 아니라 비후원자가 접근했을 때 사이트의 감성을 함축적으로 전달할 수 있는 배치를 고려했다. 또한, 핵심 콘텐츠 페이지를 더욱 강화하고 샘플 페이지를 별도로 제작했다. 두 번째 이슈는 멀티 브라우저에서도 호환할 수 있도록 구현했다는 점이다. 세 번째 이슈는 메인 콘텐츠를 전면에 노출함으로써 정보의 강약을 조절해 시각적으로 우선순위를 쉽게 인지하도록 구성한 것이다. 감성에 호소하는 콘텐츠를 위주로 스토리를 구성했으며, 후원자와 비후원자 여부에 따라 각기 다른 레이아웃을 제공했다. 마지막 네 번째 이슈는, 전체 디자인 콘셉트로 사용자가 원하는 콘텐츠를 쉽게 볼 수 있도록 한 것이다. 이를 위해 내비게이션 및 UI를 최우선으로 개선했으며, 감성적인 월드비전을 표현하고 콘텐츠를 더욱 효과적으로 보여주기 위해 최신 트렌드인 그리드 시스템을 사용했다. 이뿐 아니라 직관적으로 보여주는 형식과 유틸리티로 고객 접근성과 사용성을 고려한 UI를 구성했다. * 월간웹 2014년 9월호 'project: new' 게재 * 디아이투데이 뉴스 게재(http://me2.do/5L4J2Pys) * 5DAY 뉴스 게재(http://me2.do/xNUFIkvu) * 디자인정글 뉴스 게재(http://me2.do/Gs8r1i6Z) |
|||||||||||
| 추가이미지 |
   
|
|||||||||||
| 제작/구축 관련 자료 | w_201410141105227313388572.pdf | |||||||||||