Zandorix 웹디자인 스튜디오 ZANDORIX 웹디자인 스튜디오 · 판교

Zandorix — 제작 과정

Process

상담부터 검수까지 다섯 단계로 갑니다

제작 과정이 보이면 일정이 안정됩니다. Zandorix는 다섯 단계로 나눠 진행합니다. 각 단계마다 확인할 것과 넘기는 기준이 정해져 있습니다.

상담기획디자인개발
판교 작업대의 모니터와 시안 종이가 놓인 풍경

다섯 단계, 순서대로 읽으면 전체가 잡힙니다

뼈대가 굳기 전에는 색을 입히지 않습니다. 단계마다 산출물과 확인 기준이 있습니다.

01

상담과 범위 정리

전화나 문의 양식으로 목적과 분량을 받습니다. 판교 사무실 방문이나 화상 미팅으로 이어집니다. 필요 페이지와 기능을 목록으로 확정합니다. 이 목록이 견적의 기준이 됩니다.

산출물 — 범위 목록 · 견적 기준표

02

기획과 와이어프레임

정보구조와 화면 순서를 뼈대 그림으로 그립니다. 메뉴 깊이, 버튼 위치, 폼 항목을 정합니다. 한국 기업 사이트가 선호하는 연혁과 사업 소개 배치도 여기서 정합니다. 웹디자인 기획의 핵심은 덜어내는 순서에 있습니다.

산출물 — 와이어프레임 · 메뉴 구조도

손으로 그린 와이어프레임과 자가 놓인 책상

뼈대 먼저, 색은 나중에

03

UI 디자인 시안

모바일 화면부터 시안을 만듭니다. 서체, 여백, 버튼 상태를 정합니다. 실제 문구로 넣어 어색함을 확인합니다. 시안은 2회 범위 안에서 다듬는 것을 기준으로 합니다.

기준 — 모바일 우선 · 실제 문구 검증

04

웹개발과 최적화

시안을 동작하는 페이지로 구현합니다. 반응형 확인과 속도 점검을 함께 합니다. 이미지 압축과 폰트 로딩을 조정합니다. 문의 폼 동작과 개인정보 안내 연결을 확인합니다. 모바일 최적화와 퍼포먼스 최적화가 함께 들어갑니다.

점검 — 반응형 · 속도 · 폼 전송

05

검수와 인수인계

기기별 최종 검수표를 공유합니다. 오타, 링크, 폼 전송을 함께 확인합니다. 관리자 변경 범위를 문서로 넘깁니다. 유지보수가 필요하면 별도 조건으로 이어갑니다. 웹사이트 유지보수 범위는 문서로 남깁니다.

인계 — 검수표 · 관리자 문서

키보드 앞에서 시안을 다듬는 두 손

일정은 어떻게 잡히나

랜딩페이지는 범위가 좁아 비교적 짧습니다. 기업 홈페이지는 페이지 수에 따라 달라집니다. 이커머스는 연동 범위가 변수입니다. 확정 일정은 범위 목록이 나온 뒤에 문서로 드립니다. 홈페이지 제작 과정의 기간은 페이지 수와 연동에서 갈립니다.

범위가 일정이다 — 목록이 먼저, 날짜는 그 다음.

협업에 필요한 준비물

로고 원본, 사진, 사업자 정보, 참고 사이트 2개면 시작이 빠릅니다. 문구가 없으면 초안을 함께 씁니다. 사진이 부족하면 촬영 범위를 따로 정합니다. 준비물은 한 번에 받는 게 일정에 좋습니다.

  • 로고 원본과 서체 파일
  • 현장 사진과 사업자 정보
  • 참고 사이트 2곳의 주소

자주 생기는 실수 피하기

처음부터 색과 폰트만 고르면 구조가 흔들립니다. 페이지를 나중에 계속 추가하면 메뉴가 길어집니다. 폼 항목이 많으면 신청이 줄어듭니다. 뼈대 단계에서 덜어내는 것이 비용을 아끼는 길입니다.

서비스 범위 보기
벽에 붙인 시안지를 함께 검토하는 모습
판교에서, 쓰는 맛이 나는 웹사이트를 만듭니다.
Zandorix 웹디자인 스튜디오 — 판교 사무실, 월–금 09:00–18:00
해 질 무렵 판교 골목을 비추는 스튜디오 창

다음 단계로 가기

범위 목록이 나오면 일정과 비용이 문서로 정리됩니다. 준비물이 갖춰질수록 첫 미팅이 짧아집니다.

88 Pangyoyeok-ro · +82-31-705-1284