프로젝트 제안서

프로젝트 제안서

일렉기타 브랜드 상세페이지 리뉴얼

기존 기능 나열 위주의 상세페이지를 전환 중심 스토리라인으로 재설계하여, 입문자도 한눈에 이해할 수 있는 구조와 고품질 촬영 콘텐츠로 구매 전환율을 높이겠습니다.

2,700,000원 14일 디자인기획 / 상세페이지 원본 공고

10+

완료 프로젝트

7년+

기획/디자인 경험

100%

참여율

14일

납품 예정

함께 만들어 가겠습니다

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

프로젝트 소개

기존 기능 나열 위주의 상세페이지를 전환 중심 스토리라인으로 재설계하여, 입문자도 한눈에 이해할 수 있는 구조와 고품질 촬영 콘텐츠로 구매 전환율을 높이겠습니다.

프로젝트 개요

항목내용
프로젝트명일렉기타 브랜드 상세페이지 리뉴얼
카테고리디자인기획 / 랜딩·소개 페이지
제안 금액2,700,000원 (VAT 별도)
제안 기간14일
핵심 도구Figma, Adobe Photoshop, Adobe Illustrator, 촬영 장비
플랫폼카페24 (기존 운영 중)

핵심 요구사항 분석

  • 전환 중심 구조 설계 — 기존 기능 나열 → 고객 심리 흐름(히어로 → USP → 기능 → 비교 → 신뢰 → CTA) 기반 스토리라인 재설계
  • USP(차별점) 도출 — 일렉기타 브랜드의 고유 판매 제안을 명확히 정의하여 입문자에게도 직관적으로 전달
  • UI/UX 디자인 — 제품 기능 시각화, 경쟁 제품 비교표, 구매 유도 섹션 등 전체 상세페이지 디자인
  • 제품 촬영 — 상세페이지에 사용할 제품 사진 촬영 및 보정
  • 콘텐츠 정리 — 기존 제품 정보 재정리, 핵심 메시지 카피라이팅, 스마트 기능 설명 구조화
  • 산출물 — 웹 업로드용 최종 이미지 파일 + 수정 가능한 원본 파일 (PSD 또는 Figma)

제안 포인트

1. 전환 중심 상세페이지 설계 전문성

기능 나열이 아닌, 고객의 구매 심리 흐름에 맞춘 스토리라인 설계를 우선합니다. "왜 이 기타를 사야 하는가"라는 질문에 스크롤만으로 답이 되는 구조를 만들겠습니다.

2. 기획-디자인-촬영 원스톱 진행

기획, 디자인, 촬영을 한 팀에서 일관된 방향으로 진행하여 커뮤니케이션 비용을 최소화하고, 스토리라인과 비주얼이 유기적으로 연결된 결과물을 제공합니다.

3. 유사 프로젝트 리뉴얼 경험

기존 정보 나열 방식의 페이지를 전환 중심 구조로 재설계한 경험을 보유하고 있습니다. 투자 상품 상세 페이지, 소비자 앱 등에서 정보 계층화와 신뢰 요소 배치 노하우를 활용하겠습니다.

4. 입문자 관점 설계

공고에서 강조하신 "초보자도 이해하기 쉬운 구조"에 집중합니다. 전문 용어를 쉽게 풀어내고, 시각적 비교와 단계별 설명으로 입문자의 정보 탐색 부담을 줄이겠습니다.

사용 기술 및 툴

디자인/기획 도구

Figma Adobe Photoshop Adobe Illustrator 촬영 장비

협업 및 커뮤니케이션

Slack / 카카오톡 Zoom / Google Meet Notion

견적서

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

견적 요약

항목내용
프로젝트명일렉기타 브랜드 상세페이지 리뉴얼
제안 금액2,700,000원 (VAT 별도)
제안 기간14일
견적 유효기간제안일로부터 30일

상세 견적 내역

구분항목수량단가금액
기획스토리라인 구성, 전환 구조 설계, USP 도출, 와이어프레임1식-500,000원
디자인전체 상세페이지 UI/UX 디자인 (Figma), 기능 시각화, 비교표, CTA 섹션1식-1,200,000원
촬영제품 사진 촬영 및 이미지 보정1식-400,000원
콘텐츠카피라이팅, 제품 정보 재정리, 스마트 기능 설명 구조화1식-350,000원
수정/납품클라이언트 피드백 반영 (2회) 및 최종 파일 납품1식-250,000원
합계 (VAT 별도)2,700,000원

산정 근거

유사 프로젝트(상세페이지 리뉴얼) 수행 경험을 기반으로 작업 영역별 공수를 산출하고, 영역별 단가를 적용하여 견적을 산정하였습니다. 기획-디자인-촬영을 일관된 방향으로 진행하여 커뮤니케이션 비용을 절감하고, 효율적인 납품이 가능합니다.

포함 사항

  • 웹 업로드용 최종 이미지 파일 (JPG/PNG)
  • 수정 가능한 원본 파일 (PSD 또는 Figma)
  • 디자인 시안 피드백 반영 (2회)
  • 와이어프레임 및 스토리라인 문서
  • 촬영 원본 이미지

불포함 사항

  • 카페24 HTML/CSS 코딩 작업
  • 동영상 촬영 및 편집
  • 추가 페이지(메인, 카테고리 등) 디자인
  • 광고 소재 제작
  • 인쇄물 디자인

공수계산서

작업 영역별 공수(Man-Day)를 산출하여 일정과 비용의 근거를 제시합니다.

공수 요약

구분공수 (M/D)비율
기획/구조 설계2 M/D20%
UI/UX 디자인4 M/D40%
촬영1 M/D10%
콘텐츠/카피라이팅1.5 M/D15%
수정/납품1.5 M/D15%
합계10 M/D100%

작업별 상세 공수

작업 영역세부 작업담당공수 (M/D)
기획/구조 설계브랜드/제품 분석 및 USP 도출기획0.5
스토리라인 구성 및 전환 구조 설계기획1
와이어프레임/레이아웃 설계기획0.5
UI/UX 디자인히어로/상단 섹션 디자인디자인0.5
제품 기능 시각화 섹션디자인1
비교표 및 구매 유도(CTA) 섹션디자인1
전체 레이아웃 통합 및 마감디자인1.5
촬영제품 사진 촬영 및 이미지 보정촬영1
콘텐츠/카피제품 정보 재정리 및 구조화콘텐츠0.5
핵심 메시지 카피라이팅콘텐츠0.5
스마트 기능 설명 구조화콘텐츠0.5
수정/납품클라이언트 피드백 반영 (2회)수정1
최종 파일 납품 (웹용 이미지 + 원본)납품0.5

산정 기준

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

PRD (Product Requirements Document)

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

1. 프로젝트 배경 및 목적

일렉기타 브랜드의 기존 상세페이지가 제품 기능 나열 위주로 구성되어 있어, 입문자 및 온라인 광고 유입 고객에게 제품의 강점이 직관적으로 전달되지 않는 상황입니다. 이번 프로젝트를 통해 다음 목표를 달성합니다:

  • 차별화 포인트 명확화 — 브랜드 USP를 도출하고 상세페이지 구조에 반영
  • 초보자 친화적 구조 — 입문자도 이해하기 쉬운 정보 계층과 시각적 설명
  • 구매 전환율 개선 — 광고 유입 고객의 이탈률을 줄이고 구매 전환을 유도
  • 브랜드 신뢰도 강화 — 전문적인 촬영과 디자인으로 브랜드 전문성 표현

2. 대상 사용자

사용자 유형설명핵심 니즈
광고 유입 고객 (입문자)온라인 광고를 통해 유입된 기타 초보자쉬운 제품 이해, 타 제품 비교, 구매 확신
기존 고객 (연주자)브랜드를 이미 알고 있는 기타 연주자신제품 스펙 확인, 업그레이드 비교
콘텐츠 마케터 (내부)상세페이지 운영 및 콘텐츠 업데이트 담당이미지 교체 용이성, 수정 가능한 원본 파일

3. 기능 요구사항

3.1 기획 및 구조 설계

  • [필수] 상세페이지 전체 스토리라인 구성
  • [필수] 구매 전환 중심 구조 설계 (히어로 → USP → 기능 상세 → 비교 우위 → 사회적 증거 → CTA)
  • [필수] USP(고유 판매 제안) 도출 및 정의
  • [필수] 와이어프레임 작성

3.2 UI/UX 디자인

  • [필수] 전체 상세페이지 비주얼 디자인
  • [필수] 제품 기능 설명 시각화 (아이콘, 인포그래픽 등)
  • [필수] 제품 비교표 디자인
  • [필수] 구매 유도(CTA) 섹션 디자인
  • [선택] 모바일 최적화 레이아웃

3.3 콘텐츠

  • [필수] 기존 제품 정보 재정리 및 구조화
  • [필수] 핵심 메시지 카피라이팅 보완
  • [필수] 스마트 기능 설명 체계적 구조화

3.4 촬영

  • [필수] 제품 사진 촬영
  • [필수] 촬영 이미지 보정 (색보정, 배경 처리)

3.5 산출물

  • [필수] 웹 업로드용 최종 이미지 파일 (JPG/PNG)
  • [필수] 수정 가능한 원본 파일 (PSD 또는 Figma)

4. 비기능 요구사항

항목요구사항
이미지 최적화웹 업로드 시 로딩 속도를 고려한 이미지 용량 최적화
카페24 호환카페24 상세페이지 이미지 규격 준수 (권장 가로폭 860px)
브랜드 일관성기존 브랜드 아이덴티티와 일관된 디자인 언어 사용
가독성모바일/PC 환경 모두에서 읽기 쉬운 텍스트 크기 및 레이아웃

5. 기술 제약사항

  • 카페24 플랫폼 상세페이지 이미지 업로드 방식 기반
  • 기존 브랜드 가이드라인이 있는 경우 준수 필요
  • 모바일 우선 디자인 고려 (모바일 유입 비중이 높을 것으로 예상)

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

  • 홈페이지 전체 디자인 리뉴얼
  • 카페24 HTML/CSS 코딩 작업
  • 동영상 촬영 및 편집
  • 광고 소재 제작
  • 추가 페이지(메인, 카테고리 등) 디자인

일정 제안

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

전체 일정 요약

단계기간주요 산출물
Phase 1: 기획/구조 설계Day 1~3와이어프레임, 스토리라인, USP 정의서
Phase 2: 촬영 및 콘텐츠Day 4~5촬영 원본, 보정 이미지, 카피 텍스트
Phase 3: 디자인 작업Day 6~11Figma 디자인 시안 (1차)
Phase 4: 수정 및 최종 납품Day 12~14최종 이미지 파일, PSD/Figma 원본

상세 타임라인

PHASE 1

기획 및 구조 설계

Day 1~3 (3일)

브랜드/제품 분석, USP 도출, 전환 중심 스토리라인 구성, 와이어프레임 작성

  • 산출물: 와이어프레임, 스토리라인 문서, USP 정의서
  • 클라이언트 컨펌 후 다음 단계 진행

PHASE 2

촬영 및 콘텐츠 정리

Day 4~5 (2일)

제품 사진 촬영, 이미지 보정, 카피라이팅, 기존 제품 정보 재정리

  • 산출물: 촬영 원본, 보정 이미지, 카피 텍스트
  • 촬영 장소/제품 준비 사전 협의 필요

PHASE 3

디자인 작업

Day 6~11 (6일)

전체 상세페이지 디자인 — 히어로 섹션, 기능 시각화, 비교표, CTA 섹션, 전체 레이아웃 통합

  • 산출물: Figma 디자인 시안 (1차)
  • 중간 공유를 통해 방향 확인

PHASE 4

수정 및 최종 납품

Day 12~14 (3일)

클라이언트 피드백 반영 (2회), 최종 이미지 파일 및 원본 파일 납품

  • 산출물: 웹 업로드용 최종 이미지 (JPG/PNG), PSD/Figma 원본

마일스톤 체크포인트

마일스톤시점검수 기준
M1: 기획 완료Day 3와이어프레임 및 스토리라인 승인
M2: 촬영 완료Day 5촬영 이미지 컨펌
M3: 디자인 1차 시안Day 11디자인 시안 리뷰 및 피드백
M4: 최종 납품Day 14최종 파일 인수 및 검수

커뮤니케이션 계획

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

유사 프로젝트 경험

본 프로젝트와 유사한 기능/작업 영역을 수행한 경험을 소개합니다.

10+

완료 프로젝트

7년+

기획/디자인 경험

100%

참여율

14일

납품 예정

핀테크 / UI/UX 리뉴얼

P2P 크라우드펀딩 플랫폼 UI/UX 리뉴얼

핀테크 / P2P 대출 · 2019.12~2020.01

프로젝트 개요

P2P 투자 플랫폼의 전체 UI/UX 리뉴얼 프로젝트. 투자 상품 상세 페이지의 정보 구조를 재설계하여 투자 전환율 개선을 목표로 진행했습니다.

핵심 작업

  • 투자 상품 상세 페이지 전환 최적화 — 핵심 수익률 정보 상단 배치
  • 다단계 투자 프로세스 단계별 시각화
  • KYC 인증, 보증 정보 등 신뢰 요소 강조 배치
  • 80+ 엔티티, 330+ API 패턴 기반 정보 계층 재설계

본 프로젝트와의 유사점

기존 정보 나열 방식 → 전환 중심 구조로 리뉴얼한 직접적 경험. 상세 페이지의 정보 계층화, 핵심 메시지 상단 배치, 신뢰 요소 강조 등의 노하우를 본 프로젝트에 활용하겠습니다.

기술 스택

Figma Django MySQL jQuery
B2C 앱 / 기획+디자인

사주 기반 운세 앱 (기획-디자인-개발)

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

프로젝트 개요

기획부터 UI/UX 디자인, 개발까지 전 과정을 1인 수행한 B2C 모바일 앱. 사용자 유입 → 전환 → 리텐션 퍼널 설계에 집중했습니다.

핵심 작업

  • 전체 UI/UX 기획 및 디자인 (12+ 화면)
  • 사용자 전환 퍼널 설계 (유입 → 결과 확인 → 재방문 유도)
  • 포인트/리워드 기반 전환율 최적화 설계
  • Clean Architecture, 305 Dart 파일, ~16,355 LOC

본 프로젝트와의 유사점

기획-디자인 전 프로세스를 일관된 방향으로 수행한 경험. 특히 소비자 대면 제품에서 "전환율 최적화"를 목표로 한 구조 설계 경험이 직접적으로 활용됩니다.

기술 스택

Figma Flutter Firebase
B2B2C / 소비자 대면 디자인

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

B2B2C / 피트니스 · 2019.09~2019.12 (4개월)

프로젝트 개요

필라테스 프랜차이즈 관리 앱으로, 관리자/강사/회원 3가지 사용자를 고려한 정보 구조 설계를 수행했습니다.

핵심 작업

  • 수업 예약 전환 최적화 UX 설계
  • 다양한 사용자(관리자/강사/회원) 대면 인터페이스 설계
  • Android/iOS/Web 3 플랫폼 동시 디자인
  • 8 기능 모듈 기획 및 설계

본 프로젝트와의 유사점

소비자 대면 서비스에서 전환율(예약 전환)을 높이기 위한 UX 설계 경험. 다양한 사용자 관점을 고려한 정보 구조화와 직관적인 인터페이스 설계 노하우를 활용하겠습니다.

기술 스택

Figma React Native Node.js

함께 만들어 가겠습니다

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