프로젝트 제안서

프로젝트 제안서

B2B 제조 기업 홈페이지 구축

AMR(자율주행물류로봇) 및 3D 프린팅 전문 B2B 제조 기업의 글로벌 홈페이지를 리뉴얼합니다. 하이엔드 브랜드 이미지를 효과적으로 전달하고, 국문/영문 다국어 사이트를 통해 글로벌 시장 경쟁력을 강화하는 것을 목표로 합니다.

7,200,000원 60일 웹 / 홈페이지 원본 공고

13+

완료 프로젝트

36+

페이지 구현

KR/EN

다국어 지원

60일

프로젝트 기간

함께 만들어 가겠습니다

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

프로젝트 소개

AMR(자율주행물류로봇) 및 3D 프린팅 전문 B2B 제조 기업의 글로벌 홈페이지를 리뉴얼합니다. 하이엔드 브랜드 이미지를 효과적으로 전달하고, 국문/영문 다국어 사이트를 통해 글로벌 시장 경쟁력을 강화하는 것을 목표로 합니다.

프로젝트 개요

항목내용
프로젝트명B2B 제조 기업 홈페이지 구축
카테고리웹 / 홈페이지 · 게시판
제안 금액7,200,000원 (VAT 별도)
제안 기간60일
핵심 기술Next.js 14, NestJS, MySQL, TailwindCSS, AWS

핵심 요구사항 분석

  • 국문 사이트 36페이지 구축 — 회사소개(5P), AMR 제품소개(25P), 솔루션, 3D 프린팅, 미디어, 문의하기
  • 영문(EN) 다국어 사이트 — 동일 구조/콘텐츠 기반 영문 버전 추가 구축
  • 스마트 통합 관리자 시스템 — 콘텐츠 관리, 다국어 관리, 메뉴/게시판 관리, 문의 관리
  • 반응형 디자인 — PC Web + Mobile Web 완전 반응형 지원
  • 하이엔드 브랜드 이미지 — 글로벌 바이어 대상 고급스럽고 신뢰감 있는 UI/UX
  • AMR 24개 모델 상세 페이지 — 개별 모델별 상세 정보 및 통합 리스트
  • 미디어 연동 — 유튜브 영상 및 관련 기사 노출
  • 커스텀 디자인 — 템플릿이 아닌 기획안 맞춤형 디자인/개발

제안 포인트

1. B2B 기업 웹사이트 전문 구축 경험

B2B SaaS 및 기업용 포탈 프로젝트를 다수 수행한 경험을 보유하고 있습니다. 50+ 페이지 규모의 대형 웹사이트 구축, 다국어(국문/영문) 지원, 관리자 콘텐츠 관리 시스템(CMS) 개발까지 본 프로젝트에서 요구하는 핵심 역량과 정확히 일치합니다.

2. 기획부터 배포까지 원스톱 수행

요구사항 정의, 화면 설계, UI/UX 디자인(Figma), 프론트엔드/백엔드 개발, 서버 인프라 구성, 배포까지 전 과정을 일관된 품질로 수행합니다. 기획 상태가 간단히 정리된 단계이므로, 상세 기획부터 체계적으로 진행하여 누락 없는 결과물을 보장합니다.

3. 글로벌 다국어 사이트 구축 노하우

다국어(국문/영문) 웹사이트를 다수 구축한 경험을 바탕으로, 단순 번역이 아닌 각 언어권 사용자에게 최적화된 UI/UX를 제공합니다. 관리자 페이지에서 국문/영문 콘텐츠를 통합 관리할 수 있는 시스템을 구축하여 운영 효율성을 극대화합니다.

사용 기술 및 툴

개발 기술

Next.js 14 React TypeScript TailwindCSS NestJS TypeORM MySQL next-intl AWS Docker

협업 및 커뮤니케이션

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

견적서

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

견적 요약

항목내용
프로젝트명B2B 제조 기업 홈페이지 구축
제안 금액7,200,000원 (VAT 별도)
제안 기간60일
견적 유효기간제안일로부터 30일

상세 견적 내역

구분항목수량단가금액
기획요구사항 분석, IA 설계, 화면 설계서1식-1,080,000원
디자인UI/UX 디자인 (36P 사용자 + 관리자)1식-1,440,000원
프론트엔드사용자 사이트 + 관리자 시스템 개발1식-2,160,000원
백엔드CMS API, DB 구축, 서버/인프라 구성1식-1,800,000원
QA/배포테스트, 버그 수정, 서버 배포1식-720,000원
합계 (VAT 별도)7,200,000원

산정 근거

B2B 제조 기업 글로벌 홈페이지 리뉴얼 프로젝트의 범위(국문 36P + 영문 다국어, 관리자 CMS, 반응형)를 기준으로 각 공정별 투입 공수와 단가를 산출하였습니다. 유사 규모의 B2B 기업 웹사이트 구축 경험을 바탕으로 효율적인 개발이 가능하며, 클라이언트 예산 범위 내에서 최대한의 품질을 보장합니다.

포함 사항

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

불포함 사항

  • 서버 호스팅 비용 (AWS 등)
  • 도메인 구매 비용
  • 외부 유료 API 사용 비용 (지도 API 등)
  • 하자 보수 기간 이후 유지보수
  • 콘텐츠 원본(텍스트, 이미지) 제작 비용

공수계산서

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

공수 요약

구분공수 (M/D)비율
기획/설계8 M/D20%
UI/UX 디자인10 M/D25%
FE 개발12 M/D30%
BE 개발7 M/D17.5%
QA/배포3 M/D7.5%
합계40 M/D100%

기능별 상세 공수

기능세부 작업담당공수 (M/D)
기획/설계요구사항 정의 및 IA(정보 구조) 설계기획3
화면 설계서(와이어프레임) 작성기획3
DB 스키마 및 API 명세서 설계설계2
UI/UX 디자인디자인 시스템 구축 (컬러, 타이포, 컴포넌트)디자인2
사용자 사이트 36P 디자인디자인5
관리자 페이지 디자인디자인2
반응형(Mobile) 디자인디자인1
FE 개발공통 컴포넌트 및 레이아웃프론트엔드2
회사소개 5P프론트엔드1.5
AMR 제품소개 25P (리스트 + 상세)프론트엔드3
솔루션/3D프린팅/미디어/문의프론트엔드2
관리자 페이지 (CMS UI)프론트엔드2.5
다국어(국문/영문) 전환 기능프론트엔드1
BE 개발DB 구축 및 API 기본 설계백엔드1.5
콘텐츠 관리 API (CRUD)백엔드2
문의 접수/관리 API백엔드1
다국어 관리 API + 미디어(유튜브) 연동백엔드1.5
서버 인프라 구성 (AWS)백엔드1
QA/배포크로스 브라우저 및 반응형 테스트QA1
서버 배포 및 SSL 설정배포1
영문 사이트 검수 및 최종 QAQA1

산정 기준

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

PRD (Product Requirements Document)

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

1. 프로젝트 배경 및 목적

AMR(자율주행물류로봇) 및 3D 프린팅 장비를 주력으로 하는 B2B 제조 기업의 공식 글로벌 홈페이지 리뉴얼 프로젝트입니다. 우수한 기술력을 글로벌 바이어에게 효과적으로 전달하고, 고급스럽고 신뢰감 있는 하이엔드 브랜드 이미지를 구축하는 것이 핵심 목표입니다. 국문 사이트를 우선 구축한 후 영문(EN) 다국어 사이트를 추가하여 글로벌 시장 경쟁력을 강화합니다.

2. 사용자 정의

사용자 유형설명주요 기능
글로벌 바이어AMR/3D프린팅 장비 구매를 검토하는 해외 기업 담당자제품 상세 정보 확인, 솔루션 검토, 문의 접수
국내 잠재 고객AMR/3D프린팅 장비 도입을 검토하는 국내 기업제품 리스트/상세 조회, 회사 정보 확인, 문의 접수
웹사이트 관리자기업 내부 콘텐츠 관리 담당자콘텐츠 수정, 제품 정보 관리, 문의 확인, 다국어 관리

3. 기능 요구사항

3.1 사용자 웹사이트

회사소개 (5P)

  • [필수] 회사 개요 페이지 — 기업 소개, 핵심 역량
  • [필수] 연혁 페이지 — 타임라인 형태의 주요 이력
  • [필수] 인증 및 특허 페이지 — 보유 인증/특허 목록 및 이미지
  • [필수] 비전 페이지 — 미래 방향성 및 비전
  • [필수] 오시는 길 — 지도 연동(Kakao/Google Maps), 주소 및 교통 안내

AMR 제품소개 (25P)

  • [필수] 제품 통합 리스트 페이지 — 24개 모델 필터링/정렬
  • [필수] 24개 개별 모델 상세 페이지 — 사양, 이미지, 특징, 다운로드

솔루션

  • [필수] 소프트웨어 솔루션 소개 페이지
  • [필수] 역설계 관련 솔루션 소개 페이지

3D 프린팅

  • [필수] 보유 장비 소개 페이지
  • [필수] 기술 소개 페이지

미디어

  • [필수] 유튜브 영상 연동 노출
  • [필수] 관련 기사 연동 노출

문의하기

  • [필수] 온라인 문의 양식 (이름, 이메일, 회사명, 문의 내용 등)
  • [필수] 문의 접수 확인 알림

다국어 지원

  • [필수] 국문/영문 버전 전환 기능
  • [필수] URL 기반 언어 구분 (SEO 최적화)

3.2 스마트 통합 관리자 시스템

  • [필수] 콘텐츠 관리 — 모든 페이지의 텍스트/이미지 직접 수정
  • [필수] 다국어 관리 — 국문/영문 콘텐츠 통합 관리
  • [필수] 메뉴 및 게시판 관리 — 메뉴 구조, 게시판 생성/수정
  • [필수] 문의 관리 — 접수된 문의 내역 확인 및 상태 관리
  • [필수] 미디어 관리 — 유튜브 영상 URL, 기사 링크 등록/관리
  • [필수] 제품 관리 — AMR 24개 모델 상세 정보 CRUD

4. 비기능 요구사항

항목요구사항
성능페이지 로딩 시간 3초 이내 (SSG/ISR 활용)
SEONext.js SSG 기반 메타태그, 사이트맵, 구조화 데이터
보안HTTPS, 관리자 인증, SQL Injection/XSS 방어
반응형PC(1280px+), Tablet(768px), Mobile(375px) 완전 대응
브라우저Chrome, Safari, Edge, Firefox 최신 2개 버전
접근성WAI-ARIA 기본 준수, 키보드 내비게이션

5. 기술 제약사항

  • 클라이언트가 기술 스택을 자유 제안으로 명시 — Next.js + NestJS + MySQL 조합 제안
  • 영문 번역은 제작 업체 수행 선호, 클라이언트 번역본 제공도 협의 가능
  • 기존 서비스 리뉴얼이므로 기존 도메인/호스팅 정보 확인 필요
  • AMR 24개 모델의 콘텐츠(텍스트/이미지) 제공 일정 조율 필요

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

  • 모바일 네이티브 앱 개발
  • 국문/영문 외 추가 언어 지원
  • 전자상거래(결제) 기능
  • 회원 가입/로그인 기능 (사용자 사이트)
  • 콘텐츠 원본(텍스트, 제품 이미지) 제작

일정 제안

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

전체 일정 요약

단계기간주요 산출물
Phase 1: 기획 및 설계Day 1~8요구사항 정의서, 화면 설계서, DB ERD, API 명세서
Phase 2: UI/UX 디자인Day 9~20디자인 시스템, Figma 디자인 원본 (36P + 관리자)
Phase 3: 개발Day 21~50사용자 사이트, 관리자 시스템, API, DB, 다국어
Phase 4: QA 및 배포Day 51~60테스트 리포트, 최종 배포, 소스 코드, 매뉴얼

상세 타임라인

PHASE 1

기획 및 설계

Day 1~8 (8일)

요구사항 상세 분석, 정보 구조(IA) 설계, 화면 설계서(와이어프레임) 작성, DB 스키마 설계, API 명세서 작성

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

PHASE 2

UI/UX 디자인

Day 9~20 (12일)

디자인 시스템 구축(컬러, 타이포그래피, 컴포넌트), 사용자 사이트 36P 디자인, 관리자 페이지 디자인, 반응형(Mobile) 디자인

  • 산출물: 디자인 시스템 가이드, Figma 디자인 원본 파일
  • 검수: 디자인 시안 확인 후 개발 착수

PHASE 3

개발 (FE + BE)

Day 21~50 (30일)

Next.js 기반 사용자 사이트 개발, NestJS + MySQL 기반 CMS API 구축, 관리자 시스템 개발, 다국어(국문/영문) 기능 구현, 유튜브 미디어 연동

  • 산출물: 사용자 사이트 (국문/영문), 관리자 시스템, API 서버
  • 중간 검수 (Day 35): 주요 페이지 개발 완료 확인

PHASE 4

QA 및 배포

Day 51~60 (10일)

크로스 브라우저 테스트, 반응형 테스트, 서버 배포 및 SSL 설정, 영문 사이트 최종 검수, 소스 코드 이관 및 관리자 매뉴얼 전달

  • 산출물: 테스트 리포트, 최종 배포, 소스 코드 전체, 관리자 매뉴얼

마일스톤 체크포인트

마일스톤시점검수 기준
M1: 설계 완료Day 8요구사항 정의서, 화면 설계서, ERD, API 명세서 승인
M2: 디자인 완료Day 20Figma 디자인 시안 최종 승인
M3: 중간 개발 검수Day 35주요 페이지 80% 개발 완료, 관리자 기본 기능 확인
M4: 개발 완료Day 50전체 기능 개발 완료, 내부 QA 시작
M5: 최종 납품Day 60최종 배포, 소스 코드 이관, 관리자 매뉴얼 전달

커뮤니케이션 계획

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

유사 프로젝트 경험

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

13+

완료 프로젝트

50+

페이지 구축 경험

KR/EN

다국어 구축 경험

7년+

개발 경력

B2B SaaS

EZ-Approve — 전자결재 SaaS 플랫폼

B2B SaaS / 기업용 관리 시스템 · 2026.01~2026.03 (9주)

프로젝트 개요

기업용 전자결재 및 업무 관리 올인원 SaaS 플랫폼입니다. 50+ 페이지 규모의 대형 웹 애플리케이션으로, 관리자 대시보드와 콘텐츠 관리 기능을 포함합니다.

핵심 기능

  • 50+ 페이지 규모의 대형 웹사이트 구축
  • 관리자 대시보드 및 콘텐츠 관리 시스템
  • 다국어(국문/영문) 지원
  • 리치 에디터 기반 콘텐츠 편집(170파일, 26 커스텀 노드)
  • 7종 사용자 역할 기반 RBAC 권한 관리

본 프로젝트와의 유사점

50+ 페이지 대규모 구축, 관리자 콘텐츠 관리 시스템(CMS), 다국어(국문/영문) 지원이 본 프로젝트의 핵심 요구사항과 정확히 일치합니다. 체계적인 관리자 시스템 구축 경험을 바탕으로 스마트 통합 관리자 시스템을 효율적으로 개발할 수 있습니다.

기술 스택

Next.js 13 NestJS 10 TypeScript MySQL MUI v5 Docker
B2B 포탈

Series-B — VC 펀드 관리 플랫폼

핀테크 / B2B SaaS · 2023.11~2024.12 (14개월)

프로젝트 개요

VC 업계를 위한 올인원 펀드 관리 SaaS 플랫폼입니다. 50+ 페이지, 22개 도메인 모듈로 구성된 대규모 B2B 웹 애플리케이션으로 다국어(국문/영문) 시스템을 포함합니다.

핵심 기능

  • 50+ 페이지, 22개 도메인 모듈 대규모 웹사이트
  • 다국어(국문/영문) 완전 지원
  • 통합 관리자 시스템 및 콘텐츠 관리
  • 80+ 데이터 엔티티, 200-300+ API 엔드포인트
  • 5계층 보안 시스템

본 프로젝트와의 유사점

대규모 B2B 웹사이트(50+ 페이지), 다국어(국문/영문) 통합 관리, 체계적인 콘텐츠 관리 시스템(CMS) 구축 경험이 본 프로젝트의 글로벌 홈페이지 + 관리자 시스템 요구사항과 높은 유사도를 보입니다.

기술 스택

Next.js 13 NestJS 10 TypeScript MySQL AWS
B2B 관리 시스템

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

B2B SaaS / 헬스케어 · 2025 (약 6개월)

프로젝트 개요

노인 주간보호센터를 위한 통합 관리 플랫폼입니다. 133K+ LOC, 140+ API 엔드포인트 규모로, 다국어(국문/영문) 지원과 6 플랫폼(웹, 앱) 반응형 대응을 포함합니다.

핵심 기능

  • 다국어(국문/영문) 통합 관리 (2,532 번역 키)
  • 140+ API 엔드포인트, 반응형 웹
  • 콘텐츠 관리 시스템 (케어 로그, 일정, 사진 등)
  • 서버/DB/인프라 구성 (AWS CDK, Docker)
  • 멀티테넌트 아키텍처

본 프로젝트와의 유사점

다국어(국문/영문) 통합 관리 시스템, 반응형 웹, 콘텐츠 관리 기능, 서버/DB/인프라 풀스택 구성이 본 프로젝트의 핵심 요구사항과 일치합니다. 특히 2,532개 번역 키를 관리한 다국어 노하우가 영문 사이트 구축에 직접 활용됩니다.

기술 스택

Next.js 13 NestJS 10 TypeScript MySQL AWS CDK Docker

함께 만들어 가겠습니다

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