유성구 행복누리재단

나눔의 행복을 꿈꾸다

프로젝트 소개
- 프로젝트 기간 : 2017년 2월 ~ 3월
- 프로젝트명: 홈페이지 리뉴얼(반응형)
프로젝트 의뢰하기 arrow_forward
고객사 인터뷰
  • textsms
    후원자에게 주요 소식이 잘 노출 되었으면 좋겠습니다.
  • textsms
    후원회원, 후원정보 관리를 쉽게 할 수 있어야 합니다.
  • textsms
    주요 메뉴 안에 있는 서브메뉴 클릭이 쉽도록 해주세요.
  • textsms
    디자인은 심플했으면 좋겠습니다.
대전사회적경제 PC, 모바일 화면

핵심 과제

후원자와 관리자 모두에게 편리한 SIMPLE & EASY 시스템 구축
복지재단의 ‘나눔과 후원’이라는 핵심 키워드를 충분히 담고, 후원모집에 유용하게 활용 가능한 도구로써의 사이트 구축이 필요했습니다. 기존 사이트에서 겪었던 메뉴에 대한 낮은 접근성과 비효율적인 관리 시스템을 개선하는 것도 중요 과제였습니다. 처음 방문한 사람도 접근하기 쉽도록 전체 메뉴를 설계하고, 관리자페이지 기능을 강화하기로 했습니다.
단순하게 중요한 것만
홈페이지 메인에 들어왔을 때 행복누리재단의 주요소식 및 정보가 가장 먼저 눈에 띄도록, 최대한 화려한 디자인 요소를 배제하고 심플한 이미지 위에 콘텐츠를 강조하는 ‘콘텐츠 우선주의’ 디자인으로 제작했습니다. 또 흔히 CONTACT 메뉴의 콘텐츠로서 존재하던 SNS 채널을 메인페이지의 콘텐츠로 끌어와 재단의 다양한 소통 창구를 효과적으로 안내하도록 했습니다.

메인페이지

 
이제 길 잃을 걱정 NO
방문자가 상단에서 메뉴를 클릭해 정보를 얻는 과정이 지루하거나, 복잡하게 느껴지지 않기 위해 비주얼 요소를 가미하고 직관적인 메뉴 페이지를 만들었습니다. 예를 들어 재단소개라는 주요 메뉴를 누르면 기존 홈페이지들처럼 서브 메뉴가 왼쪽으로 나열된 구성이 아니라, 큰 고화질의 이미지가 이어지는 원페이지 스크롤 형식의 페이지가 나옵니다. 그리고 이미지 중앙에 위치한 서브 메뉴 아이콘을 누르면, 상세 페이지로 넘어가는 식으로 제작했습니다.

재단소개

재단소개 > 비전,미션

 
후원의 모든 것
이 프로젝트에서 전체적으로 집중한 부분은 ‘알기 쉽게 이용하기 쉽게’ 제작하는 것이었습니다. 후원기능 또한 그 맥락에 집중했습니다. 유성구행복누리재단은 여러가지 형태의 후원이 가능한데, 그를 한 눈에 알아볼 수 있는 직관적인 아이콘으로 안내하고, 선택한 아이콘을 통해 원하는 후원 신청에 바로 들어가는 경로로 설계했습니다. 그리고 후원신청뿐만 아니라 후원현황 및 통계, 후원시 혜택 등 후원시 참고할 수 있는 다양한 자료를 제공하도록 했습니다.

나눔참여현황

참여현황 - 후원통계

온라인 후원신청서

 
한층 업그레이드 된 관리자 페이지
홈페이지 접속자, 콘텐츠, 후원 세가지 모두 어렵지 않게 관리할 수 있는 관리자 페이지를 구축했습니다. 특히 후원 관리에선 실무에 참고 자료로 유용하게 쓸 수 있는 데이터 통계와 후원자 리스트에 대한 서식 다운로드를 제공합니다. 단순히 데이터 나열과 확인위주의 기능에서 더 나아가, 검색. 네비게이션 수정. 서식다운 등으로 축적 데이터를 수집하고 가공할 수 있는 지점까지 고려하였습니다.

관리자 - 메인

관리자 - 참여현황