2026 웹디자인 외주 맡기는 법, 계약 전 체크리스트 총정리

• 목록
• 답변
• 글쓰기
• 옵션
  • 수정
  • 삭제

웹사이트를 새로 만들거나 개편할 때 가장 어려운 순간은 업체를 고른 뒤가 아니라, 무엇을 어떤 조건으로 맡길지 결정하는 단계입니다. 견적서에 ‘메인 시안 1종’이라고 적혀 있어도 반응형 화면, 원본 파일, 수정 횟수, 개발 연동 범위가 빠져 있다면 최종 비용은 예상보다 커질 수 있습니다.

특히 2026년 웹디자인 외주는 생성형 AI 활용, 디자인 시스템, 웹 접근성, 개인정보 보호, 모바일 성능까지 확인해야 합니다. 아래 점검표는 소규모 브랜드 사이트부터 기업 홈페이지, 쇼핑몰 리뉴얼까지 공통으로 적용할 수 있는 발주 전 실무 가이드입니다.

1. 견적 요청 전에 프로젝트 범위부터 확정합니다

페이지 수보다 화면 유형을 먼저 계산하세요

“10페이지짜리 홈페이지”라는 설명만으로는 정확한 웹디자인 견적을 받기 어렵습니다. 같은 10페이지라도 회사 소개처럼 정적인 화면과 회원가입, 예약, 결제, 검색 결과처럼 상태가 변하는 화면은 작업량이 전혀 다릅니다. 먼저 방문자가 수행할 행동을 적고, 그 행동에 필요한 고유 화면과 상태 화면을 구분해야 합니다.

예를 들어 상품 상세 화면 하나에도 품절, 할인, 옵션 미선택, 장바구니 오류 같은 상태가 존재합니다. 모바일 메뉴가 별도 구조로 바뀌거나 관리자 기능까지 디자인해야 한다면 그 역시 범위에 포함해야 합니다. 디자인의 기본 개념을 정리할 때는 지식백과의 디자인 설명도 참고하면 미적 표현과 문제 해결의 차이를 이해하는 데 도움이 됩니다.

발주 문서에 넣을 필수 항목

• 목표: 문의 증가, 온라인 판매, 예약 전환, 브랜드 신뢰도 개선 중 우선순위를 정합니다.
• 사용자: 핵심 고객의 연령, 사용 기기, 방문 목적과 불편 사항을 적습니다.
• 화면: 고유 템플릿 수와 로그인·오류·빈 화면 등 상태별 화면을 구분합니다.
• 산출물: 와이어프레임, UI 시안, 디자인 시스템, 프로토타입, 원본 파일의 필요 여부를 표시합니다.
• 연동: 결제, 지도, 예약, CRM, 통계 도구, 소셜 로그인 등 외부 기능을 나열합니다.
• 일정: 공개 희망일뿐 아니라 자료 전달일, 검수일, 개발 착수일도 함께 제시합니다.

실무 팁: 업체마다 같은 범위 문서를 전달해야 견적을 공정하게 비교할 수 있습니다. 설명이 서로 다르면 가장 저렴한 견적이 실제로도 저렴한지 판단할 수 없습니다.

2. 웹디자인 업체의 견적과 포트폴리오를 함께 검증합니다

금액보다 포함 범위를 비교하세요

2026년 국내 웹디자인 비용은 페이지 수만으로 표준화하기 어렵습니다. 템플릿을 활용한 소형 사이트는 비교적 낮은 예산으로 시작할 수 있지만, 사용자 조사와 맞춤형 UI, 디자인 시스템, 복잡한 반응형 화면이 포함된 기업 프로젝트는 수백만 원에서 수천만 원 이상까지 넓게 형성됩니다. 따라서 정확한 숫자 하나보다 디자인·개발·콘텐츠·유지보수의 포함 여부를 확인하는 편이 안전합니다.

부가세, 유료 폰트, 스톡 이미지, 플러그인, 서버와 도메인 비용이 별도인지도 물어보세요. 첫 견적은 낮지만 수정비와 기능 추가비가 계속 붙는 구조라면 총비용이 커집니다. 반대로 조사와 테스트 비용이 별도 항목으로 명확하게 표시된 견적은 비싸 보이더라도 업무 범위를 투명하게 관리하기 쉽습니다.

포트폴리오는 결과보다 과정을 봅니다

화려한 이미지가 많다고 실무 역량이 검증되는 것은 아닙니다. 내가 맡기려는 업종과 비슷한 프로젝트에서 어떤 문제를 발견했고, 메뉴 구조와 전환 흐름을 어떻게 개선했는지 질문하세요. 실제 공개 사이트를 열어 모바일 속도와 버튼 작동, 텍스트 가독성을 확인하고 포트폴리오 화면과 운영 결과가 다른지도 살펴야 합니다.

• 최근 1~2년 안에 완료한 실제 운영 사이트가 있는지 확인합니다.
• 디자이너가 직접 담당한 범위와 외부 협력사의 역할을 구분해 묻습니다.
• 문의 전환율이나 이탈률처럼 개선 전후를 보여 주는 근거가 있는지 봅니다.
• 그래픽 표현이 중요한 프로젝트라면 그래픽 디자인의 개념과 역할을 기준으로 정보 전달력도 함께 평가합니다.

3. 계약서에서 수정·저작권·AI 사용 조건을 확인합니다

수정 횟수보다 수정의 정의가 중요합니다

“수정 3회”라는 조건은 해석에 따라 분쟁이 생기기 쉽습니다. 한 번의 피드백 문서 전체를 1회로 보는지, 화면 한 장의 요청마다 횟수를 차감하는지 계약서에 적어야 합니다. 기획 승인 후 메뉴 구조를 바꾸거나 확정된 시안을 전면 교체할 때는 추가 비용이 발생할 수 있으므로 단계별 승인 시점과 변경 단가도 정해 두세요.

피드백 전달 창구는 가능하면 담당자 한 명으로 통일합니다. 대표, 마케팅팀, 개발팀이 서로 다른 의견을 개별 전달하면 일정이 늘어나고 디자인 방향도 흔들립니다. 검수 기간을 영업일 기준으로 설정하고, 답변이 늦어질 때 전체 일정이 어떻게 조정되는지도 명시하면 양쪽 모두 계획을 세우기 쉽습니다.

저작권과 생성형 AI 조항 점검표

• 권리 이전 시점: 계약금 지급 시점인지 잔금 완납 시점인지 확인합니다.
• 양도 범위: 최종 시안뿐 아니라 아이콘, 일러스트, 소스 파일이 포함되는지 봅니다.
• 제3자 자산: 폰트, 사진, 템플릿, 플러그인의 상업적 이용 조건을 기록합니다.
• 포트폴리오 공개: 업체가 결과물을 언제, 어디까지 공개할 수 있는지 정합니다.
• AI 활용: 생성형 AI 사용 여부와 사용 도구, 학습 데이터 입력 금지 자료를 합의합니다.
• 유사 결과 대응: AI 이미지나 생성 자산에서 권리 문제가 제기될 경우 교체 책임을 정합니다.

회사 내부 자료, 출시 전 제품 이미지, 고객 개인정보를 공개형 AI 서비스에 입력하지 못하도록 계약서에 표시하는 것도 중요합니다. AI를 사용했다는 사실만으로 결과물이 나쁜 것은 아니지만, 출처와 라이선스를 확인하지 않은 자산은 상표권·초상권·저작권 위험을 만들 수 있습니다. 디자인의 사회적·산업적 범위를 더 폭넓게 이해하고 싶다면 디자인 관련 지식백과 자료를 함께 살펴볼 수 있습니다.

계약서에 없는 구두 약속은 담당자가 바뀌면 확인하기 어렵습니다. 회의에서 합의한 내용은 날짜와 담당자를 포함한 이메일 또는 회의록으로 남기세요.

4. 시안 검수는 취향이 아니라 사용자 과업으로 진행합니다

1차 시안에서 먼저 볼 순서를 정하세요

첫 시안을 받으면 색상이나 이미지부터 평가하기 쉽지만, 우선 확인할 것은 정보 구조입니다. 방문자가 첫 화면에서 이 사이트가 무엇을 제공하는지 이해할 수 있는지, 원하는 메뉴와 행동 버튼을 쉽게 찾는지 살펴보세요. 핵심 메시지→신뢰 근거→행동 유도가 자연스럽게 이어진 뒤에 색상과 장식 요소를 조정해야 재작업을 줄일 수 있습니다.

피드백은 “세련되게 해주세요”처럼 해석이 넓은 표현보다 문제와 목표를 함께 적는 방식이 좋습니다. 예를 들어 “버튼을 크게” 대신 “모바일에서 상담 신청 버튼이 본문에 묻히므로 대비와 여백을 높여 주세요”라고 요청하면 디자이너가 더 적절한 해결책을 제시할 수 있습니다. 경쟁사와 똑같이 만들어 달라는 요청보다는 참고한 요소와 이유를 구분해 전달하세요.

1. 5초 이해 테스트: 처음 보는 사람이 서비스와 주요 혜택을 5초 안에 설명할 수 있는지 확인합니다.
2. 과업 테스트: 문의, 구매, 예약, 자료 찾기 등 핵심 행동을 막힘없이 완료하는지 봅니다.
3. 모바일 검수: 작은 화면에서 글자 크기, 터치 영역, 고정 버튼이 콘텐츠를 가리지 않는지 확인합니다.
4. 콘텐츠 검수: 실제 제목과 긴 상품명을 넣어도 레이아웃이 깨지지 않는지 시험합니다.
5. 접근성 검수: 색상만으로 상태를 구분하지 않는지, 키보드로 이동 가능한지 점검합니다.
6. 예외 상황: 검색 결과 없음, 결제 실패, 입력 오류, 느린 로딩 상태가 준비됐는지 봅니다.

디자인 승인 전 개발 가능성도 확인합니다

시안이 아름다워도 개발 환경에서 구현하기 어렵다면 일정과 비용이 증가합니다. 애니메이션 동작, 반응형 전환 기준, 마우스 오버와 클릭 상태를 프로토타입이나 주석으로 공유하세요. 디자이너와 개발자가 시안 확정 전에 한 차례 기술 검토를 진행하면 뒤늦게 요소를 삭제하거나 구조를 바꾸는 상황을 줄일 수 있습니다.

또한 디자인 파일의 레이어 이름, 컴포넌트 상태, 간격 규칙이 정돈되어 있는지 확인해야 합니다. 화면별 수치가 제각각이면 구현 과정에서 품질이 흔들립니다. 반복되는 버튼과 입력창은 컴포넌트로 관리하고, 색상과 글자 스타일은 토큰 또는 공통 스타일로 지정해 달라고 요청하세요.

5. 오픈 전 인수인계와 유지보수 항목을 점검합니다

최종 파일만 받으면 인수인계가 끝난 것이 아닙니다

웹디자인 외주 프로젝트의 품질은 오픈 당일보다 운영을 시작한 뒤 드러납니다. 담당자가 배너를 교체하거나 공지 글을 올릴 수 있는지, 새로운 페이지를 추가할 때 기존 디자인 규칙을 재사용할 수 있는지 확인하세요. 관리자 계정과 도메인, 서버, 분석 도구가 업체 개인 계정에만 연결되어 있으면 추후 이전이 어려워질 수 있습니다.

최종 검수는 PC 한 대에서 끝내지 말고 실제 이용 비중이 높은 모바일 환경을 포함해야 합니다. 크롬, 사파리 등 주요 브라우저에서 메뉴와 폼을 확인하고, 문의 메일 수신과 결제 완료 알림도 직접 시험하세요. 개인정보 수집 동의 문구, 쿠키 설정, 사업자 정보처럼 서비스 성격에 따라 필요한 고지 역시 공개 전에 담당 전문가와 점검하는 편이 안전합니다.

오픈 승인 체크리스트

• 도메인, 호스팅, CMS, 분석 도구의 최고 관리자 권한을 발주사가 보유합니다.
• 피그마 원본, 사용 폰트 목록, 이미지 출처, 아이콘 라이선스를 전달받습니다.
• 메타 제목과 설명, 공유 썸네일, 파비콘, 404 페이지를 확인합니다.
• 모든 링크와 버튼, 입력 폼, 자동 메일, 결제·예약 흐름을 실제로 테스트합니다.
• 이미지 용량, 모바일 로딩 속도, 레이아웃 흔들림과 깨짐을 점검합니다.
• 오류 수정 보증 기간, 유지보수 응답 시간, 월별 작업 한도를 문서로 받습니다.
• 백업 주기와 복구 담당자, 장애 발생 시 연락 순서를 확인합니다.
• 프로젝트 종료 후 계정 비밀번호와 접근 권한을 안전하게 재설정합니다.

유지보수 계약은 ‘월 관리’라는 이름보다 구체적인 작업 단위를 봐야 합니다. 문구 수정, 배너 교체, 신규 페이지 제작, 기능 오류, 보안 업데이트 중 무엇이 포함되는지 구분하고 월 미사용 시간을 다음 달로 넘길 수 있는지도 확인하세요. 정기 요청이 적다면 건별 계약이 유리할 수 있고, 캠페인이 잦거나 쇼핑몰을 운영한다면 응답 시간을 보장하는 월 계약이 편리할 수 있습니다.

6. 업체에 보내기 전 최종 질문 10가지를 확인하세요

상담 메일에 그대로 활용하는 질문 목록

여러 업체에 상담을 요청할 때 질문 형식이 같으면 답변의 구체성과 대응 속도를 비교하기 좋습니다. 아래 항목에 명확하게 답하지 못하거나 중요한 조건을 계속 구두로만 설명한다면 계약을 서두르지 마세요. 특히 추가 비용이 시작되는 기준과 프로젝트 종료 조건은 실제 분쟁을 예방하는 핵심 정보입니다.

1. 제안한 금액에 포함된 고유 화면과 상태 화면은 각각 몇 개입니까?
2. PC, 태블릿, 모바일 중 어느 해상도까지 별도 검수합니까?
3. 프로젝트를 실제로 담당할 기획자, 디자이너, 개발자는 누구입니까?
4. 수정 차수는 어떻게 계산하며 범위를 넘으면 어떤 단가가 적용됩니까?
5. 폰트와 사진, 아이콘 등 유료 자산 비용과 사용 권한은 누구에게 귀속됩니까?
6. 생성형 AI를 사용한다면 어느 업무에 쓰고 결과물의 권리 위험을 어떻게 검토합니까?
7. 피그마 원본과 디자인 시스템, 개발용 에셋을 모두 받을 수 있습니까?
8. 일정 지연이 발생했을 때 책임과 납품일 변경 절차는 어떻게 됩니까?
9. 오픈 후 무상 오류 수정 기간과 유상 유지보수 범위는 무엇입니까?
10. 중도 해지 시 완성된 작업물, 선급금, 계정과 자료는 어떻게 처리합니까?

마지막으로 후보 업체의 답변을 가격, 범위, 일정, 소통, 권리, 유지보수의 여섯 항목으로 나눠 5점 척도로 평가해 보세요. 최저가 업체가 아니라 내 프로젝트의 위험을 가장 구체적으로 설명하고 대응 절차를 제시한 업체가 좋은 파트너일 가능성이 큽니다.

발주 전 하루의 점검이 오픈 직전 수주의 재작업을 줄입니다. 프로젝트 범위표와 위 질문 목록을 내부 담당자와 먼저 공유한 뒤 상담을 시작하면 웹디자인 외주의 비용과 품질을 훨씬 안정적으로 관리할 수 있습니다.