프로젝트 제안서

프로젝트 제안서

사업 관리 업무용 시스템 UI 디자인

해외 사업 확장에 따른 사업현황 관리 시스템의 UI 디자인을 제안합니다. 제공되는 화면 설계서와 디자인 가이드를 기반으로 Figma 컴포넌트 중심의 체계적인 UI 디자인을 40~50P 규모로 완성합니다.

3,600,000원 (VAT 별도) 40일 UI 디자인 · PC Web 원본 공고
소개

프로젝트 소개

프로젝트 분석, 핵심 요구사항 정리, 제안 포인트
비용

견적서

디자인 / 디자인+퍼블리싱 항목별 비용 산출
공수

공수계산서

기능별 디자인 공수(M/D) 산출 내역
기획

PRD

디자인 요구사항 정의, 화면 구성, 컴포넌트 전략
일정

일정 제안

단계별 마일스톤 및 산출물 일정표
경험

유사 프로젝트 경험

유사 프로젝트 수행 경험 및 디자인 역량

40~50P

디자인 페이지 수

Figma

디자인 툴

10+

완료 프로젝트

PC Web

지원 플랫폼

함께 만들어 가겠습니다

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

프로젝트 소개

해외 사업 확장에 따른 사업현황 관리 시스템의 UI 디자인을 제안합니다. 화면 설계서와 디자인 가이드를 기반으로 컴포넌트 중심의 체계적인 Figma 디자인을 완성합니다.

프로젝트 개요

항목내용
프로젝트명사업 관리 업무용 시스템 UI 디자인
카테고리UI 디자인 · PC Web · 내부 시스템
제안 금액3,600,000원 (VAT 별도)
제안 기간40일
핵심 도구Figma (Auto Layout, Variants, Variables)
화면 수40~50P (팝업, 모달 포함)

핵심 요구사항 분석

  • 디자인 가이드 준수 — 귀사 디자인팀/퍼블리싱팀에서 제공하는 디자인 가이드에 맞춰 작업
  • 디자인 시스템 기반 작업 — 제공되는 디자인 시스템을 활용한 일관된 컴포넌트 설계
  • 화면 설계서 기반 — 와이어프레임/스토리보드 기반으로 시각적 완성도를 높이는 UI 디자인
  • PC Web 전용 — 데스크톱 해상도에 최적화된 레이아웃
  • 사업현황 관리 기능 — 로그인/회원가입, 권한관리, 사업현황, 예산관리, 정보게시판, 관리 기능
  • 복잡한 데이터 테이블/그리드 — 대용량 테이블, 그리드 형태 UI 설계

제안 포인트

다수의 기업용 관리 시스템(50+ 페이지 규모) UI 디자인 및 Figma 컴포넌트 시스템 구축 경험을 보유하고 있습니다.

  • 대규모 관리 시스템 디자인 경험 — 전자결재 플랫폼(50+ 페이지), VC 펀드 관리 시스템(50+ 페이지), 시니어 케어 관리 플랫폼 등 유사 규모의 B2B 관리 시스템 디자인 경험 다수
  • Figma 고급 기능 활용 — Auto Layout, Variants, Variables를 활용한 체계적인 컴포넌트 관리, 재사용 가능한 디자인 시스템 구축
  • 데이터 중심 UI 설계 역량 — 예산관리, 사업현황 대시보드, 대용량 테이블 등 복잡한 데이터 시각화 경험
  • 퍼블리싱 가능 — HTML, CSS, JavaScript를 활용한 웹 표준/접근성 준수 마크업 가능 (별도 계약 시)

사용 도구

디자인

Figma Auto Layout Variants Variables Component System

퍼블리싱 (별도 계약 시)

HTML5 CSS3 JavaScript 웹 표준/접근성

협업 및 커뮤니케이션

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

견적서

본 견적서는 프로젝트 요구사항 분석을 기반으로 산출되었습니다. 디자인만 / 디자인+퍼블리싱 두 가지 옵션을 제시합니다.

Option A: 디자인만 진행

항목내용
프로젝트명사업 관리 업무용 시스템 UI 디자인
제안 금액3,600,000원 (VAT 별도)
제안 기간40일
견적 유효기간제안일로부터 30일
구분항목수량금액
분석/셋업디자인 가이드 분석 및 디자인 시스템 셋업1식400,000원
UI 디자인주요 화면 디자인 (로그인, 대시보드, 권한관리, 사업현황, 예산관리, 게시판 등)35~40P2,400,000원
UI 디자인팝업/모달 디자인10~15P500,000원
정리/핸드오프디자인 QA, 컴포넌트 정리, 핸드오프 문서1식300,000원
합계 (VAT 별도)3,600,000원

Option B: 디자인 + 퍼블리싱

구분항목수량금액
분석/셋업디자인 가이드 분석 및 디자인 시스템 셋업1식400,000원
UI 디자인주요 화면 디자인35~40P2,400,000원
UI 디자인팝업/모달 디자인10~15P500,000원
정리/핸드오프디자인 QA, 컴포넌트 정리1식300,000원
퍼블리싱HTML/CSS/JS 마크업 (웹 표준, 크로스 브라우징)40~50P3,000,000원
퍼블리싱 QA크로스 브라우징 테스트, 접근성 검수1식400,000원
합계 (VAT 별도)7,000,000원

* 디자인+퍼블리싱 진행 시 예상 기간: 70일

산정 근거

  • 40~50P 규모의 PC Web 내부 시스템 UI 디자인 기준
  • 화면 설계서, 디자인 가이드, 디자인 시스템이 제공되므로 기획 단계 부담 최소화
  • 유사 규모(50+ 페이지) 기업용 관리 시스템 디자인 경험 다수 보유
  • 대용량 테이블, 그리드 형태 UI의 복잡도 반영

포함 사항

  • Figma 디자인 원본 파일 이관
  • 컴포넌트 라이브러리 정리 및 핸드오프
  • 피드백 2회 반영 (전체 수정 기준)
  • 디자인 가이드 기반 일관성 검수

불포함 사항

  • Figma 유료 플랜 비용
  • 아이콘/일러스트 원본 제작 (라이선스 프리 에셋 활용 가능)
  • 3회 이상의 전면 디자인 수정
  • 퍼블리싱 (별도 계약 시 Option B 적용)

공수계산서

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

공수 요약 (Option A: 디자인만)

구분공수 (M/D)비율
분석/셋업3 M/D10%
UI 디자인 (주요 화면)20 M/D63%
UI 디자인 (팝업/모달)5 M/D16%
QA/정리/핸드오프2 M/D6%
커뮤니케이션/피드백 반영2 M/D6%
합계32 M/D100%

기능별 상세 공수

기능 영역세부 작업페이지 수공수 (M/D)
분석/셋업디자인 가이드 분석, 디자인 시스템 파악-1.5
Figma 프로젝트 구조 셋업, 컴포넌트 기초 구성-1.5
로그인/회원가입로그인, 회원가입, 비밀번호 찾기 화면3~4P1.5
관련 모달/알림1~2P0.5
권한관리사용자 목록, 역할 관리, 권한 설정 화면3~4P2
관련 모달/팝업1~2P0.5
사업현황 관리사업 목록, 상세, 등록/수정, 현황 대시보드8~10P6
관련 모달/팝업2~3P1
예산관리예산 목록, 상세, 등록/수정, 집행 현황6~8P5
관련 모달/팝업2~3P1
정보게시판게시판 목록, 상세, 작성/수정3~4P2
관련 모달1P0.5
관리 기능시스템 설정, 코드 관리, 공통 관리4~5P3
관련 모달/팝업1~2P0.5
GNB/LNB/공통글로벌 내비게이션, 사이드바, 공통 레이아웃-1.5
QA/핸드오프디자인 QA, 컴포넌트 정리, 스타일 가이드 문서-2
커뮤니케이션피드백 반영, 미팅, 수정 대응-2

산정 기준

  • 1 M/D = 8시간 기준 (1인 1일 작업량)
  • 주 5일 근무 기준
  • 버퍼 10~15% 포함
  • 화면 설계서/디자인 가이드/디자인 시스템 제공 전제
  • 유사 프로젝트 수행 경험 기반 효율적 설계

PRD (디자인 요구사항 정의서)

UI 디자인 범위와 요구사항을 정의하고 화면 구성을 명확히 합니다.

1. 프로젝트 배경 및 목적

해외 사업 확장을 계기로 사업진행 현황을 관리하고 공유할 수 있는 웹 사이트를 개발 중이며, 해당 개발에 필요한 UI 디자인이 필요합니다. 귀사 디자인팀/퍼블리싱팀에서 제공하는 디자인 가이드에 맞춰 작업할 수 있는 UI 디자인 전문 인력이 요구됩니다.

2. 디자인 범위

화면 영역설명예상 페이지 수
로그인/회원가입사용자 인증 관련 화면3~4P
권한관리사용자 역할, 권한 설정4~6P
사업현황 관리사업 목록, 상세, 등록/수정, 대시보드10~13P
예산관리예산 목록, 상세, 등록/수정, 집행 현황8~11P
정보게시판게시판 목록, 상세, 작성/수정4~5P
관리 기능시스템 설정, 코드 관리5~7P
공통GNB, LNB, 에러 페이지2~3P
총계40~50P

3. 디자인 요구사항

3.1 컴포넌트 시스템

  • [필수] 제공되는 디자인 시스템/가이드를 기반으로 일관된 컴포넌트 설계
  • [필수] Auto Layout 기반 반응형 컴포넌트 구성
  • [필수] Variants를 활용한 컴포넌트 상태 관리 (Default, Hover, Active, Disabled 등)
  • [선호] Variables를 활용한 테마/색상 체계 관리

3.2 레이아웃

  • [필수] PC Web 전용 (1280px~1920px 기준)
  • [필수] 좌측 사이드 내비게이션 + 상단 헤더 레이아웃 (일반적 관리 시스템 패턴)
  • [필수] 대용량 테이블, 그리드 형태의 데이터 표시 UI

3.3 데이터 시각화

  • [필수] 사업현황 대시보드 — 차트, KPI 카드, 진행 상태 표시
  • [필수] 예산 집행 현황 — 테이블, 요약 통계
  • [선호] 필터, 정렬, 페이지네이션 패턴

4. 비기능 요구사항

항목요구사항
디자인 도구Figma 필수
해상도PC Web 전용 (1280px ~ 1920px)
접근성WCAG 2.1 AA 기본 준수 (색상 대비, 텍스트 크기)
산출물Figma 디자인 원본
컴포넌트Auto Layout, Variants, Variables 활용

5. 제약사항

  • 화면 설계서(와이어프레임/스토리보드) 기반 작업 — 자유 기획 아님
  • 귀사 디자인 가이드 및 디자인 시스템 준수 필수
  • 귀사 디자인/퍼블리싱팀과의 협업 필요

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

  • 모바일/태블릿 반응형 디자인
  • 기획/UX 리서치/사용성 테스트
  • 아이콘/일러스트 원본 제작
  • 프론트엔드 개발/퍼블리싱 (별도 계약 시 가능)

일정 제안

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

전체 일정 요약

단계기간주요 산출물
Phase 1: 분석 및 셋업Day 1~5디자인 가이드 분석, Figma 프로젝트 셋업, 컴포넌트 기초 구성
Phase 2: 핵심 화면 디자인Day 6~20로그인/회원가입, 사업현황 관리, 예산관리 화면
Phase 3: 부가 화면 디자인Day 21~30권한관리, 정보게시판, 관리 기능, 공통 화면
Phase 4: 팝업/모달 + QADay 31~37팝업/모달 디자인, 디자인 QA, 피드백 반영
Phase 5: 핸드오프Day 38~40컴포넌트 정리, 핸드오프 문서, 최종 납품

상세 타임라인

PHASE 1

분석 및 셋업

Day 1~5 (5일)

디자인 가이드 분석, 디자인 시스템 파악, Figma 프로젝트 구조 셋업, 기본 컴포넌트 구성

  • 산출물: Figma 프로젝트 셋업 완료, 기본 컴포넌트 라이브러리

PHASE 2

핵심 화면 디자인

Day 6~20 (15일)

로그인/회원가입, 사업현황 관리(목록/상세/등록/대시보드), 예산관리(목록/상세/등록/집행현황)

  • 산출물: 주요 화면 20~24P 디자인 완료
  • 중간 검수: Day 13에 1차 피드백 요청

PHASE 3

부가 화면 디자인

Day 21~30 (10일)

권한관리, 정보게시판, 관리 기능, GNB/LNB/공통 레이아웃

  • 산출물: 부가 화면 15~20P 디자인 완료

PHASE 4

팝업/모달 + QA

Day 31~37 (7일)

팝업/모달 디자인, 전체 디자인 QA, 피드백 반영

  • 산출물: 팝업/모달 디자인 완료, 2차 피드백 반영

PHASE 5

핸드오프

Day 38~40 (3일)

컴포넌트 최종 정리, 스타일 가이드 문서, Figma 파일 이관

  • 산출물: Figma 디자인 원본, 컴포넌트 가이드

마일스톤 체크포인트

마일스톤시점검수 기준
M1: 셋업 완료Day 5Figma 프로젝트 구조 및 기본 컴포넌트 확인
M2: 핵심 화면 1차 리뷰Day 13사업현황/예산관리 화면 디자인 1차 피드백
M3: 핵심 화면 완료Day 20주요 화면 디자인 승인
M4: 전체 화면 완료Day 30부가 화면 포함 전체 디자인 검수
M5: 최종 납품Day 40Figma 원본 이관, 핸드오프 문서 전달

커뮤니케이션 계획

항목방식주기
일일 진행 공유Slack / 카카오톡매일
주간 미팅Zoom / Google Meet주 1회
마일스톤 리뷰Figma Comment + 화면 공유단계 완료 시
피드백 수렴Figma Comment상시

유사 프로젝트 경험

본 프로젝트와 유사한 기능/규모의 기업용 관리 시스템 UI 디자인 수행 경험을 소개합니다.

40~50P

디자인 페이지 수

Figma

디자인 툴

10+

완료 프로젝트

PC Web

지원 플랫폼

B2B SaaS · 전자결재

기업용 전자결재 플랫폼

B2B SaaS · 2026 · 약 9주

프로젝트 개요

한국 기업의 복잡한 결재 워크플로우를 디지털화하는 올인원 전자결재 플랫폼입니다. 50+ 페이지 규모의 대시보드, 결재 관리, 문서 편집기, 사용자/권한 관리 화면을 Figma로 디자인하고 개발까지 수행했습니다.

핵심 기능

  • 다단계 전자결재 엔진 (8종 결재 액션) 관리 UI
  • 7 사용자 역할 기반 RBAC 권한관리 화면
  • 대시보드, 테이블, 필터, 정렬 등 데이터 중심 UI
  • 리치 에디터 기반 문서 작성 화면

본 프로젝트와의 유사점

50+ 페이지 규모의 기업용 관리 시스템 UI, 복잡한 권한관리 화면, 대용량 데이터 테이블/그리드 UI, Figma 컴포넌트 시스템 기반 설계

기술 스택

Figma MUI v5 Next.js NestJS
핀테크 · 펀드 관리

VC 펀드 관리 플랫폼

핀테크 · 2023~2024 · 14개월

프로젝트 개요

한국 VC의 펀드 라이프사이클을 관리하는 올인원 SaaS 플랫폼입니다. GP/LP/스타트업 포탈, 예산관리, 결재 워크플로우, 규제 보고 자동화 등 50+ 페이지 규모의 대규모 관리 시스템을 기획부터 개발까지 수행했습니다.

핵심 기능

  • 펀드/예산 관리 대시보드 — KPI 카드, 차트, 집행 현황 테이블
  • 결재 워크플로우 관리 UI
  • 규제 보고서 자동화 (5종 양식)
  • 사용자 역할별 포탈 (GP/LP/스타트업)

본 프로젝트와의 유사점

예산관리 UI, 사업현황 대시보드, 대용량 테이블/그리드, 복잡한 권한 체계, 50+ 페이지 규모 관리 시스템 — 본 프로젝트의 핵심 요구사항과 높은 유사성

기술 스택

Figma MUI v5 Next.js NestJS
B2B SaaS · 헬스케어

시니어 케어 관리 플랫폼

헬스케어 · 2025 · 약 6개월

프로젝트 개요

노인 주간보호센터 통합 관리 시스템으로, 관리자 웹 대시보드와 모바일 앱을 기획부터 개발까지 수행했습니다. 다중 역할(6개 역할) 기반의 관리 시스템 UI를 설계했습니다.

핵심 기능

  • 관리자 대시보드 — 시설/인원 현황, 케어 로그 관리
  • 6개 역할 기반 RBAC 권한관리
  • 투약/식단/일정 관리 화면
  • 멀티테넌트 아키텍처 (다시설 관리)

본 프로젝트와의 유사점

관리 시스템 대시보드, 다중 역할 권한관리, 업무 현황 관리 화면 — 내부 시스템 관리 UI 패턴이 유사

기술 스택

Figma MUI v5 Next.js Flutter

함께 만들어 가겠습니다

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