프로젝트 제안서

프로젝트 제안서

UGC 플랫폼 및 서비스 소개 홈페이지 구축

당근마켓 스타일의 UGC 커뮤니티 플랫폼과 기업 소개 홈페이지를 통합 구축합니다. 사용자가 사진·동영상을 자유롭게 공유하고 실시간 채팅으로 소통하는 커뮤니티 서비스를 제안합니다.

27,000,000원 60일 커뮤니티·SNS 원본 공고

13+

완료 프로젝트

7년+

개발 경력

45 M/D

투입 공수

60일

개발 기간

함께 만들어 가겠습니다

각 메뉴를 클릭하시면 상세 내용을 확인하실 수 있습니다.

프로젝트 소개

당근마켓 스타일의 UGC 커뮤니티 플랫폼과 기업 소개 홈페이지를 통합 구축합니다. 사용자가 사진·동영상을 자유롭게 공유하고 실시간 채팅으로 소통하는 커뮤니티 서비스를 제안합니다.

프로젝트 개요

항목내용
프로젝트명UGC 플랫폼 및 서비스 소개 홈페이지 구축
카테고리커뮤니티·SNS / 웹·안드로이드·iOS
제안 금액27,000,000원 (VAT 별도)
제안 기간60일
핵심 기술Next.js, NestJS, MySQL, Socket.io, AWS S3

핵심 요구사항 분석

  • UGC 게시판 및 미디어 공유 — 사진/동영상 첨부 게시글 작성, 미디어 리사이징/인코딩, 피드 리스트(최신순/인기순, 무한 스크롤), 좋아요/댓글/공유
  • 실시간 텍스트 채팅 — WebSocket 기반 1:1 및 그룹 채팅, 채팅 내역 저장/불러오기, 푸시 알림
  • 사용자 계정/프로필 관리 — 이메일/소셜 로그인(Google, Kakao), 마이페이지(프로필 편집, 내 게시글, 참여 채팅방)
  • 기업/서비스 소개 홈페이지 — 서비스 소개, FAQ, 이용약관, 개인정보처리방침 (PC/모바일 반응형)
  • 관리자 시스템 — 회원 관리(목록/제재/탈퇴), 콘텐츠 관리(모니터링/숨김/삭제), FAQ/약관 관리
  • UI/UX 디자인 — 당근마켓 스타일 친숙한 모바일 최적화 UI + 반응형 홈페이지 디자인

제안 포인트

본 프로젝트는 UGC 커뮤니티 플랫폼기업 소개 홈페이지라는 두 축을 하나의 통합 시스템으로 구현하는 프로젝트입니다. 다음과 같은 전략으로 접근합니다:

  • MVP 단계별 납품 — 핵심 기능(UGC 게시판, 회원 시스템, 홈페이지) 우선 개발 후 채팅/고도화 순차 진행으로 리스크 최소화
  • 프로토타입 활용 — 클라이언트가 준비한 바이브코딩 프로토타입을 분석하여 기획 의도를 정확히 반영, 재작업 최소화
  • Next.js + NestJS 풀스택 — 모바일 최적화 웹(PWA)과 반응형 홈페이지를 단일 프레임워크로 구현하여 개발 효율 극대화
  • 유사 프로젝트 경험 — 실시간 채팅, 미디어 공유, 소셜 피드, 관리자 시스템 등 핵심 기능을 다수 프로젝트에서 구현한 경험 보유

예비창업패키지 대응: 사업 계획서에 첨부 가능한 상세 견적서, 공수계산서, PRD, 일정 제안을 본 제안서에 포함하였습니다. 정부지원사업 서류 요구사항에 맞춰 구체적인 산출물과 마일스톤을 제시합니다.

사용 기술 및 툴

개발 기술

Next.js 14 React 18 NestJS 10 TypeScript MySQL 8 TypeORM Socket.io Tailwind CSS AWS S3 FFmpeg Firebase Auth Docker

협업 및 커뮤니케이션

GitHub Slack / 카카오톡 Zoom / Google Meet Notion Figma

견적서

본 견적서는 프로젝트 요구사항 분석을 기반으로 산출되었습니다.

견적 요약

항목내용
프로젝트명UGC 플랫폼 및 서비스 소개 홈페이지 구축
제안 금액27,000,000원 (VAT 별도)
제안 기간60일
견적 유효기간제안일로부터 30일

상세 견적 내역

구분항목수량단가금액
기획요구사항 분석, 화면 설계, DB/API 설계1식-2,700,000
디자인UGC 플랫폼 + 홈페이지 + 관리자 UI/UX1식-4,900,000
FE 개발UGC 게시판, 채팅 UI, 회원, 홈페이지, 관리자1식-8,100,000
BE 개발UGC API, 채팅 서버, 인증, 미디어 처리, CMS1식-7,300,000
QA/배포통합 테스트, 버그 수정, 인프라 세팅1식-2,500,000
PM프로젝트 관리 및 커뮤니케이션1식-1,500,000
합계 (VAT 별도)27,000,000원

산정 근거

  • 유사 UGC 커뮤니티 플랫폼 및 실시간 채팅 시스템 구축 경험 기반 산정
  • 기능별 공수(M/D) 산출 후 단가 적용 — 공수계산서 참조
  • MVP 단계별 접근으로 핵심 기능 우선 개발, 예산 내 최적 품질 달성
  • 프로토타입 활용으로 기획 공수 절감

포함 사항

  • UI/UX 디자인 원본 파일 (Figma)
  • 프론트엔드 및 백엔드 소스코드 전체 이관
  • 개발 문서 (API 명세서, DB 스키마, 배포 가이드)
  • 1개월 무상 하자 보수
  • 배포 환경 세팅 (1회)

불포함 사항

  • 서버 호스팅 비용 (AWS 등 클라우드 인프라)
  • 도메인 구매 및 SSL 인증서 비용
  • 외부 유료 API 사용 비용 (SMS, 이메일 발송 등)
  • 앱스토어/플레이스토어 등록 비용 (하이브리드 앱 전환 시)
  • 하자 보수 기간 이후 유지보수

공수계산서

기능별 개발 공수(Man-Day)를 산출하여 일정과 비용의 근거를 제시합니다.

공수 요약

구분공수 (M/D)비율
기획/설계5 M/D11%
UI/UX 디자인8 M/D18%
FE 개발13 M/D29%
BE 개발12 M/D27%
QA/배포4 M/D9%
PM/커뮤니케이션3 M/D7%
합계45 M/D100%

기능별 상세 공수

기능세부 작업담당공수 (M/D)
기획/설계요구사항 분석 및 정의기획1.5
화면 설계 (와이어프레임)기획1.5
DB 스키마 및 API 설계기획1
기술 아키텍처 설계기획1
UI/UX 디자인UGC 플랫폼 모바일 UI디자인3.5
서비스 소개 홈페이지 반응형 UI디자인2
관리자 패널 UI디자인2.5
UGC 게시판게시글 CRUD, 미디어 업로드 UIFE3
피드 리스트, 무한 스크롤FE1.5
좋아요/댓글/공유FE1.5
실시간 채팅채팅방 UI, 메시지 송수신 화면FE2
회원/프로필로그인/회원가입, 마이페이지 화면FE1.5
홈페이지소개/FAQ/약관 페이지FE1.5
관리자 패널회원/콘텐츠/사이트 관리 화면FE2
UGC API게시글 CRUD, 피드 APIBE2
미디어 업로드, 리사이징, 인코딩BE2
채팅 서버WebSocket 서버, 채팅 내역 관리BE3
인증/회원소셜 로그인, JWT, 프로필 APIBE2
관리자 API회원/콘텐츠/사이트 관리 APIBE2
홈페이지 CMSFAQ/약관 CRUD APIBE1
QA/배포통합 테스트 및 버그 수정QA2
서버/인프라 세팅, CI/CDDevOps2
PM커뮤니케이션 및 프로젝트 관리PM3

산정 기준

  • 1 M/D = 8시간 기준 (1인 1일 작업량)
  • 주 5일 근무 기준
  • 버퍼 10~15% 포함
  • 유사 프로젝트 수행 경험 기반 효율적 개발

PRD (Product Requirements Document)

프로젝트 요구사항을 정의하고 기능 범위를 명확히 합니다.

1. 프로젝트 배경 및 목적

당근마켓의 커뮤니티(동네생활 등)와 유사한 UGC 플랫폼을 구축하는 프로젝트입니다. 바이브코딩으로 구체화한 프로토타입을 기반으로 전문적인 UI/UX 디자인과 안정적인 시스템 개발을 목표로 합니다.

  • 사용자가 사진·동영상을 자유롭게 업로드하고 실시간 채팅으로 소통하는 커뮤니티 플랫폼
  • 서비스 신뢰도 확보를 위한 기업 소개 및 정책 안내 홈페이지 통합 구축
  • 예비창업패키지 사업 결과보고에 맞춘 단계별 개발 및 납품

2. 사용자 정의

사용자 유형설명주요 기능
일반 사용자UGC 플랫폼 이용자게시글 작성(사진/동영상), 피드 탐색, 좋아요/댓글, 실시간 채팅, 프로필 관리
관리자플랫폼 운영/관리자회원 관리(제재/탈퇴), 콘텐츠 모니터링(숨김/삭제), FAQ/약관 관리
비회원홈페이지 방문자서비스 소개 열람, FAQ 확인, 회원가입

3. 기능 요구사항

3.1 UGC 게시판 및 미디어 공유

  • [필수] 게시글 작성 — 텍스트 본문 + 사진/동영상 첨부 (다중 파일)
  • [필수] 미디어 최적화 — 이미지 리사이징, 동영상 인코딩/트랜스코딩
  • [필수] 피드 리스트 — 최신순/인기순 정렬, 무한 스크롤
  • [필수] 사용자 인터랙션 — 좋아요, 댓글(작성/삭제), 공유
  • [Phase 2] 해시태그, 검색 기능 고도화

3.2 실시간 텍스트 채팅

  • [필수] 1:1 채팅방 생성 및 실시간 메시지 송수신 (WebSocket)
  • [필수] 채팅 내역 서버 저장 및 스크롤 시 불러오기
  • [필수] 그룹 채팅방 개설
  • [Phase 2] 신규 메시지 푸시 알림 고도화

3.3 사용자 계정 및 프로필

  • [필수] 이메일 회원가입 및 로그인
  • [필수] 소셜 로그인 (Google, Kakao)
  • [필수] 마이페이지 — 닉네임/프로필 이미지 설정, 내 게시글/채팅방 모아보기

3.4 서비스 소개 홈페이지

  • [필수] 서비스/회사 소개 페이지 (비전, 주요 기능, 연혁)
  • [필수] FAQ 게시판 및 1:1 문의 폼
  • [필수] 이용약관 및 개인정보처리방침 페이지

3.5 관리자 시스템 (Admin)

  • [필수] 회원 관리 — 가입자 목록 조회, 불량 이용자 제재/탈퇴 처리
  • [필수] 콘텐츠 관리 — 게시글/미디어 모니터링, 부적절 콘텐츠 숨김/삭제
  • [필수] 사이트 관리 — FAQ/약관 텍스트 등록/수정

4. 비기능 요구사항

항목요구사항
성능피드 API 응답 300ms 이내, 미디어 업로드 진행률 표시
보안HTTPS, JWT 인증, XSS/CSRF/SQL Injection 방어, 파일 업로드 검증
확장성Docker 컨테이너 기반 수평 확장 가능한 아키텍처
미디어이미지 최대 10MB, 동영상 최대 100MB (서버 측 리사이징/인코딩)
반응형UGC 플랫폼: 모바일 최적화 / 홈페이지: PC+모바일 반응형
브라우저Chrome, Safari, Edge 최신 2개 버전 지원

5. 기술 제약사항

  • UGC 플랫폼은 모바일 최적화 웹 또는 하이브리드 앱으로 구현 (구체적 방식은 미팅 시 협의)
  • 동영상 인코딩은 서버 측 처리 (클라이언트 부하 최소화)
  • 실시간 채팅은 WebSocket(Socket.io) 기반 — 폴링 방식 불가
  • 소셜 로그인 OAuth 2.0 연동 (Google, Kakao 필수)

6. 범위 외 사항 (Out of Scope)

  • 네이티브 모바일 앱 (iOS/Android) 별도 개발
  • 결제/포인트 시스템
  • AI 기반 콘텐츠 추천 알고리즘
  • 위치 기반 서비스 (GPS 활용)
  • 음성/영상 통화 기능
  • 서버 운영 및 유지보수 (납품 후)

일정 제안

총 60일 기준 단계별 마일스톤 및 산출물을 제안합니다.

전체 일정 요약

단계기간주요 산출물
Phase 1: 기획/설계Day 1–8요구사항 정의서, 와이어프레임, ERD, API 명세서
Phase 2: UI/UX 디자인Day 5–15Figma 디자인 시안 (모바일+웹+어드민)
Phase 3-1: 핵심 기능 개발Day 12–35UGC 게시판, 회원 시스템, 기본 관리자
Phase 3-2: 부가 기능 개발Day 30–50실시간 채팅, 홈페이지, 관리자 고도화
Phase 4: QA/배포Day 46–60테스트 보고서, 프로덕션 배포, 소스코드 이관

상세 타임라인

PHASE 1

기획 및 설계

Day 1–8

프로토타입 분석, 요구사항 정의, 화면 설계, DB/API 설계, 기술 아키텍처 확정

  • 산출물: 요구사항 정의서, 와이어프레임, ERD, API 명세서

PHASE 2

UI/UX 디자인

Day 5–15

UGC 플랫폼 모바일 UI, 서비스 소개 홈페이지 반응형 디자인, 관리자 패널 UI

  • 산출물: Figma 디자인 원본 파일 (모바일+웹+어드민)

PHASE 3-1

핵심 기능 개발

Day 12–35

회원가입/로그인(소셜 로그인), UGC 게시판(게시글 CRUD, 미디어 업로드, 피드), 기본 관리자 패널

  • 산출물: 개발 서버 데모 (핵심 기능 동작 확인)

PHASE 3-2

부가 기능 개발

Day 30–50

실시간 채팅(WebSocket), 좋아요/댓글/공유, 서비스 소개 홈페이지, 관리자 기능 고도화

  • 산출물: 스테이징 서버 배포 (전체 기능 확인)

PHASE 4

QA 및 배포

Day 46–60

통합 테스트, 버그 수정, 성능 최적화, 프로덕션 배포 및 인프라 세팅

  • 산출물: 테스트 보고서, 배포 완료 보고서, 소스코드/디자인 이관

마일스톤 체크포인트

마일스톤시점검수 기준
M1: 설계 완료Day 8요구사항 정의서, 와이어프레임, ERD 승인
M2: 디자인 완료Day 15Figma 디자인 시안 전체 승인
M3: 핵심 기능 완료Day 35UGC 게시판, 회원 시스템 데모 확인
M4: 전체 기능 완료Day 50채팅, 홈페이지, 어드민 데모 확인
M5: 최종 납품Day 60프로덕션 배포, 소스코드/디자인 이관

커뮤니케이션 계획

항목방식주기
일일 진행 공유Slack / 카카오톡매일
주간 미팅Zoom / Google Meet주 1회
마일스톤 리뷰화면 공유 + 문서단계 완료 시
이슈 트래킹GitHub Issues상시

유사 프로젝트 경험

본 프로젝트와 유사한 기능/기술 스택을 활용한 수행 경험을 소개합니다.

13+

완료 프로젝트

7년+

개발 경력

45 M/D

투입 공수

60일

개발 기간

B2B SaaS / 헬스케어

Harmony Link — 시니어 주간보호 관리 플랫폼

2025 · 약 6개월 · 133K+ LOC

프로젝트 개요

노인 주간보호센터의 돌봄 기록, 투약 관리, 보호자 소통, AI 건강분석을 하나의 플랫폼으로 통합한 멀티플랫폼 관리 시스템입니다. 모바일 앱(Flutter)과 웹 관리자 패널(Next.js)을 포함하여 6개 플랫폼을 지원합니다.

핵심 기능

  • 실시간 알림 및 보호자 소통 (초대 코드 기반 가족 연결, 푸시 알림)
  • AI 건강 데이터 분석 (OpenAI 연동)
  • 멀티테넌트 아키텍처 — 복수 시설 통합 관리
  • 140+ API 엔드포인트, 90개 DB 마이그레이션

본 프로젝트와의 유사점

실시간 알림/소통 시스템, 멀티플랫폼 지원(모바일+웹), 관리자 시스템(사용자/콘텐츠 관리), 사용자 역할 분리(일반 사용자/관리자) 등 본 프로젝트의 핵심 구조와 높은 유사성을 보유하고 있습니다.

기술 스택

Flutter NestJS Next.js TypeScript MySQL AWS CDK Firebase
B2B 플랫폼 / 네트워킹

Connectin — 디지털 명함 & 네트워킹 플랫폼

2025.05–2025.08 · 3개월 · 2,351+ 파일

프로젝트 개요

OCR 명함 스캐닝, E2E 암호화 메시징, BLE/GPS 근거리 탐색을 결합한 디지털 명함 & 네트워킹 플랫폼입니다. 소셜 피드 & 네트워킹 기능과 관리자 패널을 포함합니다.

핵심 기능

  • 소셜 피드 & 네트워킹 — 게시물, 댓글, 리액션 기반 소셜 네트워크
  • 실시간 E2E 암호화 메시징 (Signal Protocol)
  • 프로필 관리 및 사용자 탐색
  • 관리자 패널 — 역할 기반 권한, 대량 사용자 관리

본 프로젝트와의 유사점

소셜 피드/게시판(게시물, 댓글, 리액션), 실시간 메시징, 프로필 관리, 관리자 패널 등 UGC 커뮤니티 플랫폼의 핵심 기능과 직접적으로 대응하는 경험입니다.

기술 스택

Flutter Next.js Express PostgreSQL Docker Firebase
B2C 앱 / 소셜

Calendar Share — 소셜 캘린더 공유 플랫폼

2025.01 · MVP · 17,628 LOC

프로젝트 개요

소셜 피드와 캘린더 일정 관리를 단일 모바일 앱으로 통합한 크로스플랫폼 소셜 캘린더 플랫폼입니다. 포스트 작성, 좋아요/리트윗/댓글, 실시간 채팅, 7종 푸시 알림을 지원합니다.

핵심 기능

  • 소셜 피드 — 게시물 작성, 좋아요, 리트윗, 댓글
  • 실시간 1:1 채팅 (Firebase RTDB 기반)
  • 7종 푸시 알림 (메시지, 댓글, 좋아요, 팔로우 등)
  • QR 코드 기반 소셜 디스커버리

본 프로젝트와의 유사점

소셜 피드/UGC 게시판(게시물 CRUD, 좋아요/댓글), 실시간 채팅, 푸시 알림 시스템, 사용자 프로필 관리 등 커뮤니티 플랫폼의 핵심 사용자 경험을 동일하게 구현한 경험입니다.

기술 스택

Flutter Firebase Supabase Dart FCM

함께 만들어 가겠습니다

프로젝트에 대해 더 자세한 논의를 원하시면 미팅을 신청해 주세요.