홈페이지를 새로 단장한 사장님들이 자주 하는 실수가 있습니다. 중요한 버튼이 많다 보니 '문의하기', '전화걸기', '카탈로그 받기', '오시는 길'을 전부 똑같이 크고 진하게 만드는 것입니다. 그런데 모든 버튼을 똑같이 강조하면, 결국 어떤 버튼도 강조되지 않습니다. 고객의 시선은 길을 잃고, 정작 매출로 이어지는 단 하나의 행동은 묻혀버립니다. 작은 회사일수록 버튼(CTA, Call To Action) 설계가 곧 전환율입니다. 실무에서 검증된 다섯 가지 원칙을 정리했습니다.
1. 한 화면에 '진짜 버튼'은 하나만 둔다
한 화면에서 고객이 해주길 바라는 행동은 보통 하나입니다. 그 행동을 담은 버튼만 가장 눈에 띄는 주(主) 버튼으로 만들고, 나머지는 한 단계 낮춥니다. 색을 채운 버튼은 화면당 하나, 그 외 보조 행동은 외곽선만 있는 버튼이나 텍스트 링크로 처리하세요. 버튼이 열 개여도 고객의 눈이 가장 먼저 닿아야 할 곳은 단 하나여야 합니다.
2. 버튼 문구는 '행동 + 얻는 것'으로 쓴다
'확인', '제출', '보내기' 같은 막연한 단어는 고객을 망설이게 합니다. 누르면 무슨 일이 일어나고 무엇을 얻는지가 문구에 담겨야 합니다.
- 약함: 제출하기 → 강함: 무료 견적 받기
- 약함: 신청 → 강함: 1:1 상담 예약하기
- 약함: 다운로드 → 강함: 가격표 PDF 내려받기
3. 색·크기·여백으로 위계를 만든다
버튼이 눈에 띄는 건 색이 화려해서가 아니라 주변과 대비되기 때문입니다. 페이지 전체를 차분한 색으로 두고 주 버튼 하나에만 브랜드의 강조색을 쓰면, 그 버튼은 저절로 도드라집니다. 버튼 안쪽에는 글자가 답답하지 않을 만큼 충분한 여백을 주고, 주변에도 빈 공간을 넉넉히 비워 시선이 모이게 하세요.
4. 모바일에서 손가락이 빗나가지 않게 한다
방문자의 절반 이상이 휴대폰으로 들어옵니다. 버튼이 작거나 다른 버튼과 붙어 있으면 손끝이 엉뚱한 곳을 누릅니다. 터치 영역은 최소 높이 44px 이상으로 잡고, 버튼끼리 충분히 띄우세요. 스크롤이 길다면 가장 중요한 버튼을 화면 하단에 고정해 두는 것도 좋은 방법입니다.
5. 누른 다음을 안심시킨다
고객은 누르기 전에 '괜찮을까'를 한 번 더 생각합니다. 버튼 바로 아래에 작은 안심 문구를 더해 그 망설임을 덜어주세요. '1분이면 작성 완료', '스팸·광고 메일은 보내지 않습니다', '상담은 무료입니다' 같은 한 줄이 클릭률을 눈에 띄게 끌어올립니다. 누른 직후에도 '접수되었습니다, 1일 내 연락드립니다'처럼 다음 단계를 분명히 알려야 고객이 떠나지 않습니다.
정리하며
좋은 버튼은 화려한 버튼이 아니라 고객이 헤매지 않는 버튼입니다. 강조할 하나를 정하고, 문구로 결과를 약속하고, 손끝과 마음을 모두 배려할 때 같은 방문자에서 더 많은 문의가 나옵니다. CYAN은 작은 회사의 웹사이트를 만들 때 '예뻐 보이는 화면'보다 '고객이 다음 행동을 하게 만드는 화면'을 먼저 설계합니다. 지금 운영 중인 사이트에서 고객의 손가락이 어디로 가야 할지 한눈에 보이는지, 오늘 한번 점검해 보시길 권합니다.