프로젝트 제안서

프로젝트 제안서

모바일 소개팅/매칭 앱 UI/UX 디자인

틴더, 위피, 골드스푼 등 주요 매칭 서비스를 벤치마킹하여, 직관적이고 사용성 높은 소개팅/매칭 앱의 상세 기획(IA)부터 Figma UI/UX 디자인, 컴포넌트 시스템까지 원스톱으로 제안합니다.

1,800,000원 30일 디자인 / 모바일 앱 원본 공고

25+

디자인 화면

5

핵심 기능 모듈

2

지원 플랫폼

30일

납품 기간

함께 만들어 가겠습니다

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

프로젝트 소개

틴더, 위피, 골드스푼, 알파스테이트를 벤치마킹하여 직관적이고 사용성 높은 소개팅/매칭 앱의 상세 기획(IA)부터 Figma UI/UX 디자인, 컴포넌트 시스템까지 원스톱으로 제안합니다.

프로젝트 개요

항목내용
프로젝트명모바일 소개팅/매칭 앱 UI/UX 디자인
카테고리디자인 / 안드로이드·iOS / 중개·매칭 플랫폼
제안 금액1,800,000원 (VAT 별도)
제안 기간30일
핵심 기술Figma, 디자인 시스템, 모바일 UI/UX

핵심 요구사항 분석

  • 상세 기획 — 요구사항 정의, 기능 정의, 화면 설계(IA) 수행
  • 회원가입 및 로그인 — 서비스 이용을 위한 기본 인증 플로우 디자인
  • 프로필 관리 — 사용자 프로필 정보 등록/수정 화면 디자인
  • 사용자 탐색 — 카드 스와이프 기반 프로필 탐색 UI (틴더 스타일 벤치마킹)
  • 매칭 기능 — 관심 표현 및 상호 매칭 성사/결과 확인 디자인
  • 커뮤니케이션 — 매칭 후 1:1 메시지/채팅 화면 디자인
  • 산출물 — Figma 디자인 파일, 주요 화면 UI, 컴포넌트 및 스타일 가이드

제안 포인트

유사한 매칭/네트워킹 앱(Connectin) 및 B2C 모바일 앱(Fortune App, Calendar Share)의 기획~디자인 수행 경험을 바탕으로 다음과 같은 차별화된 접근을 제안합니다:

  • 벤치마킹 기반 UX 설계 — 틴더(카드 스와이프), 위피(커뮤니티), 골드스푼(프리미엄 매칭), 알파스테이트(프로필 중심) 각 서비스의 핵심 UX 패턴을 분석하여 최적의 사용자 경험 도출
  • 체계적인 디자인 시스템 — 컴포넌트, 색상, 타이포그래피, 아이콘 등을 체계적으로 정리한 디자인 시스템 구축으로 향후 개발 효율성 극대화
  • 크로스플랫폼 일관성 — Android/iOS 양 플랫폼의 디자인 가이드라인(Material Design, HIG)을 고려한 일관된 UI 설계
  • 단계별 산출물 공유 — 기획 → 와이어프레임 → UI 디자인 → 스타일 가이드 순으로 단계별 검수 진행

사용 기술 및 툴

디자인 도구

Figma Auto Layout Components Variables Prototype

협업 및 커뮤니케이션

Slack / 카카오톡 Zoom Notion FigJam

견적서

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

견적 요약

항목내용
프로젝트명모바일 소개팅/매칭 앱 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/D25%
UI/UX 디자인9.5 M/D59%
컴포넌트/스타일 가이드1.5 M/D10%
검수/수정1 M/D6%
합계16 M/D100%

기능별 상세 공수

기능세부 작업담당공수 (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일)

디자인 시스템 설정(색상, 타이포, 그리드), 핵심 화면 우선 디자인(회원가입, 탐색, 매칭), 전체 화면 디자인, 중간 검수

  • Day 9–12: 디자인 시스템 + 핵심 화면 3~5개
  • Day 13–16: 중간 검수 및 피드백 반영
  • Day 17–24: 전체 화면 디자인 완성
  • 산출물: 주요 화면 UI 디자인 (25+ 화면)

PHASE 3

마무리 및 납품

Day 25–30 (6일)

컴포넌트 정리, 스타일 가이드 완성, 인터랙티브 프로토타입, 최종 피드백 반영, 산출물 납품

  • 산출물: 컴포넌트/스타일 가이드, 인터랙티브 프로토타입, Figma 파일 전달

마일스톤 체크포인트

마일스톤시점검수 기준
M1: 기획 완료Day 8IA, 와이어프레임 승인
M2: 핵심 화면 검수Day 16핵심 화면 3~5개 디자인 피드백
M3: 최종 납품Day 30전체 Figma 파일, 스타일 가이드 납품

커뮤니케이션 계획

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

유사 프로젝트 경험

본 프로젝트와 유사한 매칭/소셜/모바일 앱 수행 경험을 소개합니다.

9

유사 프로젝트

6+

모바일 앱

4+

매칭/소셜 서비스

7년+

IT 프로젝트 경험

매칭/네트워킹 플랫폼

Connectin — 디지털 명함 & 네트워킹 플랫폼

B2B 네트워킹 · 2025.05–2025.08 (3개월)

프로젝트 개요

BLE 근거리 탐색, OCR 명함 스캐닝, E2E 암호화 메시징을 결합한 디지털 명함 & 프로페셔널 네트워킹 플랫폼. Flutter 크로스플랫폼(iOS, Android, Web) 동시 지원.

핵심 기능

  • 프로필 기반 사용자 탐색 (BLE + GPS 근거리 발견)
  • 매칭/네트워킹 연결 및 관심 표현
  • 실시간 1:1 메시징 (Signal Protocol E2E 암호화)

본 프로젝트와의 유사점

  • 프로필 기반 매칭/탐색 UX — 프로필 등록 → 탐색 → 관심 표현 → 매칭 → 채팅이라는 소개팅 앱과 동일한 핵심 UX 플로우를 설계·구현한 경험
  • 1:1 실시간 채팅 — 매칭 후 대화로 이어지는 커뮤니케이션 UX 설계 경험

기술 스택

Flutter Dart Next.js Express PostgreSQL Figma
B2C 모바일 앱

Fortune App — 사주 기반 운세 앱

B2C 앱 / 라이프스타일 · 2024.07–2024.09 (3개월)

프로젝트 개요

사주(四柱) 기반 맞춤형 운세, 행운의 번호, 궁합 추천 모바일 앱. 기획부터 Figma 디자인, Flutter 개발까지 3개월 내 풀패키지 딜리버리.

핵심 기능

  • 기획~Figma UI/UX 디자인~개발 풀패키지 수행
  • 궁합 분석 (매칭/호환성 개념)
  • 소셜 로그인, 포인트/리워드 시스템

본 프로젝트와의 유사점

  • 기획~Figma 디자인 풀패키지 — 본 프로젝트와 동일한 기획+디자인 범위를 3개월 내 수행한 경험
  • 궁합 분석(매칭 개념) — 사용자 프로필 기반 호환성 결과 제공이라는 소개팅 앱과 유사한 UX 패턴

기술 스택

Flutter Figma Firebase BLoC Node.js
소셜 앱

Calendar Share — 소셜 캘린더 공유 플랫폼

B2C 소셜 앱 · 2025.01 (MVP)

프로젝트 개요

소셜 피드와 캘린더 일정을 통합한 크로스플랫폼 모바일 앱. 좋아요 = 일정 추가, QR 기반 소셜 디스커버리 등 혁신적 UX 설계.

핵심 기능

  • 소셜 피드 + 캘린더 융합 UX
  • QR 기반 오프라인→온라인 연결 (프로필 팔로우)
  • 1:1 실시간 채팅, 45+ 화면

본 프로젝트와의 유사점

  • 소셜 디스커버리 — 사용자 탐색/발견, 프로필 기반 연결이라는 소개팅 앱과 동일한 핵심 UX
  • 대규모 모바일 앱 디자인 — 45+개 화면의 모바일 앱을 기획~디자인한 경험으로 유사 규모 대응 가능

기술 스택

Flutter Firebase Supabase Figma
B2C 앱 / 피트니스

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

B2B2C 앱 · 2019.09–2019.12 (4개월)

프로젝트 개요

필라테스 센터의 예약·결제·회원관리·매출분석을 통합하는 올인원 관리 플랫폼. React Native로 Android/iOS/Web 3개 플랫폼 4개월 동시 출시.

핵심 기능

  • React Native 기반 iOS/Android/Web 3-플랫폼 동시 출시
  • 8개 기능 모듈 (예약, 결제, CRM, 커뮤니티, 채팅)
  • 강사-회원 실시간 채팅 (WebSocket)

본 프로젝트와의 유사점

  • 커뮤니티 + 채팅 UX — 강사-회원 소셜 플랫폼에서 1:1 채팅, 그룹 커뮤니티를 설계한 경험이 소개팅 앱 채팅 UI에 활용 가능
  • 크로스플랫폼 모바일 앱 — Android/iOS 동시 출시 경험으로 양 플랫폼 일관된 디자인 가이드라인 적용 가능

기술 스택

React Native React Node.js WebSocket
B2C 앱 / 게이미피케이션

DayStarter — Sleep-to-Earn 게이미피케이션 앱

자체 프로덕트 · 2022.06~현재 (3년+ 운영)

프로젝트 개요

센서 기반 수면 인증 + 게이미피케이션 + 토큰 이코노미를 결합한 알람 앱. 48개 화면, Spine 2D 캐릭터, 루트박스, 퀘스트, 리그 랭킹 등 모바일 게임 수준의 리텐션 메커니즘 구현.

핵심 기능

  • 48개 모바일 화면, Spine 2D 스켈레톤 애니메이션
  • 프로필 기반 사용자 관리 및 소셜 기능
  • 푸시 알림, 센서 연동, AdMob 광고

본 프로젝트와의 유사점

  • 대규모 모바일 앱 UX — 48개 화면의 모바일 앱을 기획~디자인~개발한 경험으로 25+ 화면 규모의 소개팅 앱에 충분한 설계 역량
  • 사용자 프로필 시스템 — 사용자 등록/인증/프로필 관리 UX 패턴을 소개팅 앱에 재활용 가능

기술 스택

Flutter NestJS PostgreSQL Firebase Spine 2D
B2B SaaS / 헬스케어

하모니 링크 — 노인 주간보호센터 통합 관리 플랫폼

헬스케어 B2B SaaS · ~6개월

프로젝트 개요

노인 주간보호센터의 돌봄 기록, 투약 관리, 보호자 소통, AI 건강분석을 통합한 멀티플랫폼 관리 시스템. 6개 플랫폼(Android, iOS, Web 등) 대응.

핵심 기능

  • 6개 플랫폼 대응 반응형·적응형 디자인
  • 2,532 다국어 키 — 체계적 디자인 토큰 시스템
  • 133,000+ LOC, 140+ API 엔드포인트

본 프로젝트와의 유사점

  • 멀티플랫폼 UI 설계 — Android/iOS를 동시 고려한 크로스플랫폼 디자인 경험이 소개팅 앱의 양 플랫폼 일관성 확보에 활용 가능
  • 디자인 시스템 구축 — 대규모 디자인 토큰 시스템 경험으로 컴포넌트/스타일 가이드 체계적 구축 가능

기술 스택

Flutter NestJS Next.js AWS CDK Figma
B2B SaaS / 전자결재

EZ-Approve — 전자결재 · 업무 관리 올인원 플랫폼

B2B SaaS · 2026.01–2026.03 (9주)

프로젝트 개요

한국 기업의 결재·문서 프로세스를 디지털화하는 업무 자동화 SaaS 플랫폼. 50+ 페이지 규모의 대규모 UI 디자인과 디자인 시스템 구축.

핵심 기능

  • 7종 사용자 역할별 대시보드 UI
  • MUI v5 컴포넌트 디자인 시스템
  • 2,764 파일, 504 PR / 9주

본 프로젝트와의 유사점

  • 대규모 디자인 시스템 — 50+ 페이지 규모의 체계적인 컴포넌트 시스템 구축 경험으로 소개팅 앱의 디자인 시스템/스타일 가이드 작업에 활용 가능

기술 스택

Next.js MUI v5 NestJS TypeORM Figma
게임 / 텔레그램

Casual Game — 텔레그램 미니앱 캐주얼 게임

게임 · ~7개월

프로젝트 개요

텔레그램 사용자를 대상으로 한 캐주얼 아케이드 게임 + 레퍼럴 시스템 + 암호화폐 지갑을 결합한 미니앱 플랫폼. Phaser.js 게임 엔진 기반 인터랙티브 UI.

핵심 기능

  • Phaser.js 기반 인터랙티브 UI/애니메이션
  • 리더보드, 포인트 시스템, 캐릭터 선택
  • 2단계 레퍼럴 바이럴 시스템

본 프로젝트와의 유사점

  • 인터랙티브 UI 디자인 — 캐릭터 선택, 스프라이트 애니메이션 등 인터랙티브한 UI 설계 경험이 카드 스와이프, 매칭 애니메이션 등의 소개팅 앱 UX에 활용 가능

기술 스택

Phaser.js NestJS React ethers.js
핀테크 / VC

Series B — 투자조합 관리 올인원 플랫폼

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

프로젝트 개요

한국 벤처캐피탈 업계를 위한 펀드 라이프사이클 관리 + AI 투자심사보고서 생성 올인원 SaaS 플랫폼. 50+ 페이지, 80+ 엔티티, 1,652 PR.

핵심 기능

  • 50+ 페이지 대규모 UI, MUI v5 디자인 시스템
  • Lexical 실시간 공동편집 문서 에디터
  • 다중 사용자 역할별 대시보드

본 프로젝트와의 유사점

  • 대규모 UI/UX 디자인 — 50+ 페이지 규모의 대시보드 UI를 설계한 경험으로 체계적인 정보 구조(IA) 설계 역량 검증

기술 스택

Next.js MUI v5 NestJS Lexical AWS

함께 만들어 가겠습니다

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