PROJECT PROPOSAL

완성된 디자인을
직접 운영하는 사이트로

30개 반응형 화면과 사전 검색·컬러 찾기·갤러리를 연결하고, 관리자 인계까지 완성합니다.

01. Analysis & Strategy

요구사항을 운영 기준으로 다시 봅니다

클라이언트 핵심 요구사항

시안의 반응형 재현

일러스트레이터 30개 시안에서 공통 규칙을 추출하고 PC·태블릿·모바일 화면을 확인합니다.

담당자의 직접 운영

관리자가 페이지 복사, 글·이미지·영상 편집, 카테고리와 갤러리 분류를 스스로 처리합니다.

검색과 컬러 탐색

사전 검색 결과와 두 질문의 분기 규칙을 운영자가 직접 등록·수정할 수 있게 합니다.

핵심 역제안

디자인 규칙 합의

가이드가 없는 시안을 색·간격·컴포넌트 기준표로 정리해 첫 검수에 사용합니다.

고정 레이아웃 CMS

페이지 외형은 보존하고 내용만 교체해 글과 페이지 추가에 수량 제한을 두지 않습니다.

소유권과 이전성

소스·DB 스키마·배포 절차를 발주사에 인계해 다른 개발사도 이어받을 수 있습니다.

02. Strategic Deep-Dive

운영을 계속할 수 있는 세 가지 설계

시안 그대로 구현

화면 30개를 공통 유형과 예외 유형으로 분류합니다. PC·태블릿·모바일별 기준을 확정하고, 제공 디자인을 구현하며 성능 검수표에 로딩 지표를 기록합니다.

Expected Effect

시안과 실제 화면의 차이를 줄이고 검수를 빠르게 합니다.

편집 가능한 콘텐츠

Directus CMS에서 페이지 복사, 포스트·사전·갤러리 항목 등록을 제공합니다. 이미지·영상·글은 고정 레이아웃의 입력 칸에서 편집하며, 페이지·글 추가 개수에 인위적 제한을 두지 않습니다.

Expected Effect

개발자 도움 없이 새 글과 검색 항목을 발행합니다.

데이터로 바꾸는 분기

첫 질문의 4~7개 선택지와 둘째 질문 후보, 결과의 연결을 관리 데이터로 둡니다. 미리보기에서 분기와 결과를 검수한 뒤 공개하고, 사전 키워드는 인덱스로 빠르게 찾습니다.

Expected Effect

질문과 컬러 결과가 바뀌어도 코드 배포가 필요 없습니다.

03. Implementation

운영과 이전에 맞춘 기술 선택

빠른 반응형 화면

Next.js 필요한 화면을 빠르게 보여주고 검색 노출에 대응

담당자의 편집

Directus CMS 페이지 복사와 글·질문·선택지 관리

콘텐츠 보존

PostgreSQL 사전·갤러리·분기 규칙을 구조화해 저장

이미지와 영상

Object Storage 미디어 파일을 분리 보관하고 교체

이전 쉬운 배포

Docker + VM 발주사 계정에서 재배포할 수 있는 구성

안전한 운영

SSL + 백업 HTTPS와 DB·미디어 백업 절차 문서화
04. Sequence

프로젝트의 성공을 완성하는
정교한 8단계 업무 프로세스

01

미팅

요구사항 청취 및 비즈니스 목표 상세 협의

02

계약 진행

상세 과업 범위 확정 및 공식 계약 체결

03

요구사항 재분석

개발 관점에서의 기술적 타당성 도출

04

기획/디자인

UI/UX 설계 및 시스템 아키텍처 상세 정의

05

클라이언트 컨펌

확정된 기획안에 대한 최종 리뷰 및 승인

06

개발

공유된 일정으로 투명한 집중 개발

07

테스트

단위/통합 테스트 및 버그 수정, 안정성 검증

08

배포

최종 운영 환경 배포 및 안정화 지원

05. Timeline

60일 개발과 검수 계획

Step 01

시안·구조 합의

화면 분류, 반응형 기준, 콘텐츠 모델과 기능별 검수표를 확정합니다.

Step 02

화면과 관리자

공통·예외 페이지를 구현하고 포스트·갤러리·페이지 편집을 연결합니다.

Step 03

검색·컬러 기능

사전 검색과 두 질문의 분기·결과, 관리자 미리보기를 검증합니다.

Step 04

배포·운영 인계

기기별 QA 후 SSL 배포, 소스·DB 스키마·관리자 안내를 인계합니다.

06. Communication & Trust

외주의 불안함을 확신으로,
가장 투명한 파트너십을 약속합니다.

'답답함'이 없는 커뮤니케이션

클라이언트가 가장 힘들어하는 '소통의 부재'와 '진척도 확인 불가능'을 해결하기 위해, 모든 협업 과정을 시스템화했습니다.

진행 상황 실시간 공유
기획서부터 소스코드까지 일정과 이슈를 함께 봄
항시 연결되는 소통 채널
지연 없는 피드백과 투명한 이슈 관리
정기 데모 세션
상상 속의 결과물이 아닌, 돌아가는 시스템을 매주 확인

"우리는 단순한 외주사가 아닙니다.
성공을 위해 커뮤니케이션의 중요성을
아는 팀입니다."

저희 제안이 마음에 드셨다면,
미팅에서 뵙기를 기대하겠습니다.

Thank You

Your Vision,
Our Mission.