‘일단 예쁜 시안부터 보여주세요’는 의뢰인 입장에서 당연한 요청입니다. 그런데 제작 현장에서는 와이어프레임—흑백 박스로만 구성한 레이아웃— 없이 바로 디자인에 들어갔을 때 생기는 일을 많이 봅니다. 2주 뒤 ‘메뉴 순서 바꿔주세요’, ‘상담 버튼을 여기 말고 히어로에’, ‘모바일에서 이 섹션 빼주세요’가 나오면, 겉보기는 디자인 수정인데 실제로는 전체를 다시 그리는 수고입니다.
BUILDNUS는 홈페이지 제작·랜딩·웹서비스 모두 ‘동선 합의 → 와이어프레임 → 비주얼 → 개발’ 순서를 권합니다. 아래는 와이어프레임을 건너뛸 때 자주 겪는 상황입니다.
1. CTA 위치 논쟁이 늦어진다
색과 사진이 들어가면 ‘이 버튼 색이 별로’와 ‘버튼이 너무 아래’가 섞입니다. 와이어프레임 단계에서는 ‘상담 CTA를 히어로·업무 소개 후·FAQ 전에 둔다’만 정하면 됩니다. 전문직 사이트는 CTA 반복 위치가 전환율과 직결되므로, 이 합의를 앞당기는 것만으로도 가치가 큽니다.
2. 페이지 수·메뉴가 디자인과 엮인다
‘소개’를 한 페이지로 할지, ‘대표·연혁·조직’으로 나눌지는 정보 구조 문제입니다. 시안이 나온 뒤에야 ‘메뉴가 너무 많다’고 하면, 이미 만든 서브 페이지 템플릿을 버려야 합니다. 와이어프레임에서는 메뉴 depth·푸터 링크·모바일 햄버거 구조까지 같이 봅니다.
3. 기능(문의·예약)이 뒤늦게 붙는다
문의 폼 필드·예약 단계·완료 화면·관리자 알림은 ‘개발 때 붙이면 되지’가 아닙니다. 와이어에서 ‘접수 → 확인 메시지 → (선택) 추가 질문’ 흐름을 그려 두면, 디자인·카피·개발이 같은 그림을 봅니다. BUILDNUS /offer에서 말하는 ‘선택 기능’도 이 단계에서 자리를 잡아야 합니다.
와이어프레임에 들어가야 할 것
- 메인·핵심 서브 페이지 박스 구조(히어로·본문·CTA·푸터)
- 모바일에서 접히는·빠지는 섹션
- 문의·예약·다운로드 등 전환 지점
- 관리자·알림 등 백오피스 흐름(해당 시)
- 준수·표시·약관 등 필수 정적 페이지
‘시간 아낀다’는 착각
와이어를 생략하면 첫 시안은 빨리 나옵니다. 대신 1~2차 수정에서 시간이 몰립니다. 특히 여러 decision maker(대표·실무·마케팅)가 있는 조직일수록, 흑백 레이아웃에서 합의한 뒤 비주얼로 가는 편이 총 기간은 짧은 경우가 많습니다.
의뢰인이 할 수 있는 것
완벽한 그림을 그릴 필요는 없습니다. ‘반드시 들어가야 하는 문구·실적·사진’과 ‘빼도 되는 것’을 리스트로 주시고, 경쟁사·레퍼런스 URL을 함께 주시면 됩니다. BUILDNUS는 상담·기획 단계에서 와이어프레임으로 동선을 먼저 맞춘 뒤, 그다음에 /works·/offer에서 보신 것처럼 업종에 맞는 비주얼을 입힙니다.
