손님이 우리 홈페이지에 들어와 마음을 정하는 데까지는 성공했다. 문제는 그다음이다. "그래, 여기 한번 물어볼까" 싶은 바로 그 순간, 정작 어디를 눌러야 연락이 닿는지가 화면 어디에도 선명하게 보이지 않는다. 손님은 스크롤을 오르내리다 지치고, 결국 아무것도 누르지 않은 채 창을 닫는다. 홈페이지의 모든 글과 사진은 결국 이 한 번의 클릭을 위해 존재하는데, 그 버튼 하나가 흐릿하면 앞의 노력은 전부 흩어진다. 작은 회사일수록 이 '행동 유도 버튼(CTA)'을 어떻게 두느냐가 문의 수를 가른다.
1. 한 화면에는 '진짜 눌러야 할 버튼' 하나만
전화하기, 카톡 상담, 견적 문의, 인스타 구경하기, 위치 보기… 좋은 것을 다 넣으면 손님은 오히려 아무것도 고르지 못한다. 선택지가 많을수록 결정은 미뤄진다. 한 화면에서 손님이 해 주길 가장 바라는 행동 하나를 정하고, 그 버튼만 가장 눈에 띄게 만든다. 나머지는 작고 조용한 링크로 물러나게 두면 된다. 주인공이 하나여야 손님의 눈이 갈 곳을 안다.
2. 버튼은 '눌러도 되는 것'처럼 생겨야 한다
손님은 색이 채워지고 모서리가 둥글고 여백이 넉넉한 덩어리를 보면 무의식적으로 '이건 누르는 것'이라고 읽는다. 반대로 글자에 밑줄만 그어 두거나, 배경색 없이 테두리만 얇게 두른 것은 그냥 지나친다. 버튼에는 브랜드 색을 꽉 채우고, 주변에 충분한 여백을 줘서 페이지에서 살짝 떠 보이게 한다. '여기가 눌러야 할 곳'이라는 신호를 디자인이 대신 말해 주는 것이다.
3. 문구는 '누르면 무슨 일이 생기는지'를 말한다
'클릭', '확인', '바로가기' 같은 말은 손님에게 아무것도 약속하지 않는다. 좋은 버튼 문구는 손님의 입장에서 얻게 될 결과를 담는다. "무료로 견적 받기", "1분 만에 예약하기", "카톡으로 바로 문의"처럼, 누르기 전에 이미 무슨 일이 벌어질지 그려지게 한다. 여기에 '무료', '1분', '바로'처럼 부담을 덜어 주는 한 단어가 붙으면 손가락이 훨씬 가벼워진다.
4. 엄지가 닿는 자리에, 손가락만 한 크기로
손님 열에 일곱은 휴대폰으로 들어온다. 그런데 버튼이 화면 위쪽 구석에 손톱만 하게 박혀 있으면, 한 손으로 쥔 손님의 엄지는 거기까지 닿지 못한다. 버튼은 손가락 끝이 무리 없이 눌릴 만큼 큼직하게(최소 44픽셀 높이) 만들고, 스크롤을 내려도 화면 하단에 '전화·문의' 버튼이 늘 따라다니게 고정해 두면 좋다. 사고 싶은 마음이 든 그 자리에서 손가락이 곧바로 닿아야 한다.
5. 누른 뒤에 벌어질 일을 미리 안심시킨다
손님이 버튼 앞에서 망설이는 진짜 이유는 '누르면 이상한 데로 넘어가거나, 전화가 바로 걸리거나, 뭔가 결제될까 봐'인 경우가 많다. 버튼 바로 아래에 "상담은 무료이며, 원치 않으면 그냥 나가셔도 됩니다" 같은 짧은 안심 문구 한 줄을 두면 클릭률이 눈에 띄게 오른다. 누르고 난 뒤 "문의가 접수되었습니다, 1일 안에 연락드릴게요" 같은 확인 화면까지 준비돼 있으면, 손님은 자기 행동이 헛되지 않았다는 것을 안다.
결국, 클릭 한 번을 위한 설계
홈페이지는 예뻐 보이려고 만드는 것이 아니라 손님이 '연락'이라는 한 걸음을 떼게 하려고 만든다. 그 마지막 한 걸음이 바로 버튼이다. 눈에 띄는 색, 결과가 보이는 문구, 엄지가 닿는 자리, 그리고 눌러도 괜찮다는 안심 — 이 네 가지만 챙겨도 같은 방문자에서 더 많은 문의가 나온다. CYAN 에이전시는 작은 회사의 홈페이지를 만들 때 화면마다 '손님이 여기서 무엇을 눌렀으면 하는가'를 먼저 정하고, 그 클릭 하나가 자연스럽게 일어나도록 버튼의 위치와 문구, 이후 흐름까지 함께 설계한다. 지금 우리 홈페이지를 열어, 첫 화면에서 눌러야 할 버튼이 3초 안에 보이는지부터 확인해 보시길 권한다.
