마음에 드는 프레이머 템플릿을 찾은 날은 기분이 좋습니다. 미리보기 속 첫 화면은 이미 완성된 회사 사이트처럼 보이고, 값은 외주 견적의 몇십 분의 일입니다. 문제는 그다음 주에 시작됩니다. 회사 소개 섹션이 하나 모자라고, 모바일에서 제목이 두 줄로 깨지고, 블로그 글 하나를 올리려니 페이지를 통째로 복제해야 합니다.
템플릿은 출발점입니다. 지름길이 아닙니다. 이 차이를 모르고 시작한 사이트는 석 달 뒤 두 번 돈을 씁니다. 한 번은 템플릿을 고치는 데, 한 번은 결국 다시 만드는 데.
이 글의 답
사업을 검증하는 단계라면 템플릿, 브랜드와 영업 방식이 정해졌다면 맞춤 제작입니다. 템플릿 섹션의 절반 이상을 바꿔야 한다면 그 순간이 경계선입니다.
30초 요약
- •검증 전에는 템플릿, 검증 후에는 맞춤 제작입니다. 무엇을 팔지 아직 흔들린다면 큰돈을 쓸 때가 아닙니다.
- •템플릿 맞춤형은 구조를 빌리고, 맞춤 제작은 구조를 설계합니다. 비용 차이는 여기서 납니다.
- •템플릿을 많이 고칠수록 맞춤 제작보다 비싸집니다. 남이 지은 집을 뜯어고치는 일은 새로 짓는 일보다 오래 걸립니다.
- •템플릿은 화면보다 속을 보고 고릅니다. 모바일 완성도, 컴포넌트 구조, CMS 포함 여부가 오픈 뒤를 결정합니다.
프레이머 템플릿 맞춤형과 맞춤 제작은 무엇이 다른가요?
구조를 누가 정하느냐가 다릅니다. 템플릿 맞춤형은 이미 정해진 구조에 회사의 내용을 채우고, 맞춤 제작은 회사의 내용에 맞춰 구조부터 설계합니다.
프레이머 요금제, 도메인, 원고와 사진은 두 방식 모두 별도입니다
| 구분 | 템플릿 맞춤형 | 맞춤 제작 |
|---|---|---|
| 출발점 | 완성된 프레이머 템플릿 | 빈 캔버스와 기획 |
| 바꾸는 것 | 문구, 사진, 색, 로고 | 페이지 구조, 문의 동선, 디자인 전체 |
| EasySpark 기준 비용 | 페이지당 10만원 (템플릿 구매비 별도) | 3~5페이지 200~400만원부터 |
| 기간 | 짧으면 며칠 | 빠르면 4주 |
| 차별화 | 같은 템플릿을 쓴 사이트와 닮음 | 그 회사만의 화면 |
| 잘 맞는 단계 | 사업 검증 전, 첫 사이트 | 브랜드와 영업 방식이 정해진 뒤 |
템플릿이 빠르고 싼 이유는 구조를 고민하는 시간이 이미 끝나 있기 때문입니다. 반대로 말하면, 내용이 그 구조에 맞지 않는 순간부터 비용이 튀기 시작합니다.
프레이머 템플릿으로 만들면 총비용은 얼마인가요?
EasySpark 기준 맞춤 작업은 페이지당 10만원이고, 여기에 템플릿 구매비와 프레이머 요금제, 도메인이 더해집니다. 견적을 비교할 때는 아래 네 가지를 모두 더해서 봐야 합니다.
| 비용 항목 | 내는 시점 | 참고 |
|---|---|---|
| 템플릿 구매비 | 처음 한 번 | 템플릿마다 다르고, 무료 템플릿도 있습니다 |
| 템플릿 맞춤 작업 | 처음 한 번 | EasySpark 기준 페이지당 10만원 |
| 프레이머 요금제 | 매달 또는 매년 | 사이트 단위로 붙습니다 |
| 도메인 | 매년 | 회사 명의로 등록하는 것을 권합니다 |
어떤 회사가 템플릿으로 시작해야 하나요?
사업 모델을 검증하는 중이거나, 페이지 몇 장으로 충분하거나, 당장 링크가 필요한 회사입니다.
- •사업 모델을 검증하는 회사 석 달 뒤 서비스 설명이 바뀔 수 있다면, 그때 다시 만들 사이트에 큰돈을 쓸 이유가 없습니다.
- •페이지 1~3장이면 충분한 회사 소개, 서비스, 문의로 끝나는 사이트는 잘 만든 템플릿으로 충분합니다.
- •당장 링크가 필요한 회사 투자 미팅, 행사, 광고 집행이 다음 주라면 템플릿이 유일한 선택입니다.
- •구조가 80% 이상 맞는 템플릿을 이미 찾은 회사 고민할 필요가 없습니다. 바로 시작하세요.
어떤 회사가 맞춤 제작으로 가야 하나요?
브랜드가 곧 매출인 회사, 문의 동선이 영업의 전부인 회사, 콘텐츠를 계속 쌓을 회사입니다.
- •경쟁사와 달라 보여야 팔리는 회사 브랜드가 상품인 업종에서 남과 닮은 사이트는 그 자체로 손해입니다.
- •문의 동선이 영업의 전부인 회사 어디서 무엇을 누르게 할지 설계해야 한다면 템플릿의 정해진 순서는 걸림돌입니다.
- •콘텐츠를 계속 쌓을 회사 블로그, 사례, 공지를 나누는 방식은 CMS 설계에서 정해집니다. 템플릿의 CMS는 그 회사의 콘텐츠를 모릅니다.
- •2년 이상 운영할 회사 오래 쓸수록 구조의 차이가 수정 비용으로 돌아옵니다.
템플릿과 맞춤 제작의 경계선은 어떻게 판단하나요?
아래 다섯 질문 중 두 개 이상에 "예"라면 맞춤 제작이 결과적으로 쌉니다.
- 1.템플릿 섹션의 절반 이상을 바꿔야 하나요? 남의 구조를 뜯어고치는 일은 새로 짓는 일보다 오래 걸립니다.
- 2.모바일 화면까지 원하는 모양인가요? 데스크톱만 보고 고른 템플릿은 모바일에서 다시 손봐야 합니다.
- 3.1년 안에 페이지가 두 배로 늘어날 계획인가요? 늘어날 페이지를 담을 구조가 템플릿에 없다면 처음부터 설계해야 합니다.
- 4.같은 템플릿을 쓴 경쟁사가 있나요? 인기 템플릿일수록 같은 업계에서 마주칠 확률이 높습니다.
- 5.사이트로 문의를 받는 것이 목표인가요? 보여주는 사이트와 문의를 받는 사이트는 설계가 다릅니다.
템플릿을 고치는 비용이 새로 짓는 비용에 닿는 순간, 그곳이 경계선입니다.
프레이머 템플릿을 고를 때 무엇을 먼저 봐야 하나요?
첫 화면이 아니라 모바일 화면, 컴포넌트 구조, CMS 포함 여부를 먼저 봐야 합니다. 템플릿 마켓의 미리보기는 데스크톱 첫 화면이 가장 예쁘게 보이도록 만들어져 있습니다. 오픈 뒤를 결정하는 것은 그 아래에 있습니다.
| 확인할 것 | 어떻게 확인하나요 | 위험 신호 |
|---|---|---|
| 모바일 완성도 | 미리보기를 휴대폰으로 열어 끝까지 내려보기 | 글자가 깨지거나 섹션이 겹침 |
| 컴포넌트 구조 | 헤더, 버튼, 카드가 컴포넌트로 묶여 있는지 확인 | 같은 버튼이 페이지마다 복사본 |
| CMS 포함 여부 | 블로그나 사례가 CMS로 연결됐는지 확인 | 글마다 페이지를 복제하는 구조 |
| 한글 폰트 | 한글 문구를 넣었을 때 줄바꿈과 굵기 | 영문 전용 폰트라 한글이 따로 놂 |
| 사용 범위 | 판매 페이지의 이용 조건 | 여러 사이트에 써도 되는지 불분명 |
컴포넌트 구조가 엉망인 템플릿은 싸게 사서 비싸게 씁니다. 문구 하나를 바꿔도 페이지마다 따로 고쳐야 하기 때문입니다. 컴포넌트를 나누는 기준은 컴포넌트 4개짜리 랜딩페이지를 32개로 다시 짠 이유에 정리했습니다.
템플릿으로 시작했다가 다시 만들어야 하는 신호는 무엇인가요?
고칠 때마다 다른 곳이 틀어지기 시작하면, 덧대기를 멈추고 다시 지을 때입니다.
- •섹션을 하나 추가할 때마다 다른 페이지가 틀어진다
- •모바일 화면을 고치는 데 데스크톱보다 시간이 더 든다
- •블로그나 사례를 올릴 때마다 페이지를 통째로 복제한다
- •문의는 들어오는데 어느 버튼에서 들어왔는지 모른다
템플릿으로 시작한 것은 실패가 아닙니다. 다만 이 신호가 보이면 기존 문구와 사진은 살리고 구조만 새로 짜는 편이 결과적으로 쌉니다. 문의가 새는 지점은 프레이머로 만든 사이트인데 왜 문의가 안 올까에서 점검할 수 있습니다.
EasySpark의 시선: 템플릿을 만드는 팀이 템플릿부터 권하는 이유
EasySpark(이지스파크)는 디자인, 개발, 검색 노출을 한 팀이 맡는 프레이머(Framer) 전문 웹 제작사입니다. EasySpark는 NOVA, VIRELLE 같은 프레이머 템플릿을 직접 만들고, 기업 맞춤 사이트도 제작합니다.
템플릿을 만드는 쪽에 서 보면 보이는 것이 있습니다. 어떤 템플릿은 고칠수록 단단해지고, 어떤 템플릿은 고칠수록 무너집니다. 차이는 화면이 아니라 속에 있습니다. 컴포넌트가 제대로 묶였는지, 모바일이 따로 설계됐는지, CMS가 처음부터 연결됐는지.
그래서 상담에서 맞춤 제작을 먼저 권하지 않습니다. 지금 단계에 템플릿으로 충분하다면 템플릿 맞춤형을 권하고, 구조부터 설계해야 할 때만 맞춤 제작을 제안합니다. 패키지별 구성은 프레이머 홈페이지 제작 안내에 공개해 두었습니다.
좋은 제작사는 더 비싼 선택지가 아니라, 지금 맞는 선택지를 먼저 말합니다.
마음에 둔 템플릿이 있다면
템플릿 링크만 보내 주세요. 그 템플릿으로 충분한지, 어디까지 고칠 수 있는지부터 답해 드립니다.
글 허수진 EasySpark(이지스파크) 대표. 프레이머(Framer)와 피그마를 1,500명에게 가르쳤고, CES 2024 혁신상 수상 기업의 랜딩페이지와 홈페이지를 디자인했습니다.
함께 읽으면 좋은 글
- •프레이머(Framer)는 왜 기업가치 20억 달러가 됐을까?
- •프레이머로 어디까지 만들 수 있을까? 기능을 5단계로 나눠 정리했습니다
- •프레이머로 만든 사이트인데 왜 문의가 안 올까? 방문이 새는 6곳
표지 사진: Aleksi Tappura, "Laptop on a desk (Unsplash)", CC0, Wikimedia Commons. 제목을 얹어 편집했습니다.
이 글은 EasySpark 허수진 대표의 실무 내용이며, 템플릿과 사업 단계마다 맞는 방식이 달라 결과를 보장하지 않습니다. 템플릿으로 충분한지 판단이 필요하시다면 편하게 상담 신청해 주세요.