고객과 함께한 시간
서울시각장애인복지관
디자인아트플러스가 제작한 서울시각장애인복지관 홈페이지 포트폴리오.
이용안내·상담신청·후원신청을 첫 화면에서 바로 찾게 하고 복지관 소식과 참여 프로그램, 소식지를 한곳에 모은 사회복지기관 반응형 홈페이지입니다.
- CLIENT.
- 서울시각장애인복지관
- Year.
- 2024

- 프로젝트 설명
- 디자인아트플러스는 사회복지법인 산하 서울시각장애인복지관의 홈페이지를 기획·디자인·개발했습니다. 「함께하며 힘이 되는 좋은 이웃」이라는 메시지처럼 이용자와 후원자 누구에게나 친근하게 다가가는 복지관의 모습을 전하고, 처음 찾아온 사람도 필요한 안내와 신청 창구를 첫 화면에서 바로 찾을 수 있도록 설계했습니다. 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
따뜻한 첫인상 비주얼: 민트빛 배경 위에 손을 맞잡은 이웃들의 일러스트와 「함께하며 힘이 되는 좋은 이웃」 문구를 올려, 문턱 낮고 친근한 복지관이라는 인상을 전달
큰 아이콘 바로가기: 이용안내와 상담신청, 후원신청처럼 자주 찾는 창구를 크고 또렷한 아이콘 카드로 정리해, 이용자와 후원자가 망설임 없이 바로 이동할 수 있게 설계
소식을 한곳에 모은 구성: 탭으로 나눈 복지관 소식 옆에 소식지 「좋은이웃」을 함께 두어, 공지부터 발간자료까지 복지관의 움직임을 한 화면에서 확인할 수 있게 구성
참여 프로그램 카드: 지금 모집 중인 프로그램을 포스터 카드 슬라이드로 보여 주고 갤러리와 동영상 소식으로 이어, 복지관 활동에 직접 참여하고 싶은 마음이 들도록 구성
후원·봉사 안내 흐름: 부서별 사업 안내 아래 후원안내와 자원봉사 안내를 파스텔 카드로 나란히 두어, 마음을 보태려는 방문자가 참여 방법을 쉽게 찾을 수 있게 설계
FAQ
이용자, 보호자, 후원자, 자원봉사자가 각자 필요한 메뉴를 첫 화면에서 바로 찾을 수 있게 해야 합니다. 복지관을 찾는 분들은 연령과 정보 이용 환경이 다양하기 때문에 큰 아이콘과 쉬운 이름의 바로가기가 효과적입니다. 서울시각장애인복지관 홈페이지는 이용안내, 상담신청, 후원신청 등 여섯 가지 바로가기를 메인 화면 위쪽에 두었습니다.
기관 소개, 사업 안내, 이용 안내, 후원·자원봉사, 소식, 그리고 경영공시와 채용정보가 기본 메뉴입니다. 복지기관은 운영의 투명성이 중요해 경영공시를 찾기 쉬운 곳에 두는 것이 좋습니다. 서울시각장애인복지관 홈페이지는 복지관소개, 사업안내, 이용안내, 후원·자원봉사, 알림공간 메뉴와 직원게시판 중심으로 구축했습니다.
종이로만 배포하던 소식지를 홈페이지에서도 볼 수 있으면 멀리 있는 후원자와 지역 주민에게도 활동이 전해집니다. 지난 호가 차곡차곡 쌓이면 기관의 활동 기록이 되어 신뢰를 더해 줍니다. 서울시각장애인복지관 홈페이지는 메인 화면에 소식지 「좋은이웃」 최신 호를 두고 발간자료 탭으로 지난 자료를 모아 볼 수 있게 했습니다.
모집 중인 프로그램을 포스터 이미지와 함께 카드로 보여 주면 일정과 내용을 한눈에 전할 수 있습니다. 공지 목록에 글로만 올리면 다른 공지에 묻히기 쉬워 참여 신청으로 이어지기 어렵습니다. 서울시각장애인복지관 홈페이지는 「함께 참여해요」 영역에 모집 중인 프로그램을 포스터 카드로 넘겨 보게 했습니다.
