유사한 매칭/네트워킹 앱(Connectin) 및 B2C 모바일 앱(Fortune App, Calendar Share)의 기획~디자인 수행 경험을 바탕으로 다음과 같은 차별화된 접근을 제안합니다:
벤치마킹 기반 UX 설계 — 틴더(카드 스와이프), 위피(커뮤니티), 골드스푼(프리미엄 매칭), 알파스테이트(프로필 중심) 각 서비스의 핵심 UX 패턴을 분석하여 최적의 사용자 경험 도출
체계적인 디자인 시스템 — 컴포넌트, 색상, 타이포그래피, 아이콘 등을 체계적으로 정리한 디자인 시스템 구축으로 향후 개발 효율성 극대화
크로스플랫폼 일관성 — Android/iOS 양 플랫폼의 디자인 가이드라인(Material Design, HIG)을 고려한 일관된 UI 설계
단계별 산출물 공유 — 기획 → 와이어프레임 → UI 디자인 → 스타일 가이드 순으로 단계별 검수 진행
사용 기술 및 툴
디자인 도구
FigmaAuto LayoutComponentsVariablesPrototype
협업 및 커뮤니케이션
Slack / 카카오톡ZoomNotionFigJam
견적서
본 견적서는 프로젝트 요구사항 분석을 기반으로 산출되었습니다.
견적 요약
항목
내용
프로젝트명
모바일 소개팅/매칭 앱 UI/UX 디자인
제안 금액
1,800,000원 (VAT 별도)
제안 기간
30일
견적 유효기간
제안일로부터 30일
상세 견적 내역
구분
항목
수량
단가
금액
기획
요구사항 정의, 기능 정의, IA, 와이어프레임
1식
-
350,000원
UI/UX 디자인
주요 화면 UI 디자인 (25+ 화면, Android/iOS)
1식
-
1,100,000원
디자인 시스템
컴포넌트 및 스타일 가이드
1식
-
200,000원
검수
피드백 반영 및 최종 납품
1식
-
150,000원
합계 (VAT 별도)
1,800,000원
산정 근거
유사 매칭/소셜 앱 디자인 수행 경험(Connectin, Calendar Share 등)과 요구 기능 범위(5개 핵심 모듈, 25+ 화면)를 기반으로 산정하였습니다. 기획 단계에서의 IA 설계 및 와이어프레임 작업을 포함하며, 벤치마킹 대상(틴더, 위피, 골드스푼, 알파스테이트) 분석을 통한 효율적인 디자인 진행이 가능합니다.
포함 사항
Figma 디자인 파일 전체 이관 (편집 권한 포함)
요구사항 정의서, 기능 정의서, IA(정보 구조도)
주요 화면 UI 디자인 (25+ 화면)
컴포넌트 및 스타일 가이드
인터랙티브 프로토타입 (주요 플로우)
납품 후 1회 수정 반영
불포함 사항
프론트엔드/백엔드 개발
로고/브랜드 아이덴티티 디자인 (별도 협의)
앱 스토어 등록용 스크린샷/배너
일러스트레이션/커스텀 아이콘 제작 (대량)
납품 후 추가 수정 (별도 협의)
공수계산서
기능별 기획/디자인 공수(Man-Day)를 산출하여 일정과 비용의 근거를 제시합니다.
공수 요약
구분
공수 (M/D)
비율
기획/설계
4 M/D
25%
UI/UX 디자인
9.5 M/D
59%
컴포넌트/스타일 가이드
1.5 M/D
10%
검수/수정
1 M/D
6%
합계
16 M/D
100%
기능별 상세 공수
기능
세부 작업
담당
공수 (M/D)
기획/설계
요구사항 정의서
기획
1
기능 정의서
기획
0.5
정보 구조도(IA)
기획
0.5
와이어프레임 (전체 화면)
기획
2
회원가입/로그인
온보딩, 스플래시
디자인
0.5
회원가입 플로우, 로그인 화면
디자인
1
프로필 관리
프로필 등록 (사진, 기본정보, 관심사)
디자인
1.5
프로필 편집, 상세 조회
디자인
0.5
사용자 탐색
카드 스와이프 UI, 상세 보기
디자인
1.5
필터/검색 설정
디자인
0.5
매칭 기능
관심 표현 UI (좋아요/패스)
디자인
0.5
매칭 결과 화면, 매칭 목록
디자인
1
채팅/메시지
채팅 목록, 대화방 UI
디자인
1
메시지 입력, 읽음 확인
디자인
0.5
기타 화면
설정, 알림, 마이페이지, 신고/차단
디자인
1
스타일 가이드
컴포넌트, 색상, 타이포, 아이콘 정리
디자인
1.5
검수/수정
클라이언트 피드백 반영, 최종 정리
디자인
1
산정 기준
1 M/D = 8시간 기준 (1인 1일 작업량)
주 5일 근무 기준
버퍼 10~15% 포함
유사 매칭/소셜 앱 디자인 수행 경험 기반 효율적 진행
PRD (Product Requirements Document)
프로젝트 요구사항을 정의하고 기획/디자인 범위를 명확히 합니다.
1. 프로젝트 배경 및 목적
모바일 기반의 소개팅/매칭 서비스를 준비하고 있으며, 사용자가 자신의 프로필을 등록하고 서로 관심 있는 상대를 발견하여 연결될 수 있는 서비스입니다. 직관적이고 사용성이 좋은 UI/UX를 목표로 하며, 틴더/위피/골드스푼/알파스테이트를 벤치마킹 대상으로 합니다.
본 프로젝트의 범위는 상세 기획(IA)과 Figma UI/UX 디자인이며, 개발은 별도 진행 예정입니다.
2. 사용자 정의
사용자 유형
설명
주요 기능
일반 사용자
소개팅/매칭 서비스를 이용하는 개인 사용자
회원가입, 프로필 등록, 사용자 탐색, 매칭, 채팅
관리자
서비스 운영 및 관리 담당자
사용자 관리, 신고 관리, 서비스 설정 (범위 협의 필요)
3. 기능 요구사항
3.1 회원가입 및 로그인
[필수] 소셜 로그인 (카카오, Google, Apple)
[필수] 본인 인증 (휴대폰 번호)
[필수] 이용 약관 및 개인정보 처리방침 동의
[필수] 온보딩 플로우 (서비스 소개)
3.2 프로필 관리
[필수] 프로필 사진 등록 (최소 1장, 최대 6장)
[필수] 기본 정보 입력 (닉네임, 나이, 성별, 키, 직업 등)
[필수] 자기소개 작성
[필수] 관심사/취미 태그 선택
[선택] 이상형 조건 설정 (나이, 거리, 키 등)
3.3 사용자 탐색
[필수] 카드형 프로필 탐색 (좌/우 스와이프)
[필수] 프로필 상세 보기 (탭하여 확대)
[필수] 필터 설정 (거리, 나이, 성별 등)
[선택] 프로필 신고/차단
3.4 매칭 기능
[필수] 좋아요/패스 관심 표현 (스와이프 또는 버튼)
[필수] 상호 관심 확인 시 매칭 성사 알림
[필수] 매칭 목록 관리 (매칭된 사용자 리스트)
[선택] 슈퍼라이크 기능
3.5 커뮤니케이션
[필수] 1:1 텍스트 채팅
[필수] 채팅 목록 (최근 대화 순)
[필수] 읽음 확인 표시
[선택] 이미지 전송
[선택] 채팅방 나가기/삭제
4. 비기능 요구사항
항목
요구사항
접근성
최소 터치 영역 44x44dp, 충분한 색상 대비(WCAG 2.1 AA)
반응형
Android/iOS 양 플랫폼 일관된 UX
일관성
디자인 시스템 기반 컴포넌트 재사용
가독성
최소 16px 본문 텍스트, 적절한 행간
성능 고려
이미지 최적화 가이드, 로딩 상태 디자인 포함
5. 기술 제약사항
Figma 기반 작업 (다른 디자인 도구 사용 불가)
Android + iOS 양 플랫폼을 고려한 디자인 (Material Design 3, Human Interface Guidelines 참고)
벤치마킹 대상: 틴더, 위피, 골드스푼, 알파스테이트
직관적이고 사용하기 쉬운 모바일 앱 디자인 지향
6. 범위 외 사항 (Out of Scope)
프론트엔드/백엔드 개발
서버 구축 및 배포
로고/브랜드 아이덴티티 디자인 (별도 협의)
앱 스토어 등록용 스크린샷/배너
관리자 페이지 디자인 (별도 협의)
일정 제안
총 30일 기준 단계별 마일스톤 및 산출물을 제안합니다.
전체 일정 요약
단계
기간
주요 산출물
Phase 1: 기획/설계
Day 1–8
요구사항 정의서, 기능 정의서, IA, 와이어프레임
Phase 2: UI 디자인
Day 9–24
주요 화면 UI 디자인 (25+ 화면)
Phase 3: 마무리
Day 25–30
컴포넌트/스타일 가이드, 프로토타입, 최종 납품
상세 타임라인
PHASE 1
기획 및 설계
Day 1–8 (8일)
벤치마킹 분석(틴더, 위피, 골드스푼, 알파스테이트), 요구사항 정의, 기능 정의, 정보 구조도(IA), 와이어프레임 작성
산출물: 요구사항 정의서, 기능 정의서, IA 문서, 와이어프레임 (Figma)
M1 검수: 와이어프레임 승인 후 Phase 2 착수
PHASE 2
UI/UX 디자인
Day 9–24 (16일)
디자인 시스템 설정(색상, 타이포, 그리드), 핵심 화면 우선 디자인(회원가입, 탐색, 매칭), 전체 화면 디자인, 중간 검수