섬과 무인도에 방치된 해양쓰레기를 수거하는 비영리단체 사단법인 섬즈업의 공식 홈페이지입니다.
단체의 활동과 프로젝트를 투명하게 알리고, 봉사 참가 신청과 후원으로 시민 참여가 이어지도록 설계했습니다.
프로젝트 개요
사단법인 섬즈업의 목적과 사용자 행동을 함께 분석해 비영리단체 홈페이지의 정보 구조와 핵심 경험을 설계했습니다.
- PROJECT TYPE
- 비영리단체 홈페이지
- CLIENT
- 사단법인 섬즈업
- PLATFORM
- PC · Tablet · Mobile
- KEY SERVICE
- 단체 웹사이트 · 봉사 참가 신청 · 후원 안내
문제와 목표
참여 전환 동선
비영리단체 홈페이지의 목표는 공감을 행동으로 바꾸는 것입니다. 활동 소식을 접한 방문자가 정기봉사 참가 신청과 후원하기로 바로 이어지는 전환 동선을 최우선으로 설계했습니다.
활동의 투명한 기록
프로젝트·언론보도·해양쓰레기 분석 자료를 아카이브로 축적해, 후원자와 협력기관이 단체의 활동 성과를 검증할 수 있는 신뢰 기반을 만들었습니다.
봉사 참여 장벽 완화
1365 자원봉사 인증기관임을 명확히 알리고 '함께하는 방법'을 단계별로 안내해, 처음 방문한 시민도 부담 없이 봉사에 참여하도록 진입 장벽을 낮췄습니다.
디자인 접근
바다를 연상시키는 블루 포인트와 클린한 화이트 베이스로 환경 단체다운 맑고 진정성 있는 무드를 구현했습니다.
활동 현장 사진을 중심에 두고 참가·후원 버튼의 주목도를 높여, 스토리텔링과 행동 유도가 공존하는 화면을 구성했습니다.
Design system
국문바다를 지키는 일
Pretendard
영문with Seomsup
Outfit
- #007AFF
- #000000
결과와 성과
활동 기록과 참여·후원 동선이 한 구조 안에서 연결되어 단체 신뢰도와 시민 참여 전환을 함께 높일 수 있는 기반을 만들었습니다.
- UX활동 공감에서 참가 신청으로 이어지는 화면 흐름 설계
- SEO해양쓰레기·섬 봉사활동 키워드 기반 검색 친화적 구조
- RWD전 기기 반응형 대응
- CTA봉사 참가·후원하기 중심의 전환 동선 설계
- Archive프로젝트·언론보도 활동 아카이브 체계 구축
VISIT WEBSITE섬즈업
사이트 바로가기 
