외주 의뢰 가이드
웹 디자인 외주: 반응형 홈페이지·랜딩페이지 디자인 견적
웹 디자인 외주는 홈페이지나 랜딩페이지의 레이아웃, 이미지, 글자와 버튼 등 화면 디자인을 맡기는 작업입니다. 이미 개발자가 있거나 홈페이지 디자인만 바꾸려는 경우에는 PC·모바일 시안과 개발 전달 범위를 먼저 정하면 됩니다. 실제 사이트 구현과 오픈까지 필요하다면 홈페이지 제작 범위도 함께 확인하세요.
- 작업 범위 회사 홈페이지 디자인 · 랜딩페이지 디자인 · 반응형 웹 디자인 · 기존 홈페이지 리디자인
- 견적 기준 고유 레이아웃 수 · 이미지·문구 준비 · 반응형·동작 정의
- 준비 자료 사이트 메뉴와 페이지별 내용 · 제공 자료와 제작 요청 자료 · 화면 크기와 동작 목록
어떤 작업을 맡기는지 먼저 구분하세요
같은 이름의 외주라도 실제 결과물과 담당 범위가 다를 수 있습니다. 현재 상황과 가까운 항목부터 확인하면 견적 범위를 맞추기 쉽습니다.
| 필요한 작업 | 의뢰할 범위 | 먼저 확인할 것 |
|---|---|---|
| 회사 홈페이지 디자인 | 회사 소개, 서비스, 문의 등 페이지 시안 | 페이지별 내용과 사진 제공 주체 |
| 랜딩페이지 디자인 | 한 페이지의 메시지·섹션·신청 영역 구성 | 문구 기획과 이미지 제작 포함 여부 |
| 반응형 웹 디자인 | PC·모바일 화면과 크기별 배치 규칙 | 태블릿·중간 화면 크기 대응 방식 |
| 기존 홈페이지 리디자인 | 현재 구조를 기준으로 화면 개선 | 기존 개발 구조 안에서 변경 가능한 범위 |
견적을 비교할 때 볼 것
웹 디자인 비용은 페이지 개수뿐 아니라 서로 다른 레이아웃의 수에 영향을 받습니다. 같은 양식으로 내용만 바꾸는 서비스 소개 5페이지와 각기 다른 구성의 5페이지를 구분해 견적을 요청하세요.
| 견적 항목 | 금액이 달라지는 이유 | 전달하면 좋은 자료 |
|---|---|---|
| 고유 레이아웃 수 | 공통 템플릿 재사용과 신규 화면 설계의 작업량이 다름 | 사이트 메뉴와 페이지별 내용 |
| 이미지·문구 준비 | 사진 보정·합성·카피 작성이 추가될 수 있음 | 제공 자료와 제작 요청 자료 |
| 반응형·동작 정의 | 모바일 메뉴, 긴 문구, 호버·입력 상태를 별도로 설계할 수 있음 | 화면 크기와 동작 목록 |
작업은 보통 이 순서로 진행됩니다
- 메뉴와 페이지별 원고·사진의 준비 상태를 확인합니다.
- 메인 또는 랜딩페이지 대표 구간으로 디자인 방향을 정합니다.
- PC·모바일 시안과 공통 요소를 제작합니다.
- Figma 원본·이미지·동작 설명을 전달하고 구현 검수 범위를 확인합니다.
견적 전에 준비하면 좋은 정보
- 프로젝트: 회사 홈페이지 반응형 디자인
- 필요 페이지: 메인, 회사 소개, 서비스, 사례, 문의
- 현재 자료: 원고 초안·로고 있음 / 사진 일부 필요
- 화면 범위: PC·모바일, 메뉴와 문의 폼 상태 포함
- 요청 산출물: Figma 원본·이미지 에셋
- 개발 범위: 퍼블리싱 제외 / 개발자에게 전달 필요
프리랜서를 비교할 때 확인할 것
- 웹 디자이너 포트폴리오에서 PC와 모바일 화면을 함께 보고, 본인이 맡은 디자인 범위를 확인하세요.
- 이미지로 된 시안만 받는지, 편집 가능한 Figma와 재사용 컴포넌트도 받는지 정하세요.
- 퍼블리싱은 디자인을 웹 화면으로 구현하는 작업입니다. 디자인 견적에 포함되는지 별도로 확인하세요.
- 견적서의 포함 업무·제외 업무·수정 범위·납품물이 한눈에 구분되는지 확인하세요.
- 비슷한 작업을 했다는 설명보다, 어떤 조건에서 어떤 역할을 맡았는지 구체적으로 물어보세요.
복사해서 쓰는 웹 디자인 의뢰서
아래 예시를 현재 프로젝트에 맞게 바꿔 사용하세요.
프로젝트: 회사 홈페이지 반응형 디자인
필요 페이지: 메인, 회사 소개, 서비스, 사례, 문의
현재 자료: 원고 초안·로고 있음 / 사진 일부 필요
화면 범위: PC·모바일, 메뉴와 문의 폼 상태 포함
요청 산출물: Figma 원본·이미지 에셋
개발 범위: 퍼블리싱 제외 / 개발자에게 전달 필요
희망 일정·예산: 기입 / 참고 사이트와 참고 이유 첨부
자주 묻는 질문
웹 디자인과 홈페이지 제작은 어떻게 다른가요?
웹 디자인은 주로 화면 설계와 시안 납품을 다룹니다. 홈페이지 제작에는 실제 화면 구현, 필요한 기능 개발, 도메인 연결과 오픈 등이 포함될 수 있으므로 필요한 결과물을 기준으로 선택하세요.
PC 디자인만 있으면 모바일 화면도 만들 수 있나요?
작업을 요청할 수 있지만 단순 축소와는 다릅니다. 메뉴, 표, 이미지와 콘텐츠 순서를 모바일에서 어떻게 바꿀지 정하고 모바일 시안 제작을 업무에 포함하세요.
웹 디자인 기간을 줄이려면 무엇을 준비하나요?
메뉴, 페이지별 원고, 사용할 사진과 로고를 먼저 정리하세요. 대표 시안을 승인할 담당자를 정하고 피드백을 모아 전달하면 반복 확인을 줄일 수 있습니다.