메인 비주얼과
사업 소개 카드
메인 첫 화면에 '선을 넘는 나눔' 문구와 단체 소개 글, 후원 바로가기 버튼을 두었습니다. 이어지는 '함께 나누면 미래가 됩니다' 영역에는 어린이 지원, 농촌 시범 마을, 긴급 구호, 해외사업 카드를 배치해 각 사업 소개로 이동합니다.
남북나눔 홈페이지 구축
사업 소개부터 후원 안내, 소식 게시판까지 한곳에 모은 대북지원 민간단체 홈페이지
- 클라이언트명
- 사단법인 남북나눔
- 기술
- PHP · CodeIgniter · MySQL · jQuery · Bootstrap
- 프로젝트 유형
- 비영리단체 홈페이지 · 후원 안내 · 반응형 웹
- 담당 범위
- 홈페이지 디자인 · 퍼블리싱 · 개발
- 주요 기능
-
- 메인 비주얼 · 사업 소개 카드 · 유튜브 소개 영상 · 공지·소식 최신글
- 단체 소개·사업 소개·후원안내 페이지 · 관리자 에디터로 내용 수정
- 게시판 7개(후원 내역·공지, 대북지원 현황, 사진첩, 칼럼·뉴스레터 등) · 구글 지도 약도
- 프로젝트 개요
-
- 남북나눔은 북한 어린이 돕기, 농촌 시범 마을 조성, 긴급구호, 연해주 고려인 돕기, 베트남 지원 사업을 해 온 대북지원 민간단체입니다.
- 여러 지원 사업과 후원 방법, 후원 내역과 소식을 방문자가 한 사이트에서 확인하도록 홈페이지를 구축했습니다.
- 개발 목표
-
- 방문자가 단체가 하는 일을 사업별로 살펴보고, 메인과 상단 메뉴에서 후원 안내로 바로 이동하도록 합니다.
- 단체 담당자가 후원 현황과 소식, 사진을 게시판에 직접 올리고, 소개 페이지 내용을 관리자에서 고치도록 합니다.
DESIGN SYSTEM
primary Color
secondary Color
text Color
Kor
Noto Sans KR
Eng
Noto Sans KR
WEB DESIGN
단체가 하는 일을 알리고
후원 안내로 이어지는 홈페이지
남북나눔은 어린이 지원, 농촌 시범 마을, 긴급구호, 해외 지원처럼 여러 사업을 함께 진행합니다. 방문자가 사업을 차례로 살펴본 뒤 후원 방법을 확인하고, 후원 내역과 소식도 볼 수 있도록 메뉴와 메인 화면을 구성했습니다.
-
사업별로 나눈 소개
사업소개 메뉴를 북한어린이돕기운동, 북한농촌시범마을조성사업, 긴급구호, 연해주 고려인돕기, 베트남 家家好好 프로젝트로 나눴습니다.
-
네 가지 후원 방법 안내
메인 하단에 계좌이체, CMS 정기후원, 해피빈 콩후원, 해외 후원 버튼을 두어 각 후원 안내로 이동합니다.
-
후원 내역과 소식 게시판
후원 현황과 공지, 대북지원 현황, 사진첩, 칼럼·뉴스레터를 게시판으로 나눠 단체가 직접 올립니다.
사업 소개와 후원 안내, 소식을
한 사이트에 정리한 단체 홈페이지
상단 메뉴는 남북나눔은, 사업소개, 사랑나눔, 소식나눔 네 가지로 나눴습니다. 소개 페이지는 관리자에서 에디터로 고치는 페이지로, 소식은 게시판으로 만들어 단체가 직접 내용을 바꾸고 올릴 수 있습니다.
메인 비주얼과
소개 영상과
공지·소식 최신글
메인 가운데에 유튜브 소개 영상을 넣고, 옆에 공지사항과 남북나눔소식 게시판의 최신 글 5개씩을 보여 줍니다. 게시판에 새 글을 올리면 메인 목록에도 나타납니다.
단체 소개와
사업 소개 페이지
인사말, 단체 소개, 연혁, 섬기는 사람들, 찾아오시는 길과 다섯 가지 사업 소개를 페이지로 만들었습니다. 이 페이지들은 관리자에서 에디터로 이미지와 글을 올려 고칠 수 있습니다.
후원안내 페이지와
후원 방법 버튼
사랑나눔 메뉴에 후원안내 페이지를 두고, 메인 첫 화면과 하단에서 후원 안내로 바로 이동하도록 했습니다. 해피빈 콩후원 버튼은 네이버 해피빈 페이지로 연결됩니다.
소식나눔
게시판 7개
소식나눔 메뉴에 후원 내역 및 공지사항, 인도적 대북지원 현황, 연해주 및 동남아시아 지원, 사진첩, 남북나눔소식, 칼럼 & 뉴스레터, 북한 알아가기 게시판을 두었습니다. 사진첩은 사진을 모아 보는 형태로 만들었습니다.
오시는 길과
하단 단체 정보
하단에 구글 지도 약도와 단체명, 주소, 전화·팩스·이메일을 넣고, 통일부 홈페이지로 가는 로고 링크를 두었습니다.
사업과 후원을 함께 알리는 단체 홈페이지,
소식 게시판까지 정리하세요.
여러 사업을 소개하고 후원 안내와 소식을 함께 올려야 하는 단체 홈페이지가 필요하신가요?
단체의 사업과 운영 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의