반응형 홈페이지 제작 비용은 휴대폰 화면을 따로 사는 값이 아니라, 화면 수와 기능이 정하는 제작비 안에 함께 들어 있는 것이 보통입니다. 반응형은 홈페이지 한 벌이 PC·태블릿·휴대폰 화면 너비에 맞춰 스스로 배치를 바꾸는 방식입니다. 그래서 견적을 볼 때는 "모바일 추가"라는 항목보다 몇 종류의 화면을, 어떤 기능까지 휴대폰에 맞춰 주는지를 확인해야 합니다.
반응형이 뜻하는 것
반응형의 '반응'은 손님 반응이 좋다는 뜻이 아니라 화면 크기에 반응한다는 뜻입니다. 같은 홈페이지가 넓은 PC 화면에서는 사진과 글을 옆으로 나란히 놓고, 좁은 휴대폰 화면에서는 위아래 한 줄로 쌓아 보여 줍니다. 주소도 하나, 내용도 하나입니다.
가게 진열에 비유하면, 넓은 매장에서는 상품을 옆으로 늘어놓고 좁은 매장에서는 선반 위로 쌓습니다. 반응형도 글과 사진은 그대로 두고 놓는 자리만 바꿉니다.
'모바일 홈페이지'라는 말은 두 가지 뜻으로 쓰입니다. 하나는 휴대폰에서도 잘 보이도록 만든 반응형 홈페이지, 다른 하나는 PC용과 별도로 휴대폰 전용을 한 벌 더 만든 홈페이지입니다. 견적서에 "모바일 포함"이라고 적혀 있다면 둘 중 어느 쪽인지 먼저 물어봅니다.
반응형, 모바일 따로, PC 전용 비교
| 방식 | 만드는 방법 | 내용을 고칠 때 |
|---|---|---|
| 반응형 | 한 벌을 만들고 화면 너비마다 배치를 맞춤 | 한 번 고치면 PC·휴대폰에 함께 반영 |
| 모바일 따로 | PC용과 휴대폰용 두 벌을 만들고 주소도 나뉨 (m.으로 시작하는 주소 등) | 두 곳을 각각 고쳐야 함 |
| PC 전용 | PC 화면 하나만 만듦 | 한 곳만 고치면 되지만, 휴대폰에서는 글자가 작아 손가락으로 확대해야 읽힘 |
PC 전용은 처음엔 손이 덜 가 보이지만, 휴대폰 손님이 화면을 늘렸다 줄였다 하다 나가기 쉽습니다. 새로 만드는 홈페이지라면 반응형을 기본으로 생각하시면 됩니다.
그래서 얼마인가요
요즘은 반응형을 기본으로 만드는 곳이 많아, 휴대폰 화면 값만 따로 떼어 부르는 경우는 드뭅니다. 그래서 반응형 홈페이지 제작 비용은 결국 홈페이지 전체 제작비로 보면 됩니다. 홈페이지 제작 비용 총정리 2026 글에서 정리한 일반적인 범위로 보면 에이전시가 프리랜서보다 몇 배 높고, 구독형은 목돈 없이 매달 나눠 내는 방식입니다. 같은 방식 안에서도 금액이 몇 배씩 벌어지는 것은 아래 두 가지, 화면 수와 기능 때문입니다. (업체와 구성에 따라 범위를 벗어나는 경우도 있습니다.)
비용이 달라지는 이유 ① 화면 수
반응형 제작비를 가장 크게 가르는 것은 몇 종류의 화면을 만드느냐입니다. 여기서 '화면'은 페이지 개수가 아니라 페이지의 틀(모양) 수를 말합니다. 시공 사례가 50건이어도 사례 페이지의 틀이 하나라면 휴대폰에 맞추는 일도 한 번입니다.
틀 하나마다 PC·태블릿·휴대폰 세 너비에서 글자 크기, 사진 비율, 버튼 위치를 맞춥니다. 예를 들어 첫 화면·회사 소개·서비스·사례·문의 다섯 가지 틀이라면 맞춰 볼 화면은 5 × 3 = 15개입니다. 틀이 열 가지로 늘면 30개가 되어 맞춰 볼 화면도 두 배로 늘어납니다. (설명을 위한 예시입니다.)
그래서 메뉴가 적은 홈페이지는 반응형이어도 부담이 크지 않습니다. 모든 내용을 한 페이지에 담는 방식과 여러 페이지 방식의 차이는 원페이지 홈페이지, 괜찮을까요? — 한 페이지와 여러 페이지 차이 글에서 다룹니다.
비용이 달라지는 이유 ② 기능
두 번째는 기능입니다. 글과 사진은 화면 폭에 맞춰 자연스럽게 아래로 쌓이지만, 손가락으로 누르고 넘기는 기능은 휴대폰에서 따로 손봐야 합니다.
| 기능 | 휴대폰에서 맞추는 것 | 손이 가는 정도 |
|---|---|---|
| 메뉴 | 줄 세 개 버튼을 눌러 펼치는 메뉴로 바꿈 | 적음 |
| 상담 버튼 | 누르면 바로 전화·카카오톡이 열리게 하고 화면 아래에 고정 | 적음 |
| 사진 모음 | 손가락으로 옆으로 넘기기, 눌러서 크게 보기 | 보통 |
| 가격표·비교표 | 넓은 표를 카드 모양으로 바꾸거나 옆으로 밀어 보게 함 | 보통 |
| 예약·결제 | 달력 고르기, 입력 칸, 결제 화면까지 작은 화면에서 하나씩 확인 | 많음 |
예약·결제·회원 기능처럼 단계가 여러 개인 기능은 단계마다 입력 칸과 버튼을 휴대폰에서 확인해야 해서, 견적에 따로 잡히는 경우가 많습니다.
모바일을 따로 만들면 생기는 일
PC 홈페이지를 먼저 만들고 휴대폰용을 한 벌 더 만드는 방식도 있습니다. 간단해 보이지만 운영하다 보면 이런 일이 생깁니다.
- 고칠 곳이 두 군데입니다. 가격이나 영업시간을 바꿀 때 한쪽만 고치면 PC와 휴대폰에 서로 다른 정보가 보입니다.
- 주소가 두 개입니다. 자동으로 맞는 화면으로 넘겨 주는 설정이 없으면, 손님이 카카오톡으로 받은 휴대폰용 주소를 PC에서 열었을 때 휴대폰 화면이 PC에 길게 늘어져 보입니다.
- 검색 설정이 하나 더 필요합니다. 같은 내용이 두 주소에 있으니, 둘이 한 홈페이지라는 것을 검색엔진에 따로 알려 줘야 합니다.
- 태블릿이 어중간합니다. 중간 크기 화면은 PC용에도 휴대폰용에도 딱 맞지 않습니다.
화면을 두 벌 만들고 두 벌을 관리하는 셈이라, 처음 만들 때도 고칠 때도 반응형 한 벌보다 손이 더 갑니다. 이미 따로 만든 홈페이지를 쓰고 있고 휴대폰에서 보기 불편하다면 홈페이지 리뉴얼, 언제 해야 하나요? 글의 신호를 함께 확인해 보세요.
견적서에서 확인할 것
- 반응형이 기본인지 — "모바일 추가"가 따로 적혀 있다면 반응형인지, 휴대폰용을 한 벌 더 만드는 것인지 묻습니다.
- 어떤 화면에서 확인하는지 — 휴대폰만인지, 태블릿까지 맞춰 주는지 적어 달라고 합니다.
- 틀 수와 페이지 수 — 몇 종류의 틀을 만들고, 몇 페이지까지 내용을 채워 주는지 나눠 적혀 있는지 봅니다.
- 기능이 휴대폰에서도 같은지 — 예약·게시판·문의 양식이 휴대폰에서도 같은 순서로 동작하는지 확인합니다.
- 관리자 화면 — 사장님이 직접 글과 사진을 바꿀 때, 휴대폰에서 어떻게 보일지 미리 볼 수 있는지 봅니다.
- 오픈 뒤 수정 — 휴대폰에서 어긋난 곳을 발견했을 때 고쳐 주는 기간과 범위를 봅니다.
소유권·약정·유지보수 범위처럼 계약서에 함께 넣을 조건은 홈페이지 제작 업체 고르는 법 — 계약 전 확인할 7가지에서 이어서 볼 수 있습니다.
자주 빠뜨리는 것
- 휴대폰용 첫 화면 사진 — 가로로 긴 사진은 휴대폰에서 얇은 띠처럼 보입니다. 세로로 잘라도 중요한 부분이 남는 사진을 고르거나, 휴대폰용 사진을 하나 더 준비하면 첫 화면이 꽉 차 보입니다.
- 글자 크기 — PC에서 알맞던 글자가 휴대폰에서는 작게 느껴집니다. 읽기 편한 크기는 홈페이지 색과 글꼴 고르는 법 글에 있습니다.
- 팝업 창 — PC에서는 구석에 뜨던 공지 창이 휴대폰에서는 화면 전체를 가립니다. 닫기 버튼이 손가락으로 누르기 쉬운 크기인지 봅니다.
- 실제 휴대폰으로 확인 — 오픈 전에 사장님 휴대폰으로 메뉴와 버튼을 직접 눌러 봅니다.
팬텀디자인 구독에서는
PC·모바일 반응형이 구독에 기본으로 포함돼 있어, 휴대폰 화면을 위한 항목이 따로 붙지 않습니다. 제작비 0원에 월 99,000원(VAT 별도), 24개월 약정이며(약정 중 해지하면 남은 기간의 이용료가 위약금으로 발생합니다) 제작 중 수정과 월 1회 무상 유지보수도 들어 있습니다. 예약·결제·쇼핑몰처럼 범위가 큰 기능은 따로 견적을 드리며, 자세한 내용은 요금 안내에서 볼 수 있습니다.
전체 비용과 함께 보려면
반응형은 제작비의 한 부분입니다. 제작 방식별로 전체 비용이 어떻게 나뉘는지는 홈페이지 제작 비용 총정리 2026, 오픈 뒤 매달 드는 도메인·서버·유지보수 비용은 월 구독 홈페이지, 왜 저렴한가요?, 물건을 파는 홈페이지라면 쇼핑몰 홈페이지 제작 비용 글을 함께 보세요.
자주 묻는 질문
반응형이면 모바일 비용을 따로 내야 하나요?
반응형은 한 벌의 홈페이지가 화면 너비에 맞춰 배치를 바꾸는 방식이라 보통 제작비 안에 포함됩니다. 견적서에 '모바일 추가' 항목이 따로 있다면 반응형인지, 휴대폰용을 한 벌 더 만드는 것인지 물어보세요.
반응형 홈페이지 제작 비용은 무엇에 따라 달라지나요?
몇 종류의 페이지 틀을 만드는지와 어떤 기능을 넣는지에 따라 달라집니다. 틀마다 PC·태블릿·휴대폰 화면을 맞추고, 예약·결제처럼 단계가 많은 기능은 휴대폰에서 단계마다 확인해야 합니다. 그래서 같은 제작 방식 안에서도 금액 차이가 크게 납니다.
휴대폰용 홈페이지를 따로 만들면 안 되나요?
만들 수는 있지만 주소가 두 개로 나뉘고, 내용을 바꿀 때 두 곳을 고쳐야 합니다. 직접 운영하는 가게·회사 홈페이지라면 한 번 고치면 함께 바뀌는 반응형이 관리하기 편합니다.
지금 홈페이지가 휴대폰에서 글자가 작고 깨져 보입니다.
PC 화면 기준으로만 만들어졌을 가능성이 큽니다. 사진·문구 교체로 해결되지 않는다면 반응형으로 리뉴얼하는 것을 검토해 보세요.
팬텀디자인 구독에도 반응형이 포함되나요?
네, PC·모바일 반응형이 월 99,000원(VAT 별도) 구독에 포함됩니다. 예약·결제·쇼핑몰 기능은 범위에 따라 별도 견적입니다.
