빈랩이에요. 디자인 시안을 주고받으면서 가장 많이 본 분쟁이 있어요. 사장님은 "느낌이 안 나요"라고 말하고, 디자이너는 "구체적으로 뭘 고치라는지 모르겠다"고 답답해해요. 결국 시안 4안 5안까지 가다가 계약이 깨집니다.
빈랩이 200곳 가까운 SMB 외주를 보면서 깨달은 건 단순해요. 사장님은 디자이너 언어를 배울 필요가 없습니다. 대신 피드백 프레임 5개만 알면 됩니다. 빈랩이 실무에서 쓰는 템플릿을 그대로 공개할게요. 복붙해서 쓰셔도 돼요.
"색깔이 별로예요"가 위험한 이유
주관적 피드백의 문제는 둘이에요. 첫째, 디자이너가 무한히 해석할 수 있습니다. "별로"가 채도 문제인지, 명도 문제인지, 브랜드 컬러와의 부조화인지 알 수 없어요. 둘째, 수정 횟수 카운트에 들어갑니다. 계약서 10조항에서 빈랩이 강조하는 "수정 2회 무료, 3회부터 회당 수만 원" 조항이 있는데, "색깔 별로예요 → 수정 → 다시 별로예요"로 가면 사장님 돈이 빠져요.
빈랩이 본 차이는 큽니다. 명확한 프레임 피드백을 쓴 프로젝트는 평균 수정 2회, 모호한 피드백은 평균 5회 가까이 갔어요. 작업 시간으로는 8~15시간 차이입니다.
프레임 1. 사용자 시나리오
핵심은 "내가 별로" 대신 "사용자가 어떻게 헷갈릴까"로 바꿔 말하는 거예요.
나쁜 예: "메인 페이지가 복잡해요."
좋은 예: "30대 학부모가 처음 사이트 들어와서 '학원 위치'를 찾을 텐데, 지금 시안에서는 푸터까지 스크롤해야 보여요. 헤더 근처에 빠르게 보이게 해주세요."
프레임 구조는 이래요.
[타깃 사용자]가 [상황]에서 [목표]를 하려는데,
현재 시안에서는 [문제]가 보입니다.
[해결 방향]을 제안합니다.
이 프레임을 쓰면 디자이너가 "아, 그러면 히어로 섹션 아래에 위치 박스를 넣고…"라며 자기 해결책을 같이 제안합니다. 사장님 부담이 줄어요.
프레임 2. 비교 기준점
시안 단독 평가 대신 "A안 vs B안" 또는 "이 시안 vs 참고 사이트"로 비교합니다.
나쁜 예: "헤더가 무거워요."
좋은 예: "A안 헤더와 B안 헤더를 나란히 놓고 보면, A안은 로고 + 메뉴 7개로 빽빽한 반면 B안은 로고 + 메뉴 4개여서 가벼워 보여요. 우리 사이트는 메뉴 수가 적은 편이니 B안 방향이 맞을 것 같아요."
비교 대상이 없을 땐 이 변형을 쓰세요.
현재 시안의 [요소]가 [참고 사이트 URL]의 [요소]와 비교하면 [차이점]이 있어요.
우리 브랜드 톤은 [어떤 방향]에 더 가까우니 그쪽으로 가주세요.
참고 사이트 URL을 1~3개 첨부하면 디자이너 작업 시간이 35% 가까이 단축됩니다.
프레임 3. 정량 기준
"잘 안 보여요" 대신 측정 가능한 수치를 씁니다.
나쁜 예: "버튼 글씨가 잘 안 보여요."
좋은 예: "CTA 버튼 배경 #F0E8D8과 텍스트 #998877 콘트라스트가 약 2:1로 보이는데, 웹 접근성 기준 4.5:1을 못 맞춰요. 텍스트를 #4A3825 정도로 어둡게 해주세요."
사장님이 자주 쓸 수 있는 정량 기준입니다.
| 항목 | 기준 | 측정 도구 |
|---|---|---|
| 콘트라스트 | 4.5:1 이상 | webaim.org 콘트라스트 체커 |
| 모바일 폰트 | 본문 16px 이상 | 시안 위 자 대보기 |
| 클릭 영역 | 44 × 44px 이상 | 시안 픽셀 측정 |
| 첫 화면 정보량 | 핵심 3가지 이내 | 손으로 헤어로 영역 가리기 |
| 페이지 무게 | 이미지 1MB 이내 | 디자이너에게 직접 질문 |
Core Web Vitals 가이드에서 빈랩이 다룬 LCP·CLS 기준도 정량 피드백 소스가 됩니다.
프레임 4. 우선순위 명시
피드백 10개를 한 번에 던지지 마세요. "이번 라운드에서 가장 중요한 1가지"를 명시하세요.
나쁜 예: 피드백 14개를 카톡으로 한꺼번에 발송.
좋은 예.
[이번 시안 검토 우선순위]
[Critical] 모바일 가독성. 본문 폰트가 14px라 노안에 안 보여요
[High] CTA 버튼 위치. 첫 화면 안에 있어야 해요
[Medium] 헤더 색감. 가능하면 톤 다운
[Low] 푸터 SNS 아이콘. 시간 되면 정리
Critical 12개, High 23개로 제한하세요. Medium·Low는 "수정 가능하면 해주세요" 정도로 표시하면 디자이너가 자기 판단으로 처리합니다.
견적 700 vs 5000 분해에서 다룬 수정 횟수 비용 구조와 직결돼요. Critical만 정확히 짚으면 수정 1회로 끝나는 일을 쪼개서 3회 쓸 필요가 없습니다.
프레임 5. 의사결정 단위
피드백이 "개인 취향" 영역인지, "브랜드 가이드" 영역인지, "사용성" 영역인지 명시하세요.
나쁜 예: "제 와이프가 이 색깔 별로래요." 디자이너 입장에서 가장 답답한 피드백이에요.
좋은 예.
[개인 취향] 메인 비주얼 사진 분위기. 좀 더 따뜻한 톤이면 좋겠는데, 이건 제 취향이라 큰 변경은 X
[브랜드 가이드] 로고 배치. 우리 가이드 PDF 5p에 "로고 좌상단 30px 마진" 명시되어 있는데 현재 50px이에요. 30px로 맞춰주세요
[사용성] 결제 버튼 위치. 모바일에서 엄지로 닿지 않아요. 화면 하단 고정 권장
3가지 단위가 명확하면 디자이너가 "개인 취향은 적당히 반영, 브랜드 가이드와 사용성은 100% 반영"이라는 우선순위를 자기 안에서 잡을 수 있어요. 의사결정 단위를 명시하면 디자이너 이의 제기 비율이 절반 이하로 줄어듭니다.
사장님이 바로 복붙하는 통합 템플릿
빈랩이 실무에서 쓰는 시안 피드백 카톡 템플릿입니다. 그대로 쓰셔도 돼요.
안녕하세요, [업체명]입니다.
[X차 시안] 검토 피드백 드립니다.
[이번 라운드 우선순위]
- Critical: [1가지]
- High: [2~3가지]
- Medium/Low: [있으면]
[Critical 상세]
타깃: [누구]
상황: [어떤 사용 시나리오]
현재 문제: [정량 또는 비교 기준]
제안 방향: [구체적으로]
참고: [URL 또는 첨부]
[의사결정 단위]
위 피드백은 [사용성/브랜드 가이드] 기준입니다.
개인 취향 의견은 따로 표시했습니다.
수정 부탁드려요.
인수인계 시간축 가이드에서 다루는 "시안 → 인수인계" 흐름과 이 글의 5프레임을 결합하면 외주 전 과정의 커뮤니케이션이 풀립니다.
그래서 빈랩은
빈랩은 피드백 템플릿 무료 배포를 진행 중이에요. PDF 1장에 5프레임 + 통합 템플릿이 정리돼 있고 카톡으로 발송해 드립니다. 계약서 10조항도 같이 보시면 시안 단계 분쟁의 9할이 사라져요.
자가진단
- "별로예요" "좋아요" 같은 주관 피드백을 줄였다
- 피드백을 보낼 때 사용자 시나리오를 1개 이상 언급한다
- 참고 사이트 URL을 항상 1~3개 첨부한다
- 콘트라스트·폰트 크기 같은 정량 기준을 사용한다
- 피드백에 Critical/High/Medium/Low 우선순위를 표시한다
- 개인 취향 vs 브랜드 가이드 vs 사용성을 구분해서 말한다
- 시안 한 라운드당 Critical 피드백을 2개 이내로 제한한다
결과로 증명하는 IT 에이전시
대표님의 다음 홈페이지,
30분 무료 진단부터 시작하세요
빈랩이 만든 사이트라면 검색 노출·관리자 페이지·문의 알림이 제작 단계부터 포함됩니다.
30분 무료 진단으로 현재 사이트의 약점 리포트를 받아보실 수 있습니다 — 평균 24시간 이내 회신해 드립니다.
관련 아티클
같은 카테고리학원 원장님이 직접 홈페이지 만들지 말아야 할 5가지 이유
학원 원장님이 직접 홈페이지를 만들면 왜 실패하는지, SEO·모바일·자동화·관리자 페이지·시간 비용 5가지 관점에서 풀어드립니다.
한 회사 포트폴리오 사이트 — 카페24·아임웹·외주 어디가 좋을까
한 회사가 시공 사진을 가장 잘 보여줄 수 있는 홈페이지 플랫폼 3가지를 비교했습니다. 카페24·아임웹 self-serve부터 외주·풀서비스 에이전시까지, 견적 시 반드시 물어볼 체크리스트와 회사 규모별 결정 매트릭스를 제공합니다.
5년 된 홈페이지, 리뉴얼할까 그대로 둘까? ROI 계산 4단계
5년차 홈페이지 리뉴얼 의사결정을 NPV와 Payback Period로 정량화. SMB 업종별 hidden cost와 expected return을 4단계로 계산하는 재무 프레임워크.