사회적협동조합 되돌림 사례 분석: 10년 된 복지기관 사이트를 버리지 않고, 모바일에서 신청하기 쉬운 서비스 사이트로
핵심 요약
사회적협동조합 되돌림은 장애인활동지원, 동행도시락 식사지원, 일자리 사업 등 중요한 복지 서비스를 운영하고 있었지만, 기존 사이트에서는 이용자가 자신에게 필요한 서비스를 찾고 신청하기가 쉽지 않았습니다. DseForge는 기존 회원·게시판·자료를 버리지 않고, 모바일에서도 서비스 내용을 쉽게 이해하고 상담과 신청까지 이어질 수 있도록 사이트의 구조와 화면을 다시 설계했습니다.
사회적협동조합 되돌림은 장애인활동지원, 동행도시락 식사지원, 일자리 창출 등 중요한 지역사회 돌봄 서비스를 제공하는 공익 기관입니다.
10여 년간 쌓아온 회원 데이터, 게시글, 첨부파일을 버리지 않고, 이용자와 보호자가 모바일에서도 서비스 내용을 쉽게 이해하고 상담·신청까지 바로 연결되도록 웹사이트의 구조와 화면을 완전히 다시 설계했습니다.
1. 왜 사이트를 바꿔야 했을까요?
많은 사회복지·사회적경제 조직이 훌륭한 돌봄 서비스를 제공하고 있지만, 웹사이트가 이용자의 참여를 방해하는 경우가 많습니다.
🚨 기존 사이트에서 발생했던 주요 이용 불편
- ❌ 스마트폰에서 글씨와 메뉴가 너무 작게 보임 (고정폭)
- ❌ 보호자와 이용자가 자신에게 필요한 서비스 찾기 어려움
- ❌ 서비스가 단순 게시판 글처럼 나열되어 신청 절차 미비
- ❌ 고령자와 시각장애인(스크린리더)이 이용하기 어려운 구조
- ❌ 기존 업무 방식은 유지해야 하지만 사이트 확장이 불가능했던 한계
📌 반드시 지켜야 했던 기관의 기존 핵심 자산
- ✔ 10여 년간 축적된 복지 서비스 게시글 & 공지 데이터
- ✔ 기존 등록 회원 및 서비스 상담/신청 이력
- ✔ 장애인활동지원 & 동행도시락 현장 운영 노하우
- ✔ 외부 기관 연동 및 검색엔진에 등록된 기존 URL 경로
2. 기존 자산을 지키면서 이용자 행동 흐름 개선하기
새로 제작하기 위해 기존 시스템을 전면 파기하는 위험 대신, 서비스 신청 중심의 직관적인 행동 동선을 설계했습니다.
이용자 및 보호자 맞춤 서비스 신청 동선
이용자와 보호자가 방문했을 때 가장 필요한 정보에 바로 도달할 수 있도록 다음과 같이 개선했습니다:
- 스마트폰 반응형 화면 지원: 1,000px 고정폭을 탈피하여 모든 모바일 환경에서 쾌적한 독서감 제공
- 서비스별 4단계 명확 안내: 장애인활동지원, 동행도시락, 일자리 사업을 '대상-혜택-절차-신청' 카드로 체계화
- 모든 이용자를 위한 웹 접근성(KWCAG 2.2): 본문 바로가기, 고대비·큰글자 조절, 스크린리더 지원
- 직관적인 1:1 상담 동선: 메인 화면 첫 진입 시 전화 및 온라인 상담 신청 버튼을 바로 배치
3. 이용자와 운영팀에 일어난 실제 변화
되돌림 프로젝트의 리팩토링은 단순한 화면 교체가 아닌, 서비스 전달력과 업무 지속성을 동시에 확보한 변화입니다.
이용자·보호자 관점
- 모바일에서 스마트폰으로 쉽게 서비스 내용 확인.
- 어르신·시각장애인도 큰글자와 스크린리더로 쉽게 이용.
- 복잡한 절차 없이 1:1 상담 및 서비스 신청으로 직결.
운영·행정팀 관점
- 기존 게시글·회원 데이터 100% 온전히 유지.
- 새로운 관리 시스템 적응 없이 익숙한 업무 방식 유지.
- 반복 서비스 안내 전화 대신 웹을 통한 1차 상담 접수 증가.
기관 대표·지자체 관점
- 전면 재구축 대비 예산 절감 및 데이터 손실 위험 전면 차단.
- 공공기관 필수 준수 항목인 웹 접근성·보안(SSL) 완벽 준수.
- 지역사회 신뢰도 및 공익 서비스 접근성 획기적 강화.
기술적으로는 어떻게 안전하게 구현했을까요?
기존 데이터를 보존하면서 최신 웹 환경으로 전환하기 위해 DseForge의 하이브리드 아키텍처 기술이 적용되었습니다:
- 💾 데이터 100% 보존: 66개 SQL 테이블, 게시판 식별자(`bo_table`, `wr_id`) 및 첨부파일 경로 완전 유지
- ⚡ 모바일 전용 공개 화면: React/Vite 기반의 고성능 SPA 인터페이스 적용
- 🔒 안전한 API 연결: 기존 업무 백엔드를 PHP 8.x 보안 코어와 프록시(`/api`)로 투명하게 연결
- 🌐 보안 및 접근성 강화: SSL 인증서, 보안 헤더(CSP) 및 KWCAG 2.2 웹 접근성 지침 완벽 충족
4. 우리 조직에도 적용할 수 있을까요?
오래된 사이트를 꼭 처음부터 다 버리고 새로 만들어야 하는 것은 아닙니다.
"리팩토링의 핵심은 기존에 축적된 데이터와 신뢰를 버리지 않는 것입니다.
잘 구축된 기존 자산 위에 모바일과 이용자 중심의 신청 동선을 새로 입히는 것이 가장 안전하고 효율적인 방법입니다."
🎯 이런 고민을 가진 조직에 먼저 추천합니다
- ✔ 10년 이상 된 구형 웹사이트(그누보드, XE, 레거시 PHP)를 운영 중인 조직
- ✔ 모바일에서 글씨가 작고 이용하기 불편한 사회복지·돌봄 기관
- ✔ 서비스 안내는 많지만 1:1 상담이나 신청으로 이어지지 않는 사회적경제 조직
- ✔ 축적된 회원 및 게시판 데이터를 잃을까 봐 신규 구축을 망설이는 기관
DseForge 실행 파트너십 단계
기존 사이트를 버리지 않고, 이용자가 더 편한 사이트로 전환하세요.
DseForge와 함께 기존 웹 자산의 활용 가능성과 전환 보틀넥을 진단해보세요.
기존 사이트 개편 구조 진단받기NEXT STEP
우리 조직의 다음 단계를 설계하세요
현재 상태에 맞는 최적의 실행 모델과 가장 필요한 솔루션을 함께 고민해 드립니다.
RELATED INSIGHTS
연관 사례 살펴보기
WITH PEOPOOL 사례 분석: 기존 한국어 학습 자산을 다국어 전환 구조로 확장한 리팩토링
WITH PEOPOOL은 JJU의 TOPIK 학습 프로그램과 기존 운영 자산을 바탕으로, 다국적 학습자가 쉽게 진입하고 상담·학습·피드백 흐름으로 자연스럽게 이어지도록...
나라MNM 사례 분석: 제조 전문성과 사회적 가치를 함께 설계한 신규 기업 사이트
나라MNM은 단체복 전문기업 나라물산의 제조 기반 위에, 장애인 고용과 표준사업장 준비라는 방향을 담아 새롭게 구축된 사이트입니다. DseForge는 기업 신뢰, 사회...
사회적경제 조직 실행 모델: 활동과 성과를 AI 마케팅 전환 구조로 매출화한 사례
활동과 프로그램은 풍성했지만 상담 유입이 없었습니다. DseForge는 사회적경제 조직의 가치와 서비스를 AI 기반 마케팅 흐름과 전환 구조로 재배치해 실제 매출로 이...