메인 화면
메인 비주얼 아래에 센터소개·사업안내·이용대상·운영시기별 프로그램 바로가기, 공지사항·보도자료 최신글과 센터활동 사진, 후원·자원봉사 바로가기를 차례로 배치했습니다.
해오름마을9단지 다함께돌봄센터 홈페이지 구축
돌봄 이용 안내부터 후원·자원봉사 신청까지, 지역 아동복지시설 홈페이지
- 클라이언트명
- 파주시 해오름마을9단지 다함께돌봄센터
- 기술
- PHP · CodeIgniter · MySQL · jQuery
- 프로젝트 유형
- 아동복지시설 홈페이지 · 후원·자원봉사 신청 · 반응형 웹
- 담당 범위
- 홈페이지 디자인 · 퍼블리싱 · 개발
- 주요 기능
-
- 기관안내 6개 페이지 · 돌봄 프로그램 이용안내·이용대상·운영 시간표
- 공지사항 · 보도자료 · 센터활동 갤러리 게시판
- 4단계 후원신청 · 4단계 자원봉사신청 · 약관 문서 페이지
- 프로젝트 개요
-
- 해오름마을9단지 다함께돌봄센터는 파주시에 있는, 국가 보조금으로 운영되는 아동복지시설로 지역 아동에게 돌봄·보호·교육과 다양한 프로그램을 제공합니다.
- 웹셀러는 센터 소개와 돌봄 이용 안내, 소식 게시판, 후원·자원봉사 신청을 한곳에 모은 홈페이지를 만들었습니다.
- 개발 목표
-
- 보호자가 이용 대상과 이용료, 제출 서류, 운영 시간표를 확인할 수 있도록 합니다.
- 후원자와 자원봉사자가 신청서를 단계별로 나눠 부담 없이 작성하도록 합니다.
DESIGN SYSTEM
primary Color
secondary Color
text Color
Kor
Pretendard
Eng
Pretendard
WEB DESIGN
아이를 맡기려는 보호자와,
도움을 주려는 이웃을 위해
돌봄센터 홈페이지를 찾는 사람은 이용을 알아보는 보호자와, 후원이나 자원봉사로 돕고 싶은 이웃입니다. 이용 안내와 신청 절차를 메뉴로 나눠 각자 필요한 정보를 바로 찾도록 구성했습니다.
-
기관과 돌봄 프로그램 안내
인사말부터 오시는길까지 기관안내 6개 페이지와, 이용안내·이용대상·운영 시간표를 정리했습니다.
-
센터 소식 게시판
공지사항과 보도자료, 센터활동 사진을 올리는 게시판을 두고 메인에서 최신 글을 보여 줍니다.
-
단계별 신청 폼
후원신청과 자원봉사신청을 각각 4단계로 나눠 한 단계씩 작성하도록 만들었습니다.
기관안내, 돌봄 프로그램,
커뮤니티, 복지지원 네 메뉴
메뉴를 기관안내, 돌봄 프로그램, 커뮤니티, 복지지원 네 가지로 나누고, 각 메뉴의 하위 페이지는 탭으로 오가도록 했습니다.
기관안내
인사말, 미션비전, 센터연혁, 운영방안, 조직도, 오시는길 여섯 페이지로 센터를 소개했습니다.
돌봄 프로그램
이용안내에는 프로그램 구성을 원형 도표로 보여 주고 이용료와 이용기간, 직업 유형별 제출 서류를 표로 정리했습니다. 이용대상과 운영 시간표 페이지를 함께 두었습니다.
4단계 후원신청
후원 종류 → 후원인 → 후원금액 → 약관동의 순서로 나눴습니다. 후원 종류는 비지정(자동이체·일시후원·CMS 정기후원·물품후원·바자회 물품 후원)과 지정(결연후원·사업지정후원·물품후원)으로 고르고, 후원금액은 정해진 금액이나 기타 금액과 출금일을 선택합니다. 기부금 영수증 발행 안내도 함께 넣었습니다.
4단계 자원봉사신청
기본정보 → 봉사정보 → 희망분야 → 약관동의 순서로 봉사 경험과 활동 가능 요일·시간, 시설봉사·재가봉사·전문상담·지역사회봉사 같은 희망 분야를 받고, 개인정보 취급 동의와 운영규정 준수 확인을 받습니다.
약관 문서
개인정보처리방침, 이용약관, 이메일무단수집거부 페이지를 홈페이지 아래에서 바로 볼 수 있게 했습니다.
복지시설·기관 홈페이지,
이용 안내와 후원 신청까지 한곳에.
기관 소개와 이용 안내, 후원·자원봉사 신청을 한곳에 모으고 싶으신가요?
기관 운영 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의