프로젝트 배경
✅ 문제 정의
국내 스포츠 산업은 프로 구단 중심으로 후원과 미디어 노출이 집중되어 있어, 아마추어 팀·청소년 선수·공공 스포츠 프로젝트는 후원 유치와 인지도 확보가 매우 어려운 상황이었습니다. 기존 후원 플랫폼들도 단순 결제나 일회성 기부에 머물러, 후원자와 팀 간의 지속적 관계 형성이나 참여 경험 확장이 부족했습니다.
✅ 프로젝트 목표
스포츠의 본질인 “참여와 응원”을 중심으로, 누구나 쉽게 팀을 후원하고 함께 프로젝트에 참여할 수 있는 참여형 후원 생태계를 만드는 것을 목표로 했습니다. 이를 위해 직관적인 UX 설계, 모바일 중심의 반응형 인터페이스, 후원자와 팀의 스토리를 연결하는 미디어 콘텐츠 구조를 도입했습니다.
✅ 제품/서비스 구성
1) 검색 및 필터링: Best / New / Athlete / Public 등 카테고리별 탐색 기능
2) 프로젝트 상세: 목표금액, 후원현황, 후원패키지 선택, 실시간 카운트다운 표시
3) 후원 결제 모듈: NHN KCP / 토스페이먼츠 연동을 통한 안전하고 빠른 결제 서비스 제공
4) 관리자 CMS: 프로젝트 등록, 후원자/참여자 관리, 통계 확인 기능
5) 브랜드 경험 설계: 스포츠의 역동성과 감성을 담은 UI 디자인 및 검색엔진최적화(SEO) 적용
국내 스포츠 산업은 프로 구단 중심으로 후원과 미디어 노출이 집중되어 있어, 아마추어 팀·청소년 선수·공공 스포츠 프로젝트는 후원 유치와 인지도 확보가 매우 어려운 상황이었습니다. 기존 후원 플랫폼들도 단순 결제나 일회성 기부에 머물러, 후원자와 팀 간의 지속적 관계 형성이나 참여 경험 확장이 부족했습니다.
✅ 프로젝트 목표
스포츠의 본질인 “참여와 응원”을 중심으로, 누구나 쉽게 팀을 후원하고 함께 프로젝트에 참여할 수 있는 참여형 후원 생태계를 만드는 것을 목표로 했습니다. 이를 위해 직관적인 UX 설계, 모바일 중심의 반응형 인터페이스, 후원자와 팀의 스토리를 연결하는 미디어 콘텐츠 구조를 도입했습니다.
✅ 제품/서비스 구성
1) 검색 및 필터링: Best / New / Athlete / Public 등 카테고리별 탐색 기능
2) 프로젝트 상세: 목표금액, 후원현황, 후원패키지 선택, 실시간 카운트다운 표시
3) 후원 결제 모듈: NHN KCP / 토스페이먼츠 연동을 통한 안전하고 빠른 결제 서비스 제공
4) 관리자 CMS: 프로젝트 등록, 후원자/참여자 관리, 통계 확인 기능
5) 브랜드 경험 설계: 스포츠의 역동성과 감성을 담은 UI 디자인 및 검색엔진최적화(SEO) 적용
핵심 기능

간편 로그인
네이버 · 카카오 등 소셜 계정으로 간편 로그인 지원

메인 홈
슬라이드 배너를 활용한 이벤트 및 가이드 안내 / 카테고리별 펀딩 프로젝트 탐색 네비게이션 제공

펀딩 프로젝트 상세
프로젝트별 상세 내용 확인 / 펀딩 목표금액 및 달성률 표시

프로젝트 등록(제휴 기업용)
플랫폼 내 펀딩 프로젝트 생성 / 서비스 옵션 선택 / PG 결제 제공
진행 단계
서비스 기획
2025.05.
IA 설계 / 경쟁사 벤치마킹 / 유저 시나리오 설계
디자인
2025.06.
Figma UI 디자인 / 메인 비주얼 가이드 구축 (반응형)
개발
2025.07.
React/Next.js 프론트, Node.js 백엔드, PG 연동
프로젝트 상세
1) 포트폴리오 소개
스포츠 팀과 팬, 후원 기업을 연결하는 참여형 크라우드 펀딩 플랫폼입니다. 사용자는 스포츠 프로젝트(팀, 선수, 대회 등)에 후원하거나 직접 참여할 수 있으며, 기업은 스폰서십을 통해 사회공헌과 브랜드 홍보를 병행할 수 있습니다.
2) 작업 범위
- UX 기획, 와이어프레임 설계, 정보구조 정의
- UI 디자인 (반응형 기준, Figma)
- Front-end (Next.js 기반 SSR)
- Back-end (Node.js + MySQL)
- 관리자 CMS (프로젝트 등록/후원관리/통계/참여자 관리)
- 검색엔진최적화 및 GA4 적용
3) 주요 업무
- 홈페이지 메인: Best / New / Athlete / Public / Closing Soon 카테고리 구성
- 프로젝트 상세: 목표금액, 후원금 달성률, 카운트다운, 후원 패키지 선택 기능
- 결제 시스템: Toss/KCP PG 연동, 실시간 후원 내역 업데이트
- 관리자 CMS: 프로젝트 등록, 후원자 명단, 이미지 업로드, 통계 조회
- 브랜드 영역: 스포츠 팀 및 기관 로고, 미디어 자료 노출
4) 주안점
- 스포츠의 역동성과 감성을 동시에 담은 시각적 브랜드 표현
- 카드형 레이아웃 + 반응형 UI로 콘텐츠 접근성 강화
- 직관적인 후원 흐름 설계로 쉬운 UX
스포츠 팀과 팬, 후원 기업을 연결하는 참여형 크라우드 펀딩 플랫폼입니다. 사용자는 스포츠 프로젝트(팀, 선수, 대회 등)에 후원하거나 직접 참여할 수 있으며, 기업은 스폰서십을 통해 사회공헌과 브랜드 홍보를 병행할 수 있습니다.
2) 작업 범위
- UX 기획, 와이어프레임 설계, 정보구조 정의
- UI 디자인 (반응형 기준, Figma)
- Front-end (Next.js 기반 SSR)
- Back-end (Node.js + MySQL)
- 관리자 CMS (프로젝트 등록/후원관리/통계/참여자 관리)
- 검색엔진최적화 및 GA4 적용
3) 주요 업무
- 홈페이지 메인: Best / New / Athlete / Public / Closing Soon 카테고리 구성
- 프로젝트 상세: 목표금액, 후원금 달성률, 카운트다운, 후원 패키지 선택 기능
- 결제 시스템: Toss/KCP PG 연동, 실시간 후원 내역 업데이트
- 관리자 CMS: 프로젝트 등록, 후원자 명단, 이미지 업로드, 통계 조회
- 브랜드 영역: 스포츠 팀 및 기관 로고, 미디어 자료 노출
4) 주안점
- 스포츠의 역동성과 감성을 동시에 담은 시각적 브랜드 표현
- 카드형 레이아웃 + 반응형 UI로 콘텐츠 접근성 강화
- 직관적인 후원 흐름 설계로 쉬운 UX





