Design Process
Yance는 8단계 표준 프로세스로 모든 웹사이트 프로젝트를 진행하며, 전 과정 1:1로 소통하고 수정 기록도 즉시 공유합니다. 100건이 넘는 구축 경험을 바탕으로 평균 14~21영업일 내에 기획부터 런칭까지 이어지는 전체 과정을 운영합니다. 처음 사이트를 만드는 스타트업이든 기존 홈페이지를 리뉴얼하려는 기업이든, 이 페이지에서 협업 이후의 흐름을 한눈에 이해할 수 있습니다.
상담은 완전히 무료이며, 부담스러운 영업 없이 평균 1영업일 내 답변합니다.
모든 웹디자인 프로젝트는 엄격한 8단계 절차에 따라 진행됩니다. 첫 상담부터 공식 런칭까지 각 단계마다 명확한 산출 기준과 검수 시점이 있어, 협업 중에도 현재 진행 상황을 계속 파악할 수 있습니다.
Google 연구에 따르면, 사이트 런칭 전 요구사항을 얼마나 정확하게 정리하느냐가 최종 결과물의 품질에 큰 영향을 줍니다. Yance는 온라인 미팅을 통해 목표 고객층, 브랜드 포지셔닝, 필요한 기능, 경쟁사 사례를 구체적으로 파악하며, 비즈니스 목표와 사용자 페르소나, 기능 우선순위까지 함께 정리합니다. 미팅 후 3영업일 이내에 프로젝트 범위, 기능 명세, 일정 계획, 견적이 포함된 기획안을 전달합니다.
산출물: 프로젝트 기획서 + 견적서 + 기능 명세서사이트에 몇 개의 페이지가 필요한지, 각 페이지에는 어떤 정보를 배치할지, 방문자가 메인 페이지에서 문의 폼까지 자연스럽게 이동하는지가 이 단계의 핵심입니다. Sitemap으로 전체 구조를 설계하고, 페이지별 섹션 구성과 정보 우선순위를 정의해 전환 중심의 동선을 만듭니다. 각 페이지의 핵심 CTA를 표시하고 모바일 우선 정보 배열까지 함께 설계합니다.
산출물: 사이트맵 + 페이지 구조 기획 + 사용자 동선 설계안템플릿형 사이트는 기존 디자인을 일부 조정하는 수준이지만, 맞춤형 웹디자인은 처음부터 새로 설계합니다. 앞선 요구사항 논의를 바탕으로 브랜드 아이덴티티와 방향성에 맞춘 완성형 메인 페이지를 먼저 제작해 디자인 스타일, 카피, 시각 표현, 레이아웃, 인터랙션을 실제로 확인할 수 있게 합니다. 이 단계에서 색상, 서체, 이미지 톤, 버튼 스타일을 확정하고 이후 모든 페이지에 적용할 공통 디자인 규칙도 함께 정리합니다.
산출물: 메인 페이지 시안 + 비주얼 스타일 가이드메인 페이지가 확정되면 동일한 디자인 규칙을 바탕으로 나머지 페이지를 시맨틱 HTML5와 CSS3로 구현합니다. 모든 페이지는 Google Core Web Vitals 기준에 맞춰 최적화되며, WebP 이미지 압축, 적절한 리사이징, 핵심 리소스 프리로드, 지연 로딩 등을 적용합니다. 데스크톱, 태블릿, 모바일 3개 주요 구간에 대응하는 RWD 반응형 설계가 기본 포함됩니다.
산출물: RWD 반응형 페이지 + 성능 테스트 자료프런트엔드 작업이 끝나면 WordPress 관리자 연동 단계로 넘어갑니다. 커스텀 포스트 타입, 문의 폼, SEO 플러그인 설정, Google Analytics 및 Google Tag Manager 추적 코드 삽입 등을 구축하며, OG 이미지, Favicon, Schema 구조화 데이터도 함께 설정합니다. 기능이 완성될 때마다 테스트 사이트에 즉시 반영되므로 계정으로 접속해 최신 상태를 수시로 확인할 수 있습니다.
산출물: 테스트 사이트 기능 통합본 + 관리자 계정런칭 전 마지막 품질 점검 단계입니다. QA 프로세스는 크로스 브라우저 테스트, 크로스 디바이스 테스트, Core Web Vitals 성능 검수, SEO 항목 점검을 포함합니다. 문의 폼 전송, 404 페이지 이동, SSL 인증서 설정까지 모두 확인한 뒤 결과를 체크리스트 형태로 전달하며, 각 항목을 확인한 후 다음 단계로 진행합니다.
산출물: 디바이스 테스트 리포트 + QA 검수 체크리스트모든 페이지와 기능 검수가 끝나면 사이트를 정식 오픈합니다. Yance는 Google Search Console에 사이트맵을 제출해 검색엔진 색인을 돕고, 방문자 행동 데이터를 추적할 수 있도록 분석 도구도 설정합니다. 또한 글 등록, 이미지 교체, 문의 폼 관리, 기본 페이지 수정 등 자주 사용하는 관리자 기능을 안내해 직접 운영할 수 있게 지원합니다.
산출물: 정식 오픈 사이트 + 관리자 사용 안내사이트 오픈은 끝이 아니라 디지털 운영의 시작입니다. Yance는 납품 후 14일간 기술 보증을 제공하며, 이 기간 내 발견된 기술적 버그는 별도 비용 없이 처리합니다. 이후에는 수정 범위에 따라 별도 견적을 제공하며, 유지보수 플랜에는 WordPress 코어 및 플러그인 업데이트, 보안 점검, 취약점 보완, 주간 백업, 24/7 성능 모니터링이 포함됩니다.
산출물: 14일 기술 보증 + 호스팅 유지보수 + 전용 기술 지원 채널
위 8단계가 Yance의 전체 웹디자인 프로세스를 구성합니다. 각 단계에는 명확한 산출물과 검수 기준이 있어 중요한 의사결정에 직접 참여하면서 프로젝트 현황을 분명하게 확인할 수 있습니다. 아래에서는 플랜별 예상 제작 일정도 함께 확인할 수 있습니다.
계약부터 런칭까지 얼마나 걸릴까요? 아래 데이터는 Yance가 최근 2년간 완료한 프로젝트를 기준으로 정리한 평균 제작 기간과 핵심 수치이며, 기업 홈페이지, 이커머스 사이트, 브랜드 사이트 등 다양한 유형을 포함합니다.
아래 표는 각 플랜의 단계별 예상 소요 기간을 정리한 것입니다. 페이지 수와 기능 복잡도에 따라 가장 가까운 플랜을 기준으로 전체 일정 범위를 가늠할 수 있습니다. 기본 플랜은 5페이지 이하 기업 사이트, 고급 플랜은 6~10페이지 규모 브랜드 사이트, 프리미엄 플랜은 11페이지 이상이거나 이커머스 기능이 포함된 대형 프로젝트에 적합합니다.
| 제작 단계 | 기본 플랜 | 고급 플랜 | 프리미엄 플랜 |
|---|---|---|---|
| 요구사항 인터뷰 및 기획 | 2~3일 | 3~4일 | 4~5일 |
| 정보 구조 및 와이어프레임 | 2~3일 | 3~4일 | 5~7일 |
| 비주얼 디자인 제안 | 3~4일 | 5~6일 | 7~10일 |
| 프런트엔드 개발 | 4~5일 | 6~8일 | 10~12일 |
| 백엔드 연동 및 기능 개발 | 3~4일 | 5~6일 | 8~10일 |
| 테스트 및 수정 | 2~3일 | 3~4일 | 4~5일 |
| 총합 (영업일) | 16~22일 | 25~32일 | 38~49일 |
위 일정에는 고객 측 자료 준비와 확인 대기 시간은 포함되지 않습니다. 실제 기간은 프로젝트 복잡도에 따라 조정되며, 계약 시 정확한 납품 일정을 명시합니다. 요구사항 인터뷰 전에 LOGO, 카피, 제품 사진 등을 준비해 두면 전체 일정이 보통 3~5영업일 더 단축될 수 있습니다.
좋은 웹사이트는 디자이너와 고객이 함께 만드는 결과물입니다. 고객은 업계에 대한 깊은 이해와 브랜드 자료를 제공하고, 우리는 이를 방문자를 움직이는 디지털 경험으로 바꿉니다. 협업이 긴밀할수록 프로젝트는 더 매끄럽게 진행되고, 결과물은 브랜드 가치를 더 정확하게 전달할 수 있습니다.
협업 의사가 정해지면 첫 미팅에서 양측의 권리와 의무, 단계별 자료 제출 기한, 수정 횟수와 검수 절차를 명확히 안내합니다. 규칙이 투명할수록 작업은 창의적인 논의에 집중할 수 있고, 불필요한 소모도 줄일 수 있습니다.
아래 자료를 미리 준비하면 대기 시간을 줄이고 프로젝트를 더 안정적으로 진행할 수 있습니다. 자주 필요한 준비 항목을 세 가지 범주로 정리했으며, 각각에 필요한 기본 규격도 함께 안내합니다.
LOGO 원본 파일(AI 벡터 또는 배경 제거 PNG, 최소 500px 해상도), 브랜드 컬러 코드(HEX 또는 Pantone), 회사 소개 문안(200~500자)을 준비해 주세요. 이전 브로슈어, 명함 디자인, 브랜드 가이드가 있다면 함께 제공하면 디자인 방향을 더 빠르게 맞출 수 있습니다.
제품 또는 서비스의 고해상도 사진(권장 폭 1200px 이상, 72dpi 이상, JPG 또는 PNG)과 각 페이지의 초안 문구를 준비하면 좋습니다. 이미지는 스톡 이미지보다 실제 촬영 사진이 신뢰도를 높이는 데 더 효과적입니다. 문안이 준비되지 않았다면 Yance가 SEO 방향의 콘텐츠 작성 서비스를 추가로 제공할 수 있습니다.
Yance는 LINE을 주요 소통 채널로 사용하며, 각 단계 완료 시 검토 링크와 함께 확인 안내를 전달합니다. 각 검수 단계에서는 3영업일 이내에 수정 의견을 회신해 주시면 일정 지연을 줄일 수 있습니다. 메인 페이지 디자인 단계에서는 스타일, 카피, 레이아웃, 기능이 모두 맞을 때까지 충분히 조율한 후 다음 페이지로 진행합니다.
상담 단계에서 가장 자주 받는 질문 7가지를 정리했습니다. 추가로 궁금한 점이 있다면 LINE 또는 문의 폼으로 연락해 주세요. 보통 1영업일 이내에 답변드립니다.
플랜 규모에 따라 다릅니다. 기본 플랜은 약 14영업일, 고급 플랜은 약 21영업일, 프리미엄 플랜은 약 35영업일이 소요됩니다. 이 기간에는 고객 측 자료 준비와 확인 대기 시간은 포함되지 않으며, 정확한 납품 일정은 계약서에 명시됩니다. 요구사항 인터뷰 전에 LOGO, 문안, 제품 사진 등을 준비해 두면 보통 3~5영업일 정도 더 단축할 수 있습니다.
Yance는 단계별 수정 횟수 기준을 사용합니다. 디자인 시안 확인 2회, 페이지 개발 수정 2회, 최종 검수 1회로 총 5회의 수정 기회가 계약 범위에 포함됩니다. 먼저 한 페이지를 제작해 스타일과 방향을 확인한 뒤 만족하시면 나머지 페이지로 확장합니다. 수정 의견은 가능한 한 한 번에 정리해 전달해 주시면 3~5영업일 내 반영하며, 당사 구현 오류나 브라우저 호환 이슈는 횟수에 포함되지 않습니다.
가능하다면 제품 또는 서비스의 고해상도 사진과 각 페이지의 초안 문구를 준비해 주시는 것이 좋습니다. 문안이 없다면 Yance가 업종 키워드와 목표 고객층을 바탕으로 콘텐츠 작성 서비스를 추가로 제공할 수 있습니다. 이미지는 실제 촬영 사진이 신뢰도를 높이는 데 더 유리하며, LOGO는 AI 원본 또는 배경 제거 PNG 파일을 권장합니다.
납품 후 14일은 기술 보증 기간으로, 이 기간 내 발견된 기술적 버그는 별도 비용 없이 수정합니다. 이후 콘텐츠 수정이나 기능 추가는 범위에 따라 별도 견적이 적용됩니다. 유지보수 플랜에는 WordPress 코어와 플러그인 업데이트, 보안 모니터링, 주간 백업, 24/7 성능 모니터링이 포함됩니다.
네, 모든 플랜에 RWD 반응형 디자인이 기본 포함되며 추가 비용은 없습니다. 데스크톱, 태블릿, 모바일의 주요 해상도를 기준으로 마크업과 테스트를 진행해 어떤 기기에서도 읽기 쉽고 사용하기 편한 화면을 제공합니다. 런칭 전에는 주요 브라우저와 iOS·Android 환경에서 교차 검수도 함께 진행합니다.
네. 사이트 오픈 시 간단한 운영 안내를 통해 WordPress 관리자에서 글 추가, 이미지 교체, 문의 폼 관리 방법을 설명드립니다. 인터페이스는 직관적이어서 개발 지식이 없어도 쉽게 사용할 수 있으며, 일반적인 콘텐츠 수정은 몇 분 안에 처리할 수 있습니다. 사용 중 궁금한 점이 생기면 LINE으로 도움을 받을 수도 있습니다.
모든 플랜에는 기본 SEO 설정이 포함됩니다. 여기에는 meta 태그 최적화, Schema 구조화 데이터, 이미지 alt 속성, 시맨틱 HTML5 구조, Sitemap 생성 및 Search Console 제출이 포함됩니다. 고급 플랜과 프리미엄 플랜은 키워드 리서치, 경쟁사 분석, 페이지 속도 최적화까지 확장되어 검색 노출 성과를 높이는 데 도움이 됩니다.
Start Your Project
요구사항 인터뷰부터 정식 런칭까지 Yance가 전 과정을 함께합니다.
새로운 브랜드 사이트든 기존 홈페이지 리뉴얼이든 무료 상담을 통해 아이디어를 편하게 나눠보세요.
상담은 무료이며 부담스러운 영업 없이 실질적인 웹 기획 방향을 안내합니다.
전자 계약 지원(DocuSign / Dropbox Sign) ｜ Wise 해외 송금, PayPal 카드 결제(+5%), USDT, 국내 은행 이체 지원
