상사가 경쟁사 링크를 보내왔다. 이제 어떡할까?

요약

상사가 경쟁사의 랜딩 페이지를 전달하며 “우리도 이렇게 만들어”라고 하면, 이 글은 싸움을 시작하거나 요청을 무시하지 않고 다음 단계를 수행하는 방법을 안내합니다. 맹목적인 복사를 거부하고, 평이한 언어로 가치 제안을 작성하고, 페이지를 하나의 콜투액션으로 좁히고, 판결이 아닌 선택지로 자신의 주장을 제시하는 방법을 다룹니다. 이 접근 방식은 명확성을 영리함보다 우선시하는 SaaS 랜딩 페이지 패턴에 기반을 두고 있으며, 명확한 가치 제안에서 미니멀한 히어로 섹션에 이르기까지 일관되게 적용됩니다. 또한 의사결정권자가 디자인에 관심이 없을 때 이해관계자의 동의를 얻는 실용적인 템플릿도 제공합니다. 목표는 제 역할을 하는 페이지와 왜 그렇게 보이는지에 대해 팀이 같은 언어를 공유하는 것입니다.

상사가 경쟁사 랜딩 페이지를 보내며 “우리 것도 이렇게 보여야 해”라고 하면 어떻게 말할까요? 당신은 3인으로 구성된 사내 마케팅 팀에 속해 있습니다. 디자인 예산 책정자도 아닙니다. 판매할 제품도, 출시일도, 그리고 글꼴과 제목을 구분하지 못하는 상사도 있습니다. 그리고 지금 그 상사는 실제로 잘 보이는 페이지를 가리키고 있습니다. 그래서 쉽고 안전한 방법은 고개를 끄덕이고 구조를 복사한 다음 자신의 카피로 바꾸는 것입니다. 하지만 안전한 방법은 대개 페이지가 무시당하게 만듭니다.

회의는 금요일입니다. 리뷰를 싸움으로 만들지 않고 왜 다른 접근 방식이 더 나은지 상사에게 보여줄 시간이 4일 남았습니다. 여기 처음부터 끝까지 따를 수 있는 계획이 있습니다.

이메일을 읽어라, 링크가 아니라

링크는 URL을 입은 요구입니다. 브라우저 탭을 열기 전에 첨부된 메모를 읽으십시오. 상사가 비슷한 외관을 요구하는 것입니까? 비슷한 섹션 순서? 비슷한 로고 처리? 그것들은 각각 다른 요청입니다. 대부분의 경우 메모에는 “우리도 이렇게 만들어”라고 적혀 있고 실제로는 “우리도 그것만큼 신뢰할 수 있게 느껴지게 해”라는 뜻입니다. 당신이 보고 있는 페이지는 상사에게 합법성에 대한 느낌을 주기 때문에 중요합니다. 그래서 당신의 실제 임무는 페이지를 재현하는 것이 아닙니다. 자신의 추론으로 같은 느낌을 만들어내는 것입니다.

경쟁사 페이지에 대해 한 가지: 당신이 보고 있는 것은 당신이 참여하지 않은 결정의 결과입니다. 그 디자인은 그들의 고객, 시장 위치, 브랜드 인지도, 그리고 전환 목표에 맞춰 구축되었습니다. 보이는 부분(레이아웃, 색상, 스톡 사진)을 복사하면 보이지 않는 추론을 놓치게 됩니다. 그 추론이 그들이 작동하게 만든 것입니다. 그것은 디자인 문제가 아니라 전략 누출입니다. 그들의 뼈대를 훔치는 것은 그들의 콘텐츠를 훔치는 것과는 다른 작업이며, 뼈대는 왜 그것을 선택했는지 이해할 때만 작동합니다.

무엇을 열기 전에 한 가지 질문에 답하십시오: 이 페이지는 무엇을 하기 위한 것입니까? “현대적인 SaaS처럼 보이는 것”이 아니라 방문자가 60초 안에 무엇을 생각하고 느끼고 클릭해야 합니까? 아무것도 보기 전에 그것을 적어 두십시오. 그렇게 할 수 없다면 페이지가 아니라 포스터를 만드는 것입니다.

일반적인 유혹은 경쟁사 페이지를 쇼핑 목록처럼 취급하는 것입니다: 큰 헤드라인, 3열 기능 그리드, 채팅 위젯, 가격 링크, 고객 로고. 그러나 SaaS 디자인에서 가장 지속적인 패턴은 더 단순합니다. 반복해서, 전환되는 페이지는 한 번에 여섯 가지를 하려고 하지 않는 페이지입니다. 그들은 영리함보다 명확성을 우선시합니다 — 간결한 헤드라인, 간단한 설명, 하나의 명확한 다음 단계. 그것은 비밀이 아니지만, 계속 “더”를 요구하는 회사 내부에서 방어하기에는 놀랍도록 어렵습니다.

유혹	보통 더 잘 작동하는 것
경쟁사의 레이아웃을 그대로 따르기	섹션이 아니라 그들의 근본 논리를 재현하기
첫 화면에 기능을 가득 채우기	헤드라인, 서브헤드, 단일 CTA
브랜드 보이스에 맞는 영리한 태그라인	제품이 무엇을 하는지에 대한 평이한 문장
모든 방문자 유형을 위한 여러 버튼	화면당 하나의 기본 작업, 보조 작업은 아래에 배치

이 표는 페이지가 내부 검토를 거칠 때를 위한 것입니다. 모든 행은 누군가가 물을 질문이기 때문입니다. 각각에 대한 답은 “이것이 현대 SaaS의 모습입니다”가 아닙니다. 답은 방문자가 다음에 무엇을 해야 하는지입니다.

재설계를 아껴주는 문장을 쓰세요

디자인 도구를 열기 전에 텍스트 파일을 열고 한 문장을 쓰십시오: 당신의 제품은 무엇을 하고, 누구를 위한 것이며, 그들이 오늘 왜 신경 써야 합니까? 아무에게도 보여주기 부끄러운 최악의 버전으로 시작하십시오. 그런 다음 회사에 대해 들어본 적 없는 사람도 이해할 수 있을 때까지 편집하십시오.

의도적으로 일반적인 예가 있습니다. 당신의 제품이 소매점이 고객에게 약속을 상기시키는 데 도움이 된다고 가정해 봅시다. 현재 히어로 헤드라인: “Next-Gen Retail Engagement Platform.” 중요해 보입니다. 의미는 없습니다. 방문자는 그것을 보고 소프트웨어인지, 컨설팅 회사인지, 챗봇인지 알 수 없어 떠납니다.

다시 쓴 버전: “직원이 하루에 세 번 다시 전화하지 않도록 자동 약속 알림을 보냅니다.” 슬라이드 덱에서는 덜 인상적입니다. 화면에서는 더 유용합니다. 작은 가게를 운영하는 전형적인 방문자가 그것을 읽으면 제품이 무엇인지, 누구를 위한 것인지, 어떤 결과를 기대할 수 있는지 즉시 알 수 있습니다. 가치 제안은 사명 선언문이 아니라 문장처럼 읽힙니다.

이것은 가장 존경받는 SaaS 홈페이지에서 인식할 수 있는 패턴이기도 합니다. Calendly의 태그라인은 “이메일을 주고받지 않고 회의를 예약하세요”입니다. 알고리즘에 대한 언급도, “혁신적인 스케줄링”도 없습니다. 특정인이 원하는 결과를 명명합니다. 당신의 제품에도 그에 상응하는 문장이 있습니다. 아직 쓰지 않았을 뿐입니다.

여기서 저항을 예상하십시오. 상사는 새 헤드라인이 “너무 평범하다”거나 “진짜 기술 회사처럼 들리지 않는다”고 말할 것입니다. 그 반응은 명확성에 관한 것이 아니라 정체성에 관한 것입니다. 당신과 함께 일하는 사람들은 매일 제품의 피치를 읽습니다. 평이한 문장은 정확히 그들이 제품이 무엇을 하는지 이미 알고 있기 때문에 그들에게 격식 없이 들립니다. 방문자는 그렇지 않습니다. 그 차이로 문장을 방어하십시오. 상사가 “우리는 소매점뿐만 아니라 레스토랑에도 서비스를 제공합니다”라고 말한다면, 그건 사실 좋은 소식입니다: 문장은 결과를 명명하면서 카테고리를 더 느슨하게 지정할 수 있습니다. 당신이 감당할 수 없는 것은 아무것도 설명하지 않는 헤드라인입니다.

화면당 하나의 작업

가장 존경받는 SaaS 홈페이지를 보면 습관 하나를 발견할 수 있습니다: 하나의 다음 단계를 선택하고 다른 모든 것이 그 길을 비키게 합니다. 랜딩 페이지 리뷰에서 참고점이 된 Notion은 “Get Notion free”와 같은 단일 클릭 유도 문구를 목표로 합니다. 그 하나의 버튼은 클릭하면 어떤 일이 일어날지 말하며, “무료 체험 시작”, “가격 보기”, “데모 요청”, “영업팀과 상담” 중에서 선택하라고 요구하지 않습니다.

당신의 페이지는 정확히 그렇게 하고 있을 것입니다. 히어로에는 두세 개의 버튼이 있고, 내비게이션 바에는 가격, 블로그, 지원, 채용 링크가 있으며, 채팅 위젯이 모든 것 위에 떠 있습니다. 모든 추가는 방문자의 주의에 부과되는 작은 세금입니다. 그들은 하나의 작업을 수행하러 왔습니다. 모든 링크는 그 작업을 포기할 기회입니다.

해결책은 사이트를 완전히 비우는 것이 아닙니다. 이 페이지의 단일 기본 작업(체험 시작, 데모 예약, 구매)이 무엇인지 결정하고 히어로에서 버튼처럼 보이는 유일한 요소로 만드는 것입니다. 보조 목적지는 케이스가 제시된 후 페이지 아래에 존재할 수 있습니다. 가격에 대한 궁금증이 걱정된다면 바닥글이나 상단 내비게이션의 일반 텍스트 링크가 기본 콜과 경쟁하지 않고 그 역할을 합니다. 이 페이지는 더 큰 사이트의 한 장(chapter)일 뿐이며, 사이트 전체의 역할을 할 필요는 없습니다. 더 큰 사이트도 재구축하고 있다면, 입증된 SaaS 전환 관행을 갖춘 랜딩 페이지 프레임워크를 상사와 공유하기 좋은 참고 자료로 사용하세요 — 당신이 말하려는 것을 말해주는 외부 목소리입니다.

상사가 왜 버튼을 제거했는지 묻는다면, 분명하게 말할 수 있습니다: 두 개의 버튼은 방문자가 무엇을 선택하는지 이해하기 전에 선택하게 만듭니다. 하나의 버튼은 그들이 하기를 원하는 단 한 가지를 알려줍니다. 페이지는 더 조용해질 것이고, 조용한 페이지는 전환됩니다.

히어로는 포스터가 아니라 테스트입니다

첫 화면은 광고판이 아니라 악수입니다. 디자인 리뷰에서 자주 언급되는 Linear의 홈페이지는 미니멀합니다: 깔끔한 헤드라인, 짧은 서브헤딩, 단일 콜투액션. 주의를 끌기 위해 싸우는 것은 없습니다. 첫 뷰포트에 모든 기능을 보여주려는 시도도 없습니다. 적은 양의 텍스트가 Linear가 무엇을 하는지 본 적 없는 사람에게 설명할 만큼 정확하기 때문에 작동합니다.

“접선 위(above the fold)” 개념은 물리적 접선에서 휴대폰의 첫 화면으로 이동했으며, 제약 조건은 그곳에서 더 빡빡합니다. 출퇴근길에 훑어보는 방문자는 헤드라인 절반과 잘린 스크린샷을 보고 판단을 내립니다. 따라서 히어로는 3초의 눈길을 견뎌야 합니다: 제품이 무엇인지 말하는 한 문장, 제품이 무엇을 하는지 말하는 한 문장, 버튼 하나. 설명이 필요하다면 잘못된 것입니다.

그것을 자신의 테스트로 사용하십시오. 동료에게 테스트하지 말고 제품을 모르는 사람에게 테스트하십시오. 히어로 초안을 업계 밖의 친구나 지인 네다섯 명에게 보여주고 한 가지 질문을 하십시오: “이 제품은 무엇을 하나요?” 누구라도 주저하면 히어로는 실패입니다. 당신의 도움 없이 대답할 수 있다면 페이지의 기초가 마련된 것입니다.

이 단계에서 “pop” 문제와 마주칠 것입니다. Pop은 증상이지 기능이 아닙니다. 히어로는 시각적으로 자신감이 있을 수 있습니다(강한 색상, 선명한 제품 스크린샷) 그래도 조용할 수 있습니다. 요점은 시각적 흥미를 제거하는 것이 아닙니다. 요점은 이전 단계에서 결정한 단일 작업을 향해 모든 시각적 선택을 유지하는 것입니다. 제품을 사용하는 사람의 눈에 띄는 사진은 괜찮습니다. 로고가 있는 래퍼의 사진은 괜찮지 않습니다.

필요하기 전에 증거를 수집하세요

가치 제안이 옳고 히어로가 미니멀하면 페이지는 기능 그리드에 익숙한 사람에게 조금 비어 보이기 시작할 수 있습니다. 그때 소셜 프루프 섹션이 필요한 것입니다. 디자인 파일을 열기 전에 세 가지 증거를 수집하십시오: 실제 고객이 말한 내용(“놀라운”이라는 단어가 아닌)을 담은 추천서, 알아볼 수 있는 고객 로고 하나 또는 둘, 그리고 공개적으로 공유해도 되는 구체적인 지표 하나. 여기서 지어낸 숫자는 없습니다. 가치 제안을 반영하는 단일 인용문이 빈 로고 행보다 더 많은 일을 할 것입니다.

상사는 소셜 프루프에 대해 논쟁하지 않을 것입니다. 디자인 선택이 아니라 증거이기 때문입니다. 누군가 페이지에 “콘텐츠가 없다”고 물으면 잘 배치된 추천사가 기능에 대한 세 문단보다 더 설득력 있는 무게를 지닐 수 있다는 것이 답입니다. 방문자는 아직 당신의 주장을 믿지 않습니다. 그들은 당신이 요청하는 행동을 이미 취한 그들과 같은 사람들을 믿습니다.

배치는 중요합니다. 가장 강력한 증거를 히어로 직후나 기본 콜투액션 옆에 배치하십시오. 로고 스트립은 “좋은 회사와 함께 있다”고 말하고, 추천사는 “이 결과는 실재한다”고 말하며, 지표는 “효과의 크기다”라고 말합니다. 모든 페이지에 세 가지가 모두 필요하지는 않지만, 결정의 순간에 적어도 하나는 필요합니다. 제품이 새롭고 아직 추천사가 없다면, 관대한 체험판이나 워크스루 비디오를 제공하십시오 — 증거는 언어적일 뿐만 아니라 행동적일 수 있습니다.

마지막 회의는 취향에 관한 것이 아닙니다

마지막 단계는 승인하는 사람에게 자신의 주장을 하는 것입니다 — 그리고 이것은 당신이 통제할 수 있는 단계입니다. 하나가 아니라 두 가지 옵션을 가지고 회의에 들어가십시오. 첫 번째는 “상사 버전”입니다: 경쟁사의 구조와 톤을 따르는 페이지, 그들이 요청한 것입니다. 두 번째는 “명확한 버전”입니다: 평이한 언어의 가치 제안, 하나의 CTA, 미니멀한 히어로, 증거. 두 가지를 실제 디자인으로 제시하십시오, 존중하는 스케치와 당신이 선호하는 디자인이 아니라.

그런 다음 명확한 버전이 모든 면에서 더 낫다고 가장하지 않고 차이를 명명하십시오. 말하세요: “이 페이지는 우리가 경쟁사와 같은 회사라고 말합니다. 저 페이지는 우리가 무엇을 하는지, 방문자가 여기 도착하면 무엇을 해야 하는지 말합니다. 페이지의 주요 역할이 카테고리를 신호하는 것이라고 생각한다면 첫 번째가 더 적합합니다.” 이 프레임은 상사를 본능에서 설득당해야 하는 사람이 아니라 의사결정자로 만듭니다. 그리고 페이지가 무엇을 위한 것인지에 대한 대화를 유지합니다.

대부분의 조언 기사가 건너뛰는 역설적인 점이 있습니다: 상사가 독특해 보이는 페이지를 원하는 것은 잘못이 아닙니다. 제품이 진정으로 새 카테고리를 도입한다면 약간의 시각적 개성이 필요합니다 — 사람들이 기억하기를 원하기 때문입니다. 그러나 그 요구는 전체 브랜드 아이덴티티와 사이트 내비게이션에 속하지, 단일 전환 목표를 가진 랜딩 페이지에 속하지 않습니다. 클릭을 유도하는 페이지에서 주의를 끄는 디자인은 메시지와 경쟁합니다. “와우”를 조금 희생하고 명확성을 얻을 수도 있습니다. 그 트레이드오프는 실재하며, 명시적으로 이름을 붙이고, 놀라움이 아니라 결정으로 만드십시오.

또한 평행하고 더 어려운 경우가 있습니다: 당신의 명확한 버전이 틀렸다면? 페이지의 목표가 혼잡한 시장에서 완전히 새로운 제품을 출시하는 것이라면, 약간의 시각적 차별성은 도움이 될 수 있습니다 — 예를 들어 인식을 만드는 강한 일러스트레이션이나 특이한 색상 체계. 규칙은 “지루하라”가 아닙니다. 규칙은: 모든 요소가 방문자의 다음 단계에 맞서 자신을 정당화해야 하며, 요소에 대한 유일한 방어가 인상적으로 보이는 것이라면 아마 거기 없어야 합니다. 당신은 회의에서 자신 있게 그렇게 말할 수 있고, 상사가 항상 모든 것을 인상적으로 보이게 해야 한다고 느끼는 압박을 제거합니다.

더 강력한 움직임은 테스트를 제안하는 것입니다. 상사가 자기 버전을 고집한다면 말하세요: “두 페이지를 2주 동안 올려놓고 기본 작업의 클릭률을 측정합시다.” 소규모 팀은 의미 있는 테스트를 할 만한 트래픽이 부족할까 봐 걱정할 수 있으며, 그것은 타당한 경고입니다. 그렇다면 — 한 달에 몇백 명의 방문자만 있다면 — 질적 신호를 사용하십시오: 세션 녹음, 종료 의견, 또는 간단한 5인 사용성 점검. 테스트는 배우는 유일한 방법이 아니라 상처받은 자존심 없이 불일치를 끝내는 가장 명확한 방법입니다.

실제 산출물은 페이지가 아닙니다

당신의 시나리오로 돌아갑니다. 당신은 입장을 지키고, 명확한 버전을 만들고, 두 프로토타입을 설명하고, 상사는 명확한 버전을 선택합니다 — 부분적으로는 선택지로 만들었기 때문이고, 부분적으로는 한 문장으로 소리 내어 읽을 수 있는 헤드라인이 있기 때문입니다. 페이지가 출시됩니다. 더 많은 가입, 더 적은 의아한 이탈, 또는 제품의 성공이 무엇이든 그것을 생성할 것입니다. 다음에 상사가 경쟁사 링크를 보내면, 팀은 그 요청이 전략에 관한 것인지 스타일에 관한 것인지 논의할 언어를 이미 갖추고 있습니다.

그 언어가 실제 산출물입니다. 랜딩 페이지는 재설계하기 쉽습니다. “현대 디자인은 많은 것을 의미한다”는 팀의 기본 가정은 바꾸기 더 느립니다. 평범한 가치 제안이나 단일 CTA를 방어할 때마다 팀 전체가 사용할 수 있는 작은 참조 라이브러리를 구축하는 것입니다. 다음 프로젝트는 더 쉬워집니다. 같은 정직함을 단일 페이지가 아닌 전체 사이트에 적용하고 싶다면, 관심 없는 고객처럼 사이트의 나머지를 감사하세요. 캠페인 페이지와 전체 웹사이트 중 무엇이 필요한지 확실하지 않다면, 사이트 형식 선택에 대한 이 가이드가 프레임을 잡는 데 도움이 될 것입니다.

논쟁에서 이기는 것이 아닙니다. 페이지의 다음 콜투액션이 방문자가 실제로 취하고 싶어 하는 것이고 실제로 찾을 수 있는 것인지 확인하는 것입니다.