프로젝트 제안서

프로젝트 제안서

브랜드 입점형 온라인 팝업스토어 Cafe24 기반 구축

백화점 팝업스토어 브랜드의 온라인 판매 채널을 확장하는 카페24 기반 자사몰을 구축합니다. 2030 여성 타겟에 맞는 트렌디한 UI/UX와 타임세일, 브랜드 입점 관리, Notion 연동을 핵심으로 5월 중순 오픈을 목표합니다.

900만원 (VAT 별도) 50일 웹 / 자사몰 구축 원본 공고

13+

완료 프로젝트

7년+

개발 경력

100%

풀스코프 참여

50일

제안 기간

함께 만들어 가겠습니다

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

프로젝트 소개

백화점 팝업스토어 브랜드의 온라인 판매 채널을 확장하는 카페24 기반 자사몰을 구축합니다. 2030 여성 타겟에 맞는 트렌디한 UI/UX와 타임세일, 브랜드 입점 관리, Notion 연동을 핵심으로 합니다.

프로젝트 개요

항목내용
프로젝트명브랜드 입점형 온라인 팝업스토어 Cafe24 기반 구축
카테고리웹 / 자사몰 구축 / 개발+디자인+기획
제안 금액900만원 (VAT 별도)
제안 기간50일
핵심 기술Cafe24 스마트디자인, HTML, CSS, JavaScript, Notion API

핵심 요구사항 분석

  • 카페24 기반 반응형 웹 구축 — PC/Mobile 대응, 2030 여성 타겟에 맞는 트렌디하고 고급스러운 디자인
  • 타임세일(Time Deal) 기능 — 특정 기간 판매 및 할인 설정, 카운트다운 타이머 노출
  • 브랜드 입점 관리 — 브랜드별 개별 페이지(브랜드관), 입점 신청 폼 → Notion DB 연동
  • 메인 페이지 구성 — 타임세일 카운트다운, 브랜드 롤링 배너, 큐레이션 영역
  • 상세페이지 템플릿 — 브랜드별 이미지 교체 가능한 가이드 포함
  • 운영 지원 가이드 — 상품 등록 매뉴얼, 발주서 생성(엑셀), 송장 등록 가이드

제안 포인트

본 프로젝트는 카페24 솔루션 기반의 편집샵 형태 온라인 팝업스토어로, 다음과 같은 방향으로 진행을 제안합니다:

  • 디자인 우선 접근 — 2030 여성 타겟에 맞는 감각적인 UI/UX를 Figma로 선 디자인 후 카페24 스킨으로 퍼블리싱. 벤치마킹 레퍼런스를 적극 반영하여 트렌디한 쇼핑 경험 구현
  • 타임세일 카운트다운 — JavaScript 기반 실시간 카운트다운 타이머를 카페24 스마트디자인에 커스텀 모듈로 구현. 관리자가 시작/종료 시간 및 할인율을 쉽게 설정 가능
  • Notion API 연동 — 입점 신청 폼 데이터를 Notion 데이터베이스에 자동 저장. 서버리스 함수(Cloudflare Workers)를 중계 서버로 활용하여 안정적 연동
  • 브랜드 확장성 — 브랜드관 페이지를 템플릿화하여 신규 브랜드 입점 시 최소 작업으로 추가 가능
  • 운영 자립 지원 — 상품 등록, 브랜드 관리, 발주서 생성 등 운영 전반의 매뉴얼을 제공하여 내부 인력이 독립적으로 운영 가능

사용 기술 및 툴

개발 기술

Cafe24 스마트디자인 HTML5 CSS3 JavaScript Notion API Cloudflare Workers Figma

협업 및 커뮤니케이션

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

견적서

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

견적 요약

항목내용
프로젝트명브랜드 입점형 온라인 팝업스토어 Cafe24 기반 구축
제안 금액900만원 (VAT 별도)
제안 기간50일
견적 유효기간제안일로부터 30일

상세 견적 내역

구분항목수량단가금액
기획요구사항 분석, IA 설계, 카페24 구조 분석1식-100만원
디자인Figma UI/UX 디자인 (메인+서브+브랜드관+상세 템플릿)1식-200만원
퍼블리싱카페24 스킨 커스터마이징 (PC/Mobile 반응형)1식-250만원
기능 개발타임세일 카운트다운, Notion API 연동, 입점 신청 폼1식-150만원
QA/배포크로스브라우저 테스트, 카페24 배포, 도메인 설정1식-100만원
운영 지원운영 매뉴얼 작성, 관리자 교육1식-100만원
합계 (VAT 별도)900만원

산정 근거

  • 카페24 스마트디자인 기반 커스텀 스킨 개발로, Figma 디자인 → HTML/CSS/JS 퍼블리싱 → 카페24 모듈 연동의 전체 파이프라인 포함
  • Notion API 연동을 위한 서버리스 중계 서버(Cloudflare Workers) 구축 비용 포함
  • 타임세일 카운트다운은 카페24 앱이 아닌 커스텀 JavaScript 모듈로 개발하여 유연한 설정 가능
  • 브랜드별 상세페이지 템플릿 + 이미지 교체 가이드로 반복적인 상세페이지 제작 비용 절감
  • 유사 프로젝트 수행 경험을 바탕으로 효율적인 개발 진행

포함 사항

  • 카페24 스킨 소스 코드 전체 이관
  • Figma 디자인 원본 파일
  • 운영 매뉴얼 (상품 등록, 발주서, 송장 관리)
  • 상세페이지 템플릿 + 이미지 교체 가이드
  • 1개월 무상 하자 보수
  • 카페24 배포 및 도메인 연결 (1회)

불포함 사항

  • 카페24 호스팅 요금 (카페24 자체 요금)
  • 도메인 구매 비용
  • 외부 유료 서비스 비용 (Cloudflare Workers 무료 범위 내 포함)
  • 하자 보수 기간 이후 유지보수
  • 상품 이미지 촬영 및 상세페이지 이미지 제작

공수계산서

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

공수 요약

구분공수 (M/D)비율
기획/설계4 M/D13%
디자인 (Figma)8 M/D27%
퍼블리싱 (카페24 스킨)9 M/D30%
기능 개발4 M/D13%
QA/배포3 M/D10%
운영 매뉴얼2 M/D7%
합계30 M/D100%

기능별 상세 공수

기능세부 작업담당공수 (M/D)
기획/설계요구사항 분석 + IA(정보구조) 설계기획2
카페24 구조 분석 + 기능 설계서기획2
디자인메인 페이지 UI 디자인 (타임세일, 배너, 큐레이션)디자인2
서브 페이지 디자인 (브랜드관, 상품 목록, 상품 상세)디자인3
로그인/회원가입 + 입점 신청 페이지디자인1
상세페이지 템플릿 + 이미지 교체 가이드디자인2
퍼블리싱메인 페이지 스킨 (타임세일 타이머, 롤링 배너, 큐레이션)프론트엔드3
브랜드관 + 상품 목록 + 상품 상세 스킨프론트엔드3
Mobile 반응형 대응 + 로그인/회원가입프론트엔드3
기능 개발타임세일 카운트다운 모듈 (시작/종료 시간, 할인율 설정)프론트엔드2
입점 신청 폼 → Notion API 연동 (Cloudflare Workers)풀스택2
QA/배포크로스브라우저/디바이스 테스트 + QAQA2
카페24 배포 + 도메인 연결배포1
운영 매뉴얼상품 등록/관리 매뉴얼 + 발주서/송장 가이드문서1.5
관리자 교육 (화면 공유)교육0.5

산정 기준

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

PRD (Product Requirements Document)

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

1. 프로젝트 배경 및 목적

백화점 팝업스토어에 입점하는 브랜드들의 상품을 온라인에서도 판매하기 위한 온라인 팝업스토어 형태의 자사몰을 구축합니다.

  • 배경: 오프라인 팝업스토어의 지역적·시간적 한계를 넘어 온라인 판매 채널 확장 필요
  • 특성: 다양한 브랜드가 입점하는 편집샵 형태 → 통일감 있으면서도 고급스러운 디자인 필수
  • 타겟: 2030 여성 소비자
  • 목표: 5월 중순 오픈, 트렌디하고 감각적인 UI/UX, Notion 연동으로 입점 업무 효율화

2. 사용자 정의

사용자 유형설명주요 기능
일반 회원 (구매자)2030 여성, 온라인 쇼핑 고객회원가입/로그인, 상품 검색·구매, 타임세일 참여, 브랜드관 탐색
브랜드 파트너입점 희망 브랜드 담당자입점 신청 폼 작성 (→ Notion DB 자동 저장)
관리자 (운영자)쇼핑몰 전체 운영 담당상품 등록/관리, 타임세일 설정, 브랜드 관리, 발주서 생성, 송장 등록

3. 기능 요구사항

3.1 메인 페이지

  • [필수] 타임세일 카운트다운 타이머 — 실시간 카운트다운, 종료 시 자동 비활성화
  • [필수] 브랜드 롤링 배너 — 입점 브랜드 로고/이미지 자동 슬라이드
  • [필수] 큐레이션 영역 — 추천 상품/브랜드 하이라이트 섹션

3.2 브랜드관

  • [필수] 브랜드별 개별 페이지 (로고, 소개, 해당 브랜드 상품 목록)
  • [필수] 브랜드 목록 페이지 (전체 입점 브랜드 탐색)

3.3 상품

  • [필수] 상품 목록 페이지 (필터, 정렬)
  • [필수] 상품 상세 페이지
  • [필수] 상세페이지 템플릿 (브랜드별 이미지 교체 가능한 구조 + 가이드)

3.4 타임세일 (Time Deal)

  • [필수] 특정 기간 판매 설정 (시작/종료 일시)
  • [필수] 할인율 설정 및 할인가 자동 표시
  • [필수] 카운트다운 타이머 UI (메인 + 상품 상세에 노출)

3.5 입점 신청

  • [필수] 입점 신청 폼 (브랜드명, 담당자, 연락처, 카테고리, 상품 설명 등)
  • [필수] 폼 데이터 → Notion 데이터베이스 자동 저장 (API 연동)

3.6 회원

  • [필수] 회원가입 / 로그인 (카페24 기본 회원 기능 활용)
  • [선택] 소셜 로그인 (카페24 지원 범위 내)

4. 비기능 요구사항

항목요구사항
반응형PC/Mobile 완전 대응 (카페24 스마트디자인 반응형)
성능메인 페이지 로드 3초 이내, 이미지 최적화(WebP/Lazy Loading)
브라우저Chrome, Safari, Edge 최신 2개 버전
접근성기본 웹 접근성 준수 (시맨틱 HTML, alt 태그)
SEO메타 태그, Open Graph, 구조화된 데이터 적용

5. 기술 제약사항

  • 카페24 솔루션 기반 개발 (필수) — 스마트디자인 에디터 활용
  • 프론트엔드: HTML, CSS, JavaScript만 사용 가능 (카페24 플랫폼 제약)
  • Notion API 연동: 카페24에서 직접 API 호출 불가 → Cloudflare Workers를 중계 서버로 활용
  • 타임세일: 카페24 기본 기능 + 커스텀 JS 타이머 조합으로 구현
  • 결제/배송/재고: 카페24 기본 모듈 그대로 활용

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

  • 결제 시스템 개발 (카페24 기본 PG 모듈 사용)
  • 배송 추적 시스템 개발 (카페24 기본 기능)
  • 재고 관리 시스템 개발 (카페24 기본 기능)
  • 모바일 네이티브 앱 개발
  • 상품 이미지 촬영 및 상세 이미지 제작
  • 마케팅/프로모션 기획

일정 제안

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

전체 일정 요약

단계기간주요 산출물
Phase 1: 기획/설계Day 1~5 (5일)요구사항 정의서, IA 설계, 레퍼런스 분석
Phase 2: UI/UX 디자인Day 6~18 (13일)Figma 디자인 (메인+서브+브랜드관+상세 템플릿)
Phase 3: 개발 (퍼블리싱+기능)Day 19~38 (20일)카페24 스킨, 타임세일, Notion API 연동
Phase 4: QA/테스트/배포Day 39~46 (8일)크로스브라우저 테스트, 카페24 배포
Phase 5: 매뉴얼/인수인계Day 47~50 (4일)운영 매뉴얼, 관리자 교육

상세 타임라인

PHASE 1

기획 및 설계

Day 1~5 (5일)

요구사항 상세 분석, 벤치마킹 레퍼런스 검토, IA(정보구조) 설계, 카페24 구조 분석, 기능 설계서 작성

  • 산출물: 요구사항 정의서, IA 설계서, 레퍼런스 분석 보고서

PHASE 2

UI/UX 디자인

Day 6~18 (13일)

Figma로 메인 페이지, 브랜드관, 상품 목록/상세, 로그인/회원가입, 입점 신청 페이지 디자인. 상세페이지 템플릿 및 이미지 교체 가이드 제작

  • 산출물: Figma 디자인 파일, 상세페이지 템플릿 가이드
  • 중간 검수: Day 12 — 메인 페이지 디자인 확인

PHASE 3

개발 (퍼블리싱 + 기능)

Day 19~38 (20일)

카페24 스마트디자인 스킨 퍼블리싱, 반응형 CSS, 타임세일 카운트다운 JavaScript 모듈, Notion API 연동(Cloudflare Workers), 브랜드 롤링 배너

  • 산출물: 카페24 커스텀 스킨, 타임세일 모듈, Notion API 중계 서버
  • 중간 검수: Day 28 — 메인 페이지 퍼블리싱 확인

PHASE 4

QA / 테스트 / 배포

Day 39~46 (8일)

크로스브라우저 테스트(Chrome/Safari/Edge), 모바일 디바이스 테스트, 타임세일 기능 검증, 카페24 실서버 배포, 도메인 연결

  • 산출물: QA 체크리스트, 배포 완료 보고서

PHASE 5

매뉴얼 및 인수인계

Day 47~50 (4일)

운영 매뉴얼 작성 (상품 등록, 발주서 생성, 송장 등록), 관리자 페이지 사용법 교육 (화면 공유)

  • 산출물: 운영 매뉴얼, 발주서/송장 가이드, 교육 완료

마일스톤 체크포인트

마일스톤시점검수 기준
M1: 기획 완료Day 5요구사항 정의서 + IA 승인
M2: 디자인 확인Day 12메인 페이지 디자인 승인
M3: 디자인 완료Day 18전체 페이지 디자인 승인
M4: 개발 중간 검수Day 28메인 페이지 퍼블리싱 확인
M5: 개발 완료Day 38전체 기능 동작 확인
M6: 최종 오픈Day 50실서버 배포 + 매뉴얼 전달

커뮤니케이션 계획

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

유사 프로젝트 경험

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

13+

완료 프로젝트

7년+

개발 경력

100%

풀스코프 참여

50일

제안 기간

B2B SaaS

EZ-Approve — 전자결재 업무 관리 플랫폼

B2B SaaS · 2026.01~2026.03 (9주)

프로젝트 개요

한국 기업의 결재·문서관리 프로세스를 디지털화하는 올인원 플랫폼. 50+ 페이지, 120~150 API, 34 엔티티 규모의 대형 웹 애플리케이션.

핵심 기능

  • 다단계 전자결재 엔진 (8종 결재 액션)
  • Lexical 리치 에디터 (170 파일, 26 커스텀 노드)
  • 7종 사용자 역할 기반 권한 관리
  • 반응형 웹 UI (MUI v5 기반 50+ 페이지)

본 프로젝트와의 유사점

다수의 웹 페이지 설계·퍼블리싱 경험이 본 프로젝트의 메인/서브/브랜드관/상세 페이지 구축에 직접 적용됩니다. 관리자 기능 구현 경험과 반응형 웹 개발 노하우를 활용하여 카페24 스킨 커스터마이징을 효율적으로 진행합니다.

기술 스택

Next.js NestJS TypeScript MUI v5 MySQL Docker
B2B SaaS / 헬스케어

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

헬스케어 SaaS · 2025 (~6개월)

프로젝트 개요

노인 주간보호센터의 돌봄 기록·투약·보호자 소통·AI 건강분석을 통합한 멀티플랫폼 관리 시스템. 133K+ LOC, 140+ API 규모.

핵심 기능

  • 케어 로그·투약·식단 관리 시스템
  • OpenAI API 연동 AI 건강 분석
  • 보호자 실시간 알림 및 소통
  • 멀티테넌트 아키텍처 (복수 시설 통합 관리)

본 프로젝트와의 유사점

외부 API 연동 경험(OpenAI API)이 본 프로젝트의 Notion API 연동에 직접 적용됩니다. 관리 시스템 구축, 반응형 웹 개발, 6개 플랫폼 대응 경험을 활용하여 PC/Mobile 반응형 쇼핑몰을 안정적으로 구현합니다.

기술 스택

Flutter Next.js NestJS TypeScript AWS CDK Firebase
B2C 플랫폼

필라테스 프랜차이즈 관리 앱

피트니스 O2O · 2019.09~2019.12 (4개월)

프로젝트 개요

필라테스 센터의 예약·결제·회원관리·매출분석을 통합한 올인원 관리 플랫폼. 기획·디자인·개발 Full-scope 진행, 3개 플랫폼 동시 출시.

핵심 기능

  • 수업 예약 시스템 (개인/그룹)
  • 수강권 구매 및 결제
  • 매출 대시보드 (센터별 통합 관리)
  • 강사-회원 커뮤니티 및 실시간 채팅

본 프로젝트와의 유사점

기획~디자인~개발 Full-scope 경험이 본 프로젝트의 전체 범위(기획+디자인+개발)와 동일합니다. B2C 서비스의 사용자 경험 설계, 트렌디한 UI/UX 구현, 4개월 내 기획부터 출시까지의 빠른 딜리버리 경험을 활용합니다.

기술 스택

React Native React Node.js JavaScript

함께 만들어 가겠습니다

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