다나음암 경험자 사회 복귀 응원 캠페인
Category
Web
Solution
React
Technology
4+ Tech Stacks
당신에게 '일'은 어떤 의미인가요?
암 경험자 사회 복귀 응원 캠페인 웹사이트 '다나음'
다나음은 치료를 마친 암 경험자의 사회 복귀 과정에서 겪는 어려움을 해소하기 위한 인식개선 활동 캠페인입니다. 암 경험자의 직장 복귀 실태조사 결과를 시각적으로 제공하고, #다나음챌린지 SNS 캠페인을 통해 암 경험자를 응원하는 사회적 메시지를 전달합니다. 유튜브 영상, 인터뷰 콘텐츠, 인스타그램 해시태그 챌린지 등 다양한 미디어를 활용한 종합적인 캠페인 플랫폼입니다.
Challenge
01
SPA(싱글 페이지 애플리케이션) 설계
사용자 경험을 최적화하기 위해 SPA 구조로 설계하여 원활한 인터랙션을 구현하였습니다.
02
다양한 미디어 통합
유튜브 영상, 인터뷰, 인스타그램 피드 출력 등 다양한 미디어 콘텐츠를 효과적으로 통합하여 사용자에게 전달하는 플랫폼이 요구되었습니다.
03
사용자 참여 유도
사용자들이 캠페인에 쉽게 참여하고, 암 경험자를 응원하는 메시지를 확산시킬 수 있는 참여형 기능이 필요했습니다.
Solution
Technology Stack
ReactMaterial-UIGhost CMSGoogle Cloud Platform
Project Approach
React와 Material-UI를 활용하여 화면을 구성하였고, Ghost CMS를 통해 콘텐츠 관리를 효율적으로 수행할 수 있도록 제작하였습니다.
Impact
✨
Innovation
80%
전체 캠페인 콘텐츠 중 80% 이상이 운영진이 아닌, 실제 참여자가 직접 생성한 UGC였습니다.
🎯
User Experience
98%
스크린 리더 호환, 키보드 접근성 등을 보장하는 웹 접근성 표준(WCAG 2.1 AA)을 98% 준수했습니다.
🚀
Performance
1.5초
사용자 피드백을 반영하여 UX를 개선하였고, 90% 이상의 사용자 만족도를 기록하였습니다.
"암 경험자들에게는 할 수 있다는 용기를, 사회에는 편견 없는 시선을 효과적으로 전달한 캠페인이 가능했습니다. 감사합니다."
사단법인 해피피플 - CEO