함께하는 사랑밭

함께하는 사랑밭 홈페이지 리뉴얼.

후원·봉사 전환과 비영리 신뢰 구조의 재설계

Period2024.05 — 2024.12

RoleService Planner

Visit website
함께하는 사랑밭 홈페이지 리뉴얼 대표 화면

Overview

노후화된 비영리 홈페이지를 전면 리뉴얼하고, 후원·봉사 신청 절차와 신뢰 콘텐츠를 사용자 중심으로 재구성한 프로젝트.

Role
Service Planner
Period
2024.05 — 2024.12
Company
NEWBIRD
Industry
Nonprofit · Donation
Platform
Website · Mobile · Admin
Scope
Service Planning · Donation Flow · Information Architecture · Migration · QA

Context / Problem

Context

비영리 사단법인 함께하는 사랑밭의 노후화된 디자인과 복잡한 후원·봉사 신청 프로세스를 개선하기 위해 UX/UI를 전면 리뉴얼했습니다.

Problem

복잡한 신청 과정의 이탈 요인을 줄이면서 활동 보고와 회계 공개 등 비영리 단체에 필요한 투명성·신뢰 정보를 명확하게 전달해야 했습니다.

My Role

  • 01

    메인 기획자로 프로젝트 관리와 고객사 커뮤니케이션 담당

  • 02

    WBS, 착수·완료 보고 문서와 프로젝트 기준 수립

  • 03

    후원·봉사 신청 흐름과 화면 정의

  • 04

    기존 콘텐츠 이관 기준과 운영 항목 정리

  • 05

    테스트 계획·시나리오·결과 작성 및 실행

  • 06

    반응형 화면과 사용자 접근성 검수

Approach

  1. 01

    Audit the Current Experience — 기존 홈페이지의 메뉴와 콘텐츠, 후원·봉사 신청 단계를 점검해 반복 입력, 탐색 단절과 모바일 사용의 불편 지점을 정리했습니다.

  2. 02

    Clarify User and Operation Requirements — 후원자·봉사 참여자에게 필요한 안내와 운영자가 관리해야 할 신청·콘텐츠 항목을 분리해 필수 요구사항과 우선순위를 정의했습니다.

  3. 03

    Rebuild IA for Trust and Action — 후원·봉사 참여 경로와 활동 보고·회계 공개 등 신뢰 콘텐츠를 정보 구조 안에서 연결해 확인과 행동이 자연스럽게 이어지도록 설계했습니다.

  4. 04

    Simplify Donation and Volunteer Flows — 신청에 필요한 입력을 단계별로 나누고 중복 입력과 불필요한 이동을 줄이며 완료 확인과 오류 상황까지 화면 흐름으로 구체화했습니다.

  5. 05

    Plan and Control Content Migration — 기존 콘텐츠를 유형별로 목록화하고 이전·정리·제외 기준, 신규 구조 매핑과 검수 책임을 정해 안정적인 이관 절차를 마련했습니다.

  6. 06

    Validate Responsive Accessibility — 테스트 계획과 시나리오를 바탕으로 PC·모바일 화면, 신청 기능과 접근성 항목을 점검하고 조치 결과를 완료 기준까지 관리했습니다.

Key Decisions

01

후원·봉사 신청 단계 단순화

신청에 필요한 핵심 정보만 단계별로 나누고 반복 입력과 불필요한 이동을 줄이도록 흐름을 재설계했습니다.

02

투명성과 신뢰를 정보 구조에 반영

활동 보고서와 회계 공개 등 사용자가 후원 전에 확인하는 근거 콘텐츠를 탐색 흐름에 배치했습니다.

03

모바일 접근성과 운영 이관 기준

모바일 유입을 고려한 반응형 기준을 적용하고, 기존 콘텐츠를 안정적으로 이전할 수 있도록 이관 범위와 검수 기준을 정리했습니다.

What Changed

  • 후원·봉사 신청 흐름을 간결한 단계 구조로 재정리했습니다.
  • 비영리 단체의 활동과 투명성을 전달하는 신뢰 콘텐츠 체계를 수립했습니다.
  • 콘텐츠 이관과 반응형 QA를 포함한 운영 가능한 리뉴얼 기준을 마련했습니다.

Selected Deliverables

Artifact 01

WBS

범위와 우선순위, 담당과 전달 기준을 맞춰 프로젝트 실행과 인수인계를 지원한 관리 산출물입니다.

Artifact 02

Information Architecture

복잡한 정보와 기능의 관계를 구조화해 탐색, 화면 설계와 개발 기준으로 활용한 설계 산출물입니다.

Artifact 03

Donation Flow

사용자와 운영자의 주요 과업을 연결하고 화면·기능 간 이동과 처리 순서를 합의하기 위한 흐름 설계입니다.

Artifact 04

Screen Definition

요구사항을 개발 가능한 단위로 바꾸고 화면 동작, 조건과 예외를 협업 기준으로 정리한 상세 기획 문서입니다.

Artifact 05

Content Migration Plan

기획 의도를 이해관계자와 공유하고 설계·개발·운영이 같은 기준으로 실행되도록 정리한 프로젝트 산출물입니다.

Artifact 06

Test Scenario

기능과 정책이 실제 화면·운영 흐름에 반영됐는지 확인하고, 이슈 재현과 수정 검증에 사용한 품질 기준입니다.

Artifact 07

Test Result

기능과 정책이 실제 화면·운영 흐름에 반영됐는지 확인하고, 이슈 재현과 수정 검증에 사용한 품질 기준입니다.

Contact

Have a project in mind?

Let’s work
together.