홈페이지는 그럴듯하게 나왔다. 사진도 깔끔하고 소개 글도 정성껏 채웠다. 그런데 한 달이 지나도 전화 한 통, 문의 한 줄이 늘지 않는다. 방문자 수는 분명 찍히는데 손님은 화면을 위아래로 훑기만 하다 창을 닫는다. 문제는 글이나 사진이 아니라, 손님이 다 읽고 난 뒤 '그래서 지금 무엇을 하면 되는지'를 화면 어디에서도 찾지 못한다는 데 있다. 그 길을 손끝에 쥐여 주는 것이 바로 행동 유도 버튼, 이른바 CTA(Call To Action)다. 작은 회사일수록 이 버튼 하나가 매출로 이어지는 마지막 관문이 된다.
1. 한 화면에 목표는 하나, 버튼도 하나만 앞세운다
손님에게 선택지를 많이 주면 친절해 보이지만, 실제로는 아무것도 못 고르게 만든다. '전화하기'와 '카톡 상담'과 '견적 신청'과 '카탈로그 받기'가 같은 크기, 같은 색으로 나란히 놓이면 손님은 무엇이 중요한지 판단하기를 포기하고 그냥 지나친다.
각 화면마다 손님이 지금 해 주길 바라는 단 하나의 행동을 정하고, 그 버튼만 가장 눈에 띄게 세운다. 나머지 선택지는 작은 글씨 링크로 낮춰 두면 된다. '무료 상담 신청'을 주된 목표로 정했다면, 그 버튼만 진한 색으로 크게 두고 '전화 문의'는 그 아래 옅은 글씨로 두는 식이다.
2. 버튼이 '눌러도 되는 것'처럼 보이게 만든다
손님은 색과 형태만 보고 0.1초 만에 '이건 눌리는 것'과 '그냥 글자'를 구분한다. 배경과 뚜렷이 대비되는 색, 넉넉한 여백, 손끝이 닿을 만한 크기가 갖춰져야 버튼은 비로소 버튼처럼 보인다.
- 색 대비: 브랜드 색 중 가장 진한 한 가지를 CTA 전용으로 정해 두고, 그 색은 오직 '눌러야 하는 버튼'에만 쓴다. 아무 데나 같은 색을 쓰면 손님 눈에 버튼이 묻힌다.
- 크기: 모바일에서 손가락으로 편히 누르려면 버튼 높이가 최소 손끝 한 마디는 되어야 한다. 너무 작으면 옆 버튼을 잘못 누르고 손님은 짜증을 내며 떠난다.
- 반응: 마우스를 올리거나 손끝을 댔을 때 색이 살짝 바뀌면, 손님은 '아, 이게 눌리는구나'를 몸으로 확인하고 안심한다.
3. 버튼 문구는 '무엇을 얻는지'로 쓴다
가장 흔한 실수가 버튼에 '확인' '제출' '보내기' 같은 무미건조한 말을 넣는 것이다. 이런 말은 손님에게 '일을 시키는' 느낌을 준다. 대신 버튼을 누르면 손님이 무엇을 얻는지를 적으면 누르고 싶어진다.
'제출' 대신 '무료 견적 받기', '보내기' 대신 '상담 신청하고 답변 받기', '더보기' 대신 '요금표 확인하기'처럼 쓰는 것이다. 짧은 안심 문구를 곁들이면 더 좋다. 버튼 아래 '1분이면 신청 끝, 강매 없음' 같은 한 줄이 손님의 마지막 망설임을 덜어 준다.
4. 손님의 마음이 움직이는 자리마다 버튼을 둔다
버튼을 첫 화면에 딱 하나 두고 끝내는 경우가 많은데, 손님이 결심하는 순간은 저마다 다르다. 어떤 손님은 첫인상에 바로 마음을 정하고, 어떤 손님은 후기와 사례를 다 읽고 나서야 움직인다. 그래서 페이지가 긴 경우 손님의 마음이 무르익는 길목마다 같은 버튼을 반복해 둔다.
첫 화면 아래, 서비스 소개가 끝난 지점, 실제 후기 바로 뒤, 그리고 페이지 맨 끝. 이렇게 서너 곳에 같은 행동을 권하는 버튼을 놓으면, 손님이 결심한 바로 그 순간에 누를 곳이 손 닿는 데 있게 된다. 스크롤을 올려 버튼을 다시 찾게 만드는 순간 손님은 이미 떠날 준비를 한다.
5. 누른 다음에 무슨 일이 벌어지는지 미리 알려 준다
손님이 버튼을 망설이는 큰 이유는 '누르면 무슨 일이 생길지 모른다'는 불안이다. 전화가 바로 걸릴까, 결제 창이 뜰까, 스팸 문자가 쏟아질까. 이 불안을 버튼 주변의 짧은 안내로 미리 걷어 준다.
'버튼을 누르면 상담 신청서가 열립니다', '연락처만 남기시면 영업일 기준 하루 안에 회신드립니다' 같은 문장이면 충분하다. 그리고 손님이 실제로 버튼을 누른 뒤에는 '신청이 접수되었습니다, 곧 연락드릴게요'라는 확인 화면을 반드시 보여 준다. 이 한 화면이 없으면 손님은 신청이 됐는지 몰라 같은 신청을 두 번 하거나, 아예 안 됐다고 여기고 돌아선다.
버튼 하나가 매출의 마지막 문이다
정리하면, 화면마다 목표는 하나로 좁히고, 버튼은 눌러도 되는 것처럼 또렷하게 만들고, 문구는 얻는 것으로 쓰고, 마음이 움직이는 자리마다 반복해 두고, 누른 다음을 미리 알려 준다. 다섯 가지 모두 대단한 기술이 아니라 손님의 마음을 한 걸음 앞서 헤아리는 배려에 가깝다. 그리고 이 배려가 쌓일 때, 그저 예쁘기만 하던 홈페이지가 비로소 문의와 전화를 만들어 내는 일하는 홈페이지가 된다.
CYAN 에이전시는 작은 회사의 홈페이지를 만들 때 화면의 겉모습보다 '손님이 어디서 멈추고 어디서 행동하는지'를 먼저 들여다본다. 버튼 하나의 위치와 문구를 다듬는 일이 결국 사장님의 전화벨을 울리게 한다고 믿기 때문이다.
