상담
현재 상황·목표·범위·일정·예산을 듣습니다.
산출물 · 상담 기록 · 제안 범위홈 / 홈페이지 제작 / 제작 과정2026 / MASSTIGE
PROCESS
단계마다 산출물이 있고,
단계마다 산출물이 있고,
고객이 검토합니다
상담·요구 분석·기획·디자인·퍼블리싱·개발·검수·오픈·인계. 매스티지 홈페이지 제작 7단계와 단계별 산출물, 고객이 결정할 일과 소요 기간을 안내합니다.
Process
상담에서 오픈·인계까지
일곱 량이 순서대로 지나갑니다. 보라 테두리 칸이 AI가 읽는 홈페이지를 위해 더한 단계 — 질문지도, AEO·GEO 화면설계, AI 준비도 검수입니다.
요구 분석 · 질문지도
자료를 받고 이용자·경쟁·현재 사이트를 분석합니다. 고객이 자주 받는 질문 20~30개를 모아 질문지도로 정리합니다.
산출물 · 요구사항 정의서 · 착수 자료 요청서 · 질문지도기획
질문지도를 기준으로 사이트맵과 화면설계를 만듭니다. 화면마다 SEO·AEO·GEO 적용 사항을 함께 적습니다.
산출물 · 사이트맵 · 화면설계서(AEO·GEO 표기)디자인
메인·서브 시안. 고객 브랜드 가이드 › 매스티지 하우스 스타일 순으로 적용합니다.
산출물 · 메인·서브 시안퍼블리싱·개발
반응형 퍼블리싱과 기능 개발. 퍼블 납품 규칙 40종으로 검증합니다.
산출물 · 퍼블 인계서 · 관리자검수
기능·접근성·성능·보안 점검 + 자체 연구소 도구로 AI 준비도 진단. 떨어진 항목은 고친 뒤 재진단합니다.
산출물 · 검수 보고서 · AI 준비도 진단 결과오픈·인계
도메인 연결, 사이트맵 제출, 관리자 교육, 소스 인계.
산출물 · 소스 · 매뉴얼 · 인계 문서상담
현재 상황·목표·범위·일정·예산을 듣습니다.
산출물 · 상담 기록 · 제안 범위요구 분석 · 질문지도
자료를 받고 이용자·경쟁·현재 사이트를 분석합니다. 고객이 자주 받는 질문 20~30개를 모아 질문지도로 정리합니다.
산출물 · 요구사항 정의서 · 착수 자료 요청서 · 질문지도기획
질문지도를 기준으로 사이트맵과 화면설계를 만듭니다. 화면마다 SEO·AEO·GEO 적용 사항을 함께 적습니다.
산출물 · 사이트맵 · 화면설계서(AEO·GEO 표기)디자인
메인·서브 시안. 고객 브랜드 가이드 › 매스티지 하우스 스타일 순으로 적용합니다.
산출물 · 메인·서브 시안퍼블리싱·개발
반응형 퍼블리싱과 기능 개발. 퍼블 납품 규칙 40종으로 검증합니다.
산출물 · 퍼블 인계서 · 관리자검수
기능·접근성·성능·보안 점검 + 자체 연구소 도구로 AI 준비도 진단. 떨어진 항목은 고친 뒤 재진단합니다.
산출물 · 검수 보고서 · AI 준비도 진단 결과오픈·인계
도메인 연결, 사이트맵 제출, 관리자 교육, 소스 인계.
산출물 · 소스 · 매뉴얼 · 인계 문서Your Decisions
고객은 단계마다 무엇을 결정하나
AI가 읽는 홈페이지는 고객의 답이 재료입니다. 질문지도와 AEO·GEO 화면설계, AI 준비도 검수에서 고객이 확인하는 것이 있습니다.
STEP 01
요구 분석
착수 자료 제공 — 회사·제품 자료, 이미지, 현재 사이트 접근 권한
1주STEP 02 · AI
질문지도
고객·환자·의뢰인이 실제로 묻는 질문 20~30개 제공(전화·접수·상담 기록) → 매스티지가 정리한 질문지도 확정
요구 분석과 함께STEP 03 · AI
기획
사이트맵·화면설계 검토·승인 — 화면마다 표시된 SEO·AEO·GEO 적용 사항(즉답 위치, 구조화 데이터, FAQ 단위) 확인
1~2주STEP 04
디자인
시안 검토, 수정 요청, 확정
2~3주STEP 05
퍼블리싱·개발
중간 점검 화면 확인
2~4주STEP 06 · AI
검수
검수 항목 확인, AI 준비도 진단 결과(4계층 점수와 고친 항목) 확인, 최종 승인
1주STEP 07
오픈·인계
관리자 교육 참석, 소스·매뉴얼·인계 문서 수령, 관리자 초기 비밀번호 변경
오픈 주자료 전달·검토 의견·이력은 프로젝트별 게시판에서 주고받습니다. 메일과 메신저에 흩어지지 않게 한곳에 남깁니다.
UX Methodology
분명한 이유가 있어야 하는 Reasonable UX
고객의 요구사항을 「정의」하는 데서 「결정」하는 단계로 고도화합니다. 더블 다이아몬드 사이에 결정 단계를 두어, 왜 이렇게 만드는지가 먼저 정해진 뒤 화면을 그립니다.
OT
- TF팀 구성
- 고객사 요구사항 이해
- 수행방안과 산출물 정의
Analysis
- UI/UX 사용성 진단
- Usability Test
- 사용자 이용형태 및 Needs
- 유사/동종업계 분석
- 자사 서비스 분석
- UI/UX/기술 트렌드 분석
UX Strategy
- UX 고도화/개선 전략
- 신규 UX 모델링
- 핵심 UX 시나리오 구성
- 최적화한 UI 전략 수립
- 브랜드 경험과 일관된 UI 정의
Prototype
- 시연 시나리오 및 화면 설계
- 화면 디자인
- 인터렉션 설계 및 구현
Proposal
- UI/UX 보고서
- 프로토타입 시연
Before Launch
오픈 전에 무엇을 확인하나
01
기능
요구사항 항목별 동작, 관리자 등록·수정·삭제, 폼 접수·알림
02
접근성·반응형
키보드 조작, 대체 텍스트, 명도 대비, 모바일·태블릿
03
성능·보안
이미지 최적화, 로딩 속도, 입력값 검증, 관리자 접근 제한, HTTPS
04
AI 준비도
매스티지 연구소 진단 도구로 메타·문서구조·지식·검증 4계층을 점검하고 결과 리포트를 인계 문서에 첨부
FAQ
자주 묻는 질문
범위가 정해지지 않았어도 괜찮습니다.
상담에서 함께 정리해 드립니다.
디자인 수정은 몇 번까지 되나요?
계약서에 시안 수정 횟수를 명시합니다. 통상 메인 시안 기준 2회이고, 확정 이후의 구조 변경은 별도 협의합니다.
질문지도는 무엇인가요?
고객의 손님이 실제로 묻는 질문을 20~30개 모아 어느 화면이 어떤 질문에 답할지 정한 표입니다. AI는 질문 단위로 페이지를 인용하므로, 이 표가 사이트맵과
콘텐츠 목록의 기준이 됩니다.
중간에 범위가 바뀌면 어떻게 되나요?
기획 단계에서 확정한 사이트맵·기능 목록이 기준입니다. 그 범위를 벗어나는 변경은 일정과 비용을 다시 산정해 합의한 뒤 진행하고, 프로젝트 게시판에 이력을
남깁니다.
오픈 후 문제가 생기면요?
무상 하자보수 기간 안의 오류는 계약 범위에서 고칩니다. 이후에는 유지보수 계약으로 이어지며, 소스와 인계 문서를 전부 넘기므로 매스티지 없이 운영해도 됩니다.
