UX/UI 디자인 비용, 무엇을 기준으로 산정할까?

화면 수·복잡도·산출물로 정리하는 디자인 견적

UXstory INSIGHT · UX/UI · 게시일 · 수정일

안녕하세요, 유엑스스토리입니다.

같은 30개 화면을 디자인하더라도 견적이 같지는 않습니다. 단순한 정보 페이지와 여러 권한·상태가 있는 업무 화면은 설계와 검토에 필요한 시간이 다르기 때문입니다. 비용을 비교하려면 화면 수와 함께 화면이 수행하는 역할을 살펴봐야 합니다.

디자인 견적은 결과물의 모양뿐 아니라 문제를 정의하고 구현에 필요한 기준을 정리하는 과정까지 포함합니다. 발주 전에 준비할 정보와 견적서에서 확인할 항목을 순서대로 살펴보겠습니다.

와이어프레임과 화면 디자인, 색상표를 정리한 UX/UI 설계 작업
내용 이해를 위한 AI 생성 예시 이미지입니다.

01기획이 어느 단계까지 정리됐는지 확인합니다

메뉴 목록만 있는 경우와 화면별 기능·정책이 정리된 경우는 출발점이 다릅니다. 디자인 단계에서 기능을 다시 정의해야 한다면 정보구조와 사용자 흐름을 설계하는 시간이 추가로 필요합니다.

현재 보유한 요구사항, 화면설계서, 브랜드 가이드와 기존 화면을 함께 전달하세요. 자료가 없더라도 상담은 가능하지만, 어느 단계부터 맡기는지에 따라 수행 범위를 구분해야 합니다.

02화면을 개수와 유형으로 함께 분류합니다

유사한 상세 화면을 반복하는 작업과 서로 다른 업무를 가진 화면을 만드는 작업은 다릅니다. 목록, 상세, 입력, 대시보드처럼 유형을 나누고 공통으로 재사용할 수 있는 부분을 표시해보세요.

그다음 최초 진입, 빈 상태, 로딩, 오류, 권한 제한과 같은 화면 상태를 확인합니다. 정상 상태만 디자인하면 구현 단계에서 메시지와 버튼 동작을 다시 결정해야 할 수 있습니다.

03PC·모바일의 제공 범위를 정합니다

반응형 디자인은 PC 화면을 작게 줄이는 것만으로 끝나지 않습니다. 표의 열을 줄이거나 메뉴를 접고, 터치 환경에 맞춰 입력과 조작 방식을 바꿀 수 있습니다.

모든 화면을 PC와 모바일로 각각 제공할지, 대표 화면과 공통 규칙으로 전달할지 합의하세요. 데이터가 많은 업무 화면은 모바일에서 조회만 할지 수정도 할지에 따라 설계 범위가 달라집니다.

04디자인 시스템의 깊이를 구분합니다

색상과 폰트만 정리하는 스타일 가이드와 컴포넌트의 상태·사용 규칙을 정의하는 디자인 시스템은 산출물 범위가 다릅니다. 디자인 파일과 실제 개발 컴포넌트를 모두 구축하는지도 별도로 확인해야 합니다.

기존 시스템이 있다면 재사용 가능성과 정리 수준을 먼저 살펴보세요. 새로 만드는 항목, 보완하는 항목, 그대로 사용하는 항목을 나누면 비용과 일정을 설명하기 쉬워집니다.

05시안과 수정의 기준을 구체화합니다

수정 횟수만 적으면 한 번의 수정에 포함되는 범위가 서로 다르게 해석될 수 있습니다. 검토할 대표 화면, 의견 취합 담당자, 확정 시점과 이후 변경 처리 방식을 함께 정하는 것이 좋습니다.

색상 조정과 메뉴 구조 변경은 영향 범위가 다릅니다. 이미 합의한 구조가 바뀌는 경우 관련 화면과 일정에 어떤 영향이 있는지 먼저 확인하고 진행 여부를 결정하세요.

06최종 전달 자료까지 비교합니다

완성 이미지 외에 편집 가능한 디자인 파일, 컴포넌트, 아이콘 에셋, 상태 설명과 개발 참고 자료가 필요한지 확인하세요. 무엇을 전달받는지에 따라 이후 개발이나 유지보수의 준비가 달라집니다.

견적서에는 파일 형식과 정리 범위를 적고, 외부 폰트·이미지 등은 사용 조건과 제공 범위를 확인해두세요. 산출물을 많이 받는 것보다 다음 담당자가 실제로 활용할 수 있도록 정리되는지가 중요합니다.

협의할 항목과 확인할 내용
구분확인 내용
설계 범위요구사항 정리·IA·사용자 흐름·와이어프레임
디자인 범위화면 유형·상태·디바이스·컴포넌트
전달 범위원본 파일·에셋·프로토타입·개발 참고 자료

상담 전 체크리스트

  • 화면 목록과 화면 유형을 함께 전달했나요?
  • 오류·빈 상태와 모바일 범위를 정했나요?
  • 시안 검토와 변경 처리 기준이 있나요?
  • 최종 파일과 가이드의 제공 범위가 명확한가요?

오늘 글에서 얻어갈 핵심 3가지

1. 화면 수는 출발점입니다.
복잡도와 상태를 함께 봐야 합니다.

2. 기획·디자인·시스템 구축 범위를 나누세요.
동일한 기준으로 견적을 비교할 수 있습니다.

3. 전달 이후의 활용을 고려하세요.
구현에 필요한 설명까지 산출물에 포함하는지 확인하세요.

우리 프로젝트에 적용하려면 무엇부터 준비할까요?

현재 상황과 필요한 업무, 희망 일정을 알려주세요.
기획·디자인·구현 범위를 함께 정리하겠습니다.

프로젝트 상담하기