프레이머로 만든 사이트인데 왜 문의가 안 올까? 방문이 새는 6곳

프레이머로 만들었다고 문의가 오는 사이트가 되지는 않습니다. 프레이머는 도구이고, 문의는 설계에서 나옵니다.

운영 중인 프레이머 사이트를 점검해 보면 문제는 대부분 디자인이 아닙니다. 방문자는 들어오는데, 문의로 이어지는 길목에서 빠져나가고 있습니다. 그리고 빠져나가는 자리는 거의 정해져 있습니다. 이 글은 그 6곳과, 지금 바로 확인하는 방법을 정리합니다.

30초 요약

• •문의가 없는 프레이머 사이트의 문제는 디자인이 아니라 새는 길목입니다. 속도, 모바일, 문의 동선, 폼, 검색 정보, 계측 6곳에서 방문이 빠집니다.
• •6곳 모두 5분이면 직접 확인할 수 있습니다. 휴대폰 하나와 무료 측정 도구면 충분합니다.
• •설정 문제는 고쳐 쓰고, 구조 문제는 다시 짓는 편이 쌉니다. 둘을 구분하지 않고 덧대기만 하면 비용이 두 번 듭니다.
• •예쁜 사이트와 문의가 오는 사이트는 다른 설계입니다. 화면부터 그린 사이트와 문의 동선부터 그린 사이트는 결과가 다릅니다.

왜 프레이머 사이트에서 이런 일이 자주 생길까요?

프레이머는 만들기 쉽습니다. 그래서 내부 디자이너 한 명이, 혹은 템플릿 하나로 며칠 만에 사이트가 나옵니다. 문제는 여기서 시작됩니다. 화면이 완성되는 속도가 빠른 만큼, 화면 밖의 일은 통째로 건너뛰기 쉽습니다.

속도 측정, 모바일 실기기 확인, 폼 테스트, 페이지별 검색 정보, 전환 계측. 이 다섯 가지는 캔버스에서 보이지 않습니다. 보이지 않으니 아무도 하지 않고, 오픈한 뒤에는 아무도 다시 열어 보지 않습니다.

1. 첫 화면이 3초 안에 열리지 않습니다

Google의 조사(The Need for Mobile Speed, 2016)에 따르면 모바일 방문자의 53%는 로딩이 3초를 넘기면 떠납니다. 광고비를 써서 데려온 방문자의 절반이 첫 화면도 보지 못하고 나간다는 뜻입니다.

프레이머라서 느린 게 아닙니다. 올린 그대로 두었기 때문에 느립니다. 느린 프레이머 사이트의 원인은 거의 같습니다.

• •촬영 원본 그대로 올린 수 MB짜리 이미지
• •첫 화면에서 자동 재생되는 배경 영상
• •쓰지도 않는 굵기까지 전부 불러오는 폰트
• •헤드에 쌓인 채팅 위젯, 픽셀, 분석 스크립트

확인 방법은 간단합니다. PageSpeed Insights에 주소를 넣고 모바일 점수를 보세요. 50점 아래라면 방문자는 이미 기다리다 나가고 있습니다. 세팅 방법은 프레이머 사이트 Lighthouse 90점 세팅에 정리해 두었습니다.

2. 모바일 화면이 데스크톱의 축소판입니다

프레이머는 데스크톱, 태블릿, 모바일 화면을 따로 잡아야 합니다. 그런데 작업은 큰 모니터에서 하고, 확인도 큰 모니터에서 끝납니다. 모바일은 자동으로 줄어든 상태 그대로 남습니다.

그 결과는 익숙합니다. 글자가 두 줄로 깨지고, 버튼이 화면 밖으로 밀리고, 메뉴가 열리지 않습니다. 편집기의 모바일 미리보기는 통과했는데 실제 휴대폰에서는 깨지는 사이트가 많습니다.

지금 휴대폰으로 사이트를 열어 세 가지만 해보세요. 메뉴를 열고, 가장 긴 페이지를 끝까지 내리고, 문의 폼을 끝까지 작성해 제출합니다. 셋 중 하나라도 막히면 모바일 방문자는 전부 거기서 나갑니다.

3. 문의 버튼이 맨 아래 한 곳에만 있습니다

방문자는 페이지를 끝까지 읽지 않습니다. 그런데 많은 사이트가 회사 소개, 서비스, 연혁을 다 보여준 뒤 맨 아래에 문의 버튼 하나를 둡니다. 관심이 가장 높은 순간에는 버튼이 없고, 버튼이 나올 때쯤에는 방문자가 없습니다.

문의 버튼은 장식이 아니라 동선입니다. 첫 화면에 하나, 설득이 끝나는 구간마다 하나, 그리고 스크롤을 따라오는 헤더에 하나가 있어야 합니다. 버튼의 문구도 "문의하기" 하나로 통일하지 말고, 그 구간에서 방문자가 원하는 것(견적, 일정, 사례)에 맞춰야 합니다.

4. 문의 폼이 도착하지 않습니다

가장 조용하고 가장 비싼 문제입니다. 폼은 화면에 멀쩡히 보이고, 제출 버튼도 눌립니다. 그런데 메일이 오지 않습니다. 수신 주소가 퇴사한 직원의 메일이거나, 연결해 둔 시트가 지워졌거나, 스팸함으로 빠지고 있습니다.

문의가 안 오는 게 아니라 안 도착하고 있는 사이트를 저희는 꾸준히 발견합니다. 마지막으로 직접 폼을 제출해 본 날이 기억나지 않는다면, 이 글을 읽기 전에 그것부터 하세요. 30초면 끝납니다.

5. 검색 결과에 회사 이름만 나옵니다

프레이머에는 페이지마다 제목과 설명을 넣는 칸이 있습니다. 비워 두면 모든 페이지가 같은 제목으로 검색에 나갑니다. 서비스 페이지도, 가격 페이지도, 사례 페이지도 검색 결과에서는 전부 회사 이름 한 줄입니다.

검색하는 사람은 회사 이름이 아니라 자기 문제를 검색합니다. 페이지 제목이 회사 이름뿐이라면, 그 사이트는 이미 회사를 아는 사람만 찾아올 수 있습니다. 구글에서 site:도메인 으로 검색해 결과 목록을 훑어보세요. 제목이 전부 같다면 설정이 비어 있는 것입니다. 페이지별 설정 기준은 프레이머 SEO 실전 세팅 가이드에서 확인할 수 있습니다.

6. 숫자를 보지 않습니다

앞의 다섯 가지가 고쳐지지 않는 이유가 여기 있습니다. 방문 수는 가끔 보지만, 문의 버튼이 몇 번 눌렸는지, 폼이 몇 번 제출됐는지, 어느 구간에서 사람들이 나가는지는 보지 않습니다.

어디서 새는지 모르면 무엇을 고쳐도 운에 맡기는 것입니다. 최소한 GA4에 문의 버튼 클릭과 폼 제출 두 가지가 전환으로 잡혀 있어야 하고, Microsoft Clarity 같은 무료 도구로 방문자가 실제로 어디까지 내려가는지 봐야 합니다. 이 두 가지가 없는 사이트의 리뉴얼은 취향 싸움으로 끝납니다.

5분 자가 점검표

고쳐 쓸까요, 다시 만들까요?

6곳이 모두 같은 종류의 문제는 아닙니다. 기준은 하나입니다. 설정의 문제인가, 구조의 문제인가.

• •고쳐 쓰면 되는 것: 이미지 용량, 폼 수신 주소, 페이지 제목과 설명, 계측 설치. 구조를 건드리지 않고 끝납니다.
• •다시 짓는 편이 싼 것: 화면마다 따로 복사해 만든 섹션, 방치된 모바일 화면, 문의 동선이 없는 페이지 구성. 덧댈수록 다른 곳이 깨집니다.

헤더와 버튼이 컴포넌트가 아니라 복사본으로 흩어져 있는 사이트는 버튼 문구 하나를 바꾸는 데도 페이지 수만큼 작업이 듭니다. 이런 사이트에 문의 동선을 덧붙이는 비용은 처음부터 다시 짓는 비용에 금방 닿습니다. 어디까지 직접 고쳐도 되는지는 프레이머 사이트 수정, 어디까지 직접 해도 될까에서 기준을 나눠 두었습니다.

예쁜 사이트는 화면에서 시작하고, 문의가 오는 사이트는 동선에서 시작합니다.

청담오브에어의원은 프레이머로 리뉴얼한 뒤 문의 전환율이 70% 올랐습니다. 바뀐 것은 색이나 사진이 아니라 순서였습니다. 가볍게 열리게 만들고, 문의 동선을 먼저 그리고, 그 위에 화면을 올렸습니다.

지금 사이트가 어디서 새는지 궁금하다면

EasySpark는 프레이머 사이트를 만들 때 속도, 반응형, 문의 동선, 검색 정보를 화면보다 먼저 설계합니다. 오픈 뒤에는 팀이 직접 고칠 수 있게 CMS와 편집 가이드까지 넘깁니다. 범위와 비용은 프레이머 홈페이지 제작 안내에 공개해 두었습니다.

상담 폼에 지금 사이트 주소만 남겨 주세요. 위 6곳을 기준으로 현재 상태부터 정리해 드립니다.

프레이머 사이트 상담하기 →

함께 읽으면 좋은 글

• •프레이머를 1년 쓰면 부딪히는 한계 6가지, 그리고 넘는 방법
• •Framer 사이트 Lighthouse 90점 나오는 세팅
• •방치된 프레이머 사이트를 넘겨받으면, 저희가 가장 먼저 하는 3가지
• •Framer 사이트 수정, 어디까지 직접 해도 될까

이 글은 EasySpark 허수진 대표의 실무 내용이며, 업종과 사이트 구조, 유입 경로마다 다를 수 있어 결과를 보장하지 않습니다. 지금 사이트의 맞춤 진단이 필요하시다면 편하게 상담 신청해 주세요.