프로젝트 소개

기존 제품 나열식 워드프레스 홈페이지를 B2B 세일즈 플랫폼으로 전환하여, 공정별 도입 성공 사례(Use Case)를 전면에 배치하고 합법적인 리드(Lead) 수집 체계를 구축합니다.

프로젝트 개요

핵심 요구사항 분석

• UI/UX 전면 개편 — 모듈형 벤토 그리드(Bento Grid) 적용, 동적 영상(Video) 배경 히어로 섹션
• 영업 리드(DB) 수집 — Gated Content 팝업 폼, 개인정보 수집/마케팅 동의, 관리자 DB 적재
• 관리자 페이지 개발 — 수집된 리드 DB 조회, 엑셀(CSV) 다운로드 기능
• 스팸 차단 — Google reCAPTCHA v3 적용으로 봇 스팸 원천 차단
• 자가 운영 환경 — Elementor 기반 페이지 빌더 세팅, 운영 매뉴얼 및 교육
• 반응형 디자인 — 모바일/태블릿에서 벤토 그리드 자연스러운 재배치(Stacking)

제안 포인트

1. 벤토 그리드(Bento Grid) 디자인 전문성

트렌디한 벤토 그리드 UI를 모듈형으로 설계하여, 모바일에서 테트리스처럼 자연스럽게 재배치되는 반응형 레이아웃을 구현합니다. Elementor와 연계하여 마케팅팀이 직접 편집할 수 있는 구조로 세팅합니다.

2. B2B 리드 수집 시스템 구축 경험

EZ-Approve, P2P 펀딩 플랫폼 등 다수의 B2B 프로젝트에서 관리자 대시보드와 데이터 관리/내보내기 기능을 구축한 경험이 있습니다. Gated Content 방식의 리드 수집 폼과 관리자 DB 적재, CSV 다운로드 기능을 효율적으로 구현합니다.

3. 운영 중인 서비스 리뉴얼 경험

P2P 크라우드 펀딩 플랫폼의 UI/UX 전면 리뉴얼을 성공적으로 수행한 경험이 있습니다. 기존 운영 중인 서비스의 데이터 연속성을 보장하면서 새로운 디자인 시스템으로 전환하는 노하우를 보유하고 있습니다.

4. 100% 자가 운영 환경 세팅

프로젝트 완료 후 마케팅팀이 독립적으로 콘텐츠를 관리할 수 있도록 Elementor 기반 편집 환경을 세팅하고, 실무자 교육과 운영 매뉴얼을 제공합니다.

사용 기술 및 툴

개발 기술

협업 및 커뮤니케이션

견적서

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

견적 요약

상세 견적 내역

산정 근거

• 클라이언트 예상 금액(5,000,000원) 대비 경쟁력 있는 금액으로 산정
• 유사 프로젝트(관리자 대시보드, UI/UX 리뉴얼) 수행 경험 기반 효율적 개발
• 기획, 디자인, 개발, QA, 교육까지 올인원 제공
• 1개월 무상 하자 보수 포함

포함 사항

• 소스 코드 전체 이관
• 개발 문서 (기획서, 디자인 원본, 소스 코드)
• 운영 매뉴얼
• 1개월 무상 하자 보수
• 배포 환경 세팅 (1회)
• 관리자 시스템 사용 교육

불포함 사항

• 서버 호스팅 비용 (기존 호스팅 유지 또는 신규 계약)
• 도메인 구매/갱신 비용
• Elementor Pro 라이선스 비용 (연간)
• 외부 유료 API 사용 비용
• 동영상/이미지 소스 제작비 (클라이언트 제공 기준)
• 하자 보수 기간 이후 유지보수

공수계산서

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

공수 요약

기능별 상세 공수

산정 기준

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

PRD (Product Requirements Document)

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

1. 프로젝트 배경 및 목적

클라이언트는 B2B IT 솔루션 기업으로, 현재 워드프레스 기반의 홈페이지를 운영하고 있습니다. 기존 홈페이지는 단순 제품 나열 방식으로, B2B 영업의 핵심인 '도입 성공 사례(Use Case)' 전달과 잠재 고객 데이터(Lead) 수집이 어려운 구조입니다.

본 프로젝트의 목표는 기존 홈페이지를 B2B 세일즈 플랫폼으로 고도화하는 것입니다:

• 공정별 도입 성공 사례(Use Case)를 전면에 배치하여 잠재 고객의 관심 유도
• Gated Content 방식으로 합법적인 영업 리드(Lead) 데이터 수집
• 마케팅팀이 직접 콘텐츠를 관리할 수 있는 자가 운영 환경 구축

2. 사용자 정의

3. 기능 요구사항

3.1 UI/UX 전면 개편

• [필수] 메인 히어로 섹션 — 동적 영상(Video) 배경 위에 핵심 카피 고정 노출
• [필수] 벤토 그리드(Bento Grid) 레이아웃 — 모듈형 블록 UI, 모바일 자동 스태킹
• [필수] CI/디자인 가이드 기반 디자인 통일
• [필수] 반응형 디자인 — 데스크톱/태블릿/모바일 대응

3.2 영업 리드(DB) 수집 (Gated Content)

• [필수] 기존 회원가입 제도 전면 폐지
• [필수] 브로슈어/백서 다운로드 시 정보 입력 팝업 폼 노출
• [필수] 수집 항목: 이름, 회사명, 직급, 이메일, 연락처
• [필수] 개인정보 수집 및 마케팅 이용 동의 체크
• [필수] 관리자 페이지 리드 DB 적재
• [필수] 엑셀(CSV) 다운로드 기능

3.3 스팸 차단 및 보안

• [필수] Google reCAPTCHA v3 적용
• [필수] 봇 스팸 원천 차단

3.4 자가 운영 환경

• [필수] Elementor 기반 시각적 페이지 빌더 세팅
• [필수] 마케팅팀 직접 텍스트/이미지 수정 가능
• [필수] 관리자 시스템 사용 교육 진행
• [필수] 운영 매뉴얼 제공

4. 비기능 요구사항

5. 기술 제약사항

• 워드프레스 기반 유지 (기존 인프라 활용)
• Elementor 또는 동급 시각적 페이지 빌더 사용 필수
• 기존 CI 및 기업 디자인 가이드 준수
• 개인정보보호법 준수 (수집 동의, 마케팅 동의 분리)
• 모바일 반응형 필수

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

• 기존 회원가입/로그인 시스템 (전면 폐지 확정)
• 다국어 지원 (한국어 단일 언어)
• 결제/이커머스 기능
• CRM 외부 연동 (향후 확장 가능)
• 서버 호스팅 비용 (별도)

일정 제안

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

전체 일정 요약

마일스톤 체크포인트

커뮤니케이션 계획

유사 프로젝트 경험

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