당신을 신경 쓰지 않는 고객처럼 웹사이트를 점검하세요

요약

웹사이트, 제품, 받은 편지함을 운영하는 모든 사람은 그 의식을 알고 있습니다: 트래픽은 건강해 보이고, 평가판은 그대로이며, 그래서 홈페이지를 열고 버튼을 옮깁니다. 이 글은 그것이 더 이상 효과가 없을 때의 저녁을 위한 것입니다. 바쁜 낯선 사람이 5초 안에 실제로 이해할 수 있는 것이 무엇인지라는 한 가지 질문을 중심으로 한 6단계 점검을 실행하게 됩니다. 각 단계는 한 번의 자리에서 완료할 수 있으며, 디자인 도구나 예산이 필요 없습니다. 그 과정에서 이 글은 Calendly의 평이한 언어의 헤드라인과 Linear의 조용한 히어로와 같은 구체적인 예를 활용하면서, 전환 문화의 성역 같은 것들, 즉 단일 CTA, 접힌 부분 위에 대한 집착, 그리고 더 많은 섹션을 추가하려는 본능에 반박합니다. 결과물은 리디자인 계획이 아니라 이유가 첨부된 짧은 편집 목록입니다. 그것이 핵심입니다: 부모가 아니라 고객처럼 읽을 수 있는 홈페이지.

지금은 밤 11시이고, 당신은 이번 달에 네 번째로 히어로 섹션을 재배치했습니다. 트래픽 수치는 그럴듯해 보입니다—방문은 증가했고, 사람들은 클릭하고 있습니다—그리고 이번 주 가입자 수는 양말을 벗지 않고도 셀 수 있습니다. 당신은 그 페이지를 너무 잘 알고 있어서 좋은지 나쁜지 알 수 없습니다. 모든 단어는 결정이었습니다. 모든 여백에는 이유가 있습니다. 그것이 바로 문제입니다. 반대편의 방문자는 맥락도, 인내심도, 당신을 믿어야 할 이유도 없습니다. 그들은 탭을 닫는 데 걸리는 시간 안에 머물지 말지를 결정할 것입니다. 그래서 이 현실에 맞춰 만들어진 점검이 여기 있습니다: 사이트를 여섯 번 훑어보는 것으로, 각각은 디자이너이자 카피라이터이자 지원 팀인 한 사람이 저녁 한 번에 할 수 있도록 설계되었습니다. 분석 대대적인 개편도 없고 "성장 루프"도 없습니다. 감정적으로 집착하지 않았다면 버렸을 페이지를 잡아내는 방법일 뿐입니다.

1. 이 페이지가 일으키길 원하는 하나의 결정을 이름 붙이세요

원칙: 페이지는 예쁘다고 전환되는 것이 아닙니다. 한 가지 다음 행동이 명확해 보이기 때문에 전환됩니다. 색상을 건드리기 전에, "이 페이지를 본 후 방문자는 ___해야 한다"라는 생각을 가장 잘 완성하는 문장을 쓰세요. 답변에 "이해하다", "배우다", "느끼다"와 같은 단어가 포함된다면, 당신은 전환 목표가 아니라 분위기를 설명한 것입니다. (그것이 진정한 목표라면—기억되기 위해 존재하는 포트폴리오—괜찮습니다. 하지만 인정하고, "우리는 브랜드를 돕습니다" 같은 헛소리는 건너뛰세요.)

여기서 전형적인 예는 Calendly입니다. 그들의 헤드라인은 본질적으로 "이메일을 주고받지 않고 회의를 일정 잡으세요"입니다. 무엇을 하지 않는지 주목하세요: 캘린더 통합에 대한 언급도, "현대 팀을 위한 일정 플랫폼"도, 영리한 추상화도 없습니다. 적(이메일 주고받기)과 결과(일정이 잡힌 회의)를 명명합니다. 그것이 전부입니다. 소프트웨어 랜딩 페이지의 경우, 그 문장은 "무료 평가판 시작" 또는 "15분 데모 예약"일 수 있습니다. 에이전시나 포트폴리오 사이트의 경우, 결정은 "저희를 고용하세요"가 아니라 "사례 연구 읽기"일 수 있습니다—왜냐하면 방금 만난 낯선 사람이 당신을 고용할 준비가 되어 있지 않기 때문입니다.

그 문장을 쓰세요. 그런 다음 페이지를 읽고 물어보세요: 모든 섹션이 그 문장을 위해 존재하는가, 아니면 페이지가 자랑하고 싶은 것들의 박물관인가? 대부분의 경우 박물관입니다. 소프트웨어 스타일 페이지, 에이전시 페이지, 포트폴리오 중에서 고민하고 있다면, 어떤 한 섹션보다 형식이 더 중요합니다—올바른 웹사이트 형식을 선택하는 가이드에서 간단한 버전을 확인하세요.

2. 5초 판정 실행하기

원칙: 이해는 설득의 상류에 있습니다. 방문자는 단 하나의 완전한 문장을 읽기 전에, 5초만 보아도 "이 회사는 무엇을 하는가?"에 답할 수 있어야 합니다. 그럴 수 없다면, 아무리 "접힌 부분 위의 명확성"이 있어도 당신을 구하지 못합니다—왜냐하면 그들은 이미 떠났기 때문입니다.

우리는 모두 "접힌 부분 위" 강의에 고개를 끄덕이다가, 휴대폰에서는 접힌 부분이 대략 한 문장과 버튼 하나라는 것을 기억합니다. 그 조언의 유용한 버전은 "모든 것을 첫 화면에 담으라"가 아닙니다. "가장 먼저 보이는 것을 의미 있게 만드세요"입니다. 모든 정리에서 가장 좋아하는 예는 Linear의 히어로입니다: 깔끔한 헤드라인, 짧은 부제, 그리고 단일 클릭 유도 문구. 미학은 확실히 미니멀하지만, 실제로 중요한 것은 눈을 깜빡이는 시간 안에 제품이 무엇인지 파악할 수 있다는 것입니다.

정직하게 테스트하는 방법: 휴대폰에서 사이트를 열고, 한 번도 본 적 없는 사람에게 건네고, 두 가지 질문을 하세요: "이 회사는 무엇을 하는 곳인가?" 그리고 "그 버튼을 클릭하면 어떤 일이 일어날까?" 첫 번째 답변이 모호하고("분석 관련 무언가") 두 번째 답변이 "모르겠어요"라면, 수정할 부분을 찾은 것입니다. 그것은 디자인 문제가 아닙니다. 해독 문제입니다. 레이아웃을 재설계하지 말고 카피를 고치세요. (너무 예의 바른 친구가 있다면, 커피로 보상하고 두 번째 질문에서 그들의 표정을 지켜보세요.)

3. CTA를 비싼 것처럼 세어보세요 (왜냐하면 주의는 비싸니까)

원칙: 각 페이지는 하나의 주요 목표를 향해 밀어붙여야 하며, 경쟁하는 모든 요청은 각각을 약하게 만듭니다. 간단합니다. 유명한 예: Notion은 단일 "Notion 무료로 받기" 버튼을 가리키는 것으로 칭찬을 받았습니다. 제품의 셀프서비스 모델이 "무료로 사용해 보기"를 진정으로 명확한 다음 단계로 만들기 때문에 효과가 있습니다.

하지만 여기서 "모범 사례"가 맹목적인 추종으로 변합니다: 규칙은 항상 페이지당 하나의 결정이지, 하나의 버튼이 아닙니다. 서비스 비즈니스의 경우, "문의하기"라고 말하는 단일 CTA는 결정이 아니라 숙제입니다. 방문자는 이메일이 무엇을 말해야 하는지, 준비가 되었는지, 그리고 당신이 그들이 연락하고 싶은 사람인지 파악해야 합니다. 그 단계에서의 결정은 "우리가 이 일을 할 수 있다는 것을 증명하는 사례 연구 읽기" 또는 "가격표 다운로드" 또는 "양식의 이 한 질문에 답하기"일 수 있습니다. 그 중 하나는 더 작은 요청이며, 그것이 바로 할 가치가 있는 요청입니다.

또한 일반적으로 인용되는 단일 CTA 조언과 소규모 사이트의 현실이 갈라지는 지점이기도 합니다. 당신에게는 퍼널 팀이나 10개의 상호 연결된 페이지가 있는 마케팅 사이트가 없습니다. 명확성이 당신의 대체재입니다. 따라서 질문은 결코 "이 페이지에 CTA가 하나뿐인가?"가 아니라 "내 앞에 서 있는 방문자에게 명확한 다음 단계가 하나 있는가?"입니다.

사람들이 따라 하는 것	실제로 효과가 있는 것
페이지당 CTA 하나	방문자 단계별 명확한 결정 하나
여백이 많은 미니멀 히어로	낯선 사람이 되뇌일 수 있는 헤드라인
내비게이션의 "데모 예약"	방문자의 준비 상태에 맞는 다음 단계
히어로 아래의 기능 목록	고객이 실제로 얻는 결과

자신의 페이지를 점검할 때 그 표를 사용하세요. 왼쪽의 체크박스에 체크하면 시각적 패턴을 맞춘 것이고, 오른쪽의 체크박스에 체크하면 메커니즘을 맞춘 것입니다. 둘이 일치하지 않으면 디자인은 장식일 뿐입니다. (랜딩 페이지 구조의 메커니즘에 대해 더 자세히 알아보려면, SaaS 랜딩 페이지의 검증된 모범 사례가 이 주장의 더 긴 버전입니다.)

4. 고객이 말하는 방식으로 읽으세요, CR 파일이 말하는 방식이 아니라

원칙: 전문 용어는 회사의 어휘가 홈페이지를 장악하는 방식입니다. 당신은 "선도적인 협업 인텔리전스 플랫폼" 같은 문구를 너무 많이 말해서 정상적으로 들립니다. 처음 방문하는 사람에게는 협박 편지처럼 들립니다. 해결책은 멍청하게 들리는 것이 아니라 구체적으로 들리는 것입니다.

1단계에서 만난 Calendly 기준을 보세요: "이메일을 주고받지 않고 회의를 일정 잡으세요." 용어 사전 항목이 필요 없습니다. 페이지의 헤드라인도 같은 방식이어야 합니다—동료에게 보내는 이메일에서 말할 법한 문장이지, 피치 덱의 문구가 아닙니다.

이 점검 단계를 실행하는 것은 가혹하지만 간단합니다: 페이지의 모든 헤드라인을 살펴보고, 회사의 Kool-Aid를 마시지 않았더라도 이해할 수 있는지 물어보세요. 직접 만든 제품이라면, 당신은 이렇게 할 수 없을 것입니다. 페이지를 인쇄하거나 스크린샷을 찍어 하루 동안 치워 두세요. 그런 다음 당신이 해결하는 문제를 방금 검색한 사람의 눈으로 읽으세요. 헤드라인이 경쟁사의 것으로 바꿔도 아무도 눈치채지 못할 정도라면, 문제는 차별화가 아니라 페이지가 당신이 무엇을 하는지 말하지 않았다는 것입니다.

5. 신뢰 원장 만들기

원칙: 전환은 낯선 사람이 당신에게 무언가를 신뢰하기로 결정하는 순간입니다—그들의 이메일, 시간, 대화. 그들은 당신을 모르고, 당신의 로고는 의지할 브랜드 후광이 없습니다. 따라서 페이지는 당신이 계획했든 아니든 신뢰 작업을 하고 있습니다.

페이지를 살펴보며 신뢰를 요구하는 모든 주장을 나열하세요: "우리가 최고입니다", "팀들이 신뢰합니다", "엔터프라이즈급" 등등. 각 주장 옆에 그것을 뒷받침하는 구체적인 것을 적으세요. 이름과 구체적인 결과가 있는 추천사는 아무도 들어본 적 없는 회사의 로고 그리드보다 낫습니다(그리고 장식적이고 출처가 없는 로고라면 들어본 적 있는 회사의 로고 그리드보다도 낫습니다). 실제 전후를 보여주는 에이전시의 사례 연구는 "우리는 의미 있는 디지털 경험을 만듭니다"라는 한 페이지 전체보다 더 많은 일을 합니다. 강력하고 서사적으로 설명된 프로젝트 하나가 있는 포트폴리오는 12개의 미완성 작품 갤러리보다 디자이너에게 더 많은 도움이 됩니다.

이 단계의 실질적인 결과물은 목록입니다. 뒷받침할 수 없는 모든 신뢰 주장을 제거하세요. 그런 다음 가장 강력한 증거를 CTA에 최대한 가깝게 옮기세요. 도구 랜딩 페이지의 경우, 이는 일반적으로 실제 제품의 스크린샷을 명확하게 라벨링하는 것을 의미하며, 차트를 응시하는 사람들의 스톡 이미지가 아닙니다. 페이지가 근본적으로 포트폴리오라면, 동일한 논리가 적용됩니다—증거처럼 배치된 하나의 증거 포인트. 그것은 업계별 포트폴리오 사이트 구축 가이드에 자세히 설명된 정확한 접근 방식입니다.

6. 이번 주에 섹션 하나를 잘라내세요—아니, 정말로

원칙: 한 사람이 운영하는 사이트의 경우, 집중만이 확장 가능한 유일한 장점입니다. 추가되는 모든 섹션은 방문자의 주의를 조금 더 요구하며, 그들은 거의 주의가 없습니다. 대부분의 사이트의 기본 상태는 추가입니다: 비교 표, 리소스 섹션, "왜 우리를 선택해야 하는지" 목록, 블로그 발췌, 추천사 캐러셀, 고객 벽. 소규모 사이트는 그것들 모두를 위한 콘텐츠를 유지할 수 없으며, 방문자는 대부분을 읽지도 않습니다.

그래서 점검은 잘라내기로 끝납니다. 가장 애착이 가는 섹션을 선택하세요—보통 가장 많은 시간을 들여 만든 섹션이나 친구가 "정말 멋지다"고 말한 섹션입니다—그리고 일주일 동안 숨기세요. 영원히는 아닙니다. 누군가 그것을 요청하는지 볼 수 있을 만큼만. 아무도 요청하지 않으면 삭제하세요. 요청한다면, 당신은 답을 얻은 것이고 데이터 기반이라는 훌륭한 이야기도 얻게 됩니다 (우리 모두 하나쯤 필요합니다).

이것은 위험한 것에도 적용됩니다. 회사의 창립 이야기를 설명하는 단락을 자르세요. 네트워킹 이벤트에서 누군가 한 번 물어봤다는 이유로 존재하는 FAQ 질문을 자르세요. 엔지니어적인 당신이 목록을 좋아해서 쓴 기능 목록을 자르세요. 남는 것—문제를 명명하고, 구체적인 다음 단계를 제시하고, 하나의 증거를 보여주는 페이지—는 걸작이 아닙니다. 걸작보다 낫습니다: 낯선 사람의 시간을 존중하는 페이지입니다.

여섯 단계를 모두 수행했다면, 이제 목록이 있습니다. 리디자인 계획도, 무드 보드도 아닌—이유가 첨부된 편집 목록. 결과를 명명하는 헤드라인. 각 페이지에 하나의 결정, 단계에 적합한. 삭제할 준비가 된 몇 개의 섹션. 그것이 전체 결과물입니다.

그리고 마지막으로 한 가지, 인터넷은 47개 항목 체크리스트만 하면 "가입자가 50% 증가"한다고 약속하는 사람들로 가득하기 때문입니다: 아무도 숫자를 약속할 수 없습니다. 점검이 약속하는 것은 더 겸손하고 더 신뢰할 수 있습니다—당신을 한 번도 만난 적 없는 낯선 사람이 당신이 주는 5초 안에 당신이 하는 일을 이해하고, 당신이 실제로 원하는 하나의 결정을 내릴 공정한 기회. 그것은 홈페이지에게 충분히 훌륭한 역할입니다. 또한, 짜증나게도, 그것이 전부입니다.