전환하는 방문 페이지를 디자인하는 방법

"첫인상을 남길 수 있는 두 번째 기회는 없습니다."

사람들이 웹사이트를 방문하도록 하는 것도 중요하지만 기업이 실제로 원하는 것은 전환입니다. 다시 말해, 회사의 고유한 가치 제안에 충분히 관심을 갖고 가입하고, 구독하고, 최신 정보를 받고, 친구와 공유하고, 충성도가 높은 고객이 될 수 있는 변덕스러운 방문자를 잡아야 합니다.

그렇다면 랜딩 페이지 디자이너의 주요 목표는 강한 첫인상을 만들어 전환율이 높은 랜딩 페이지를 만드는 것이며 7초도 걸리지 않습니다.

전환되는 방문 페이지에 대한 방문자 경험을 개발할 때 방문 페이지 디자이너는 일반적으로 일련의 고려 사항에 따라 다른 접근 방식을 취합니다. 그들은 산업 및 시장 수직, 청중, 전환을 봉인하는 데 필요한 최소한의 정보를 신중하게 고려해야 합니다.

다음은 방문 페이지 전환율을 개선하기 위한 혁신적이고 성공적인 전략입니다.

1. 귀하의 사례를 진술하십시오

더 나은 삶을 팔다

기업은 다양한 마케팅 활동을 통해 사람들의 웹사이트 방문을 유도합니다. 첫째, 고유한 제품이나 서비스가 잠재 사용자에게 어떻게 도움이 될 수 있는지 설명합니다. 피치의 처음 몇 줄은 방문자의 문제에 대한 가능한 해결책을 이끌어내는 감성적인 화음을 쳐야 하며 7초 이내에 발생해야 합니다.

예를 들어, 고객 기반의 규모나 계약자가 몇 명인지에 대해 이야기하는 대신 개인 지원 및 접대 서비스 Alfred는 방문자에게 서비스가 어떻게 여가 시간을 되찾는 데 도움이 될 수 있는지 알려줍니다. 올바른 언어는 잠재 고객이 제안을 통해 삶을 개선할 수 있는 방법을 상상하도록 영감을 줍니다. 잘 팔리네요.

투자 스타트업 Betterment는 잠재 고객에게 설득력 있는 사례를 제시하는 랜딩 페이지를 보유하고 있습니다. 조화로운 색상, 웃는 사람, 매력적인 문구, 독특한 가치 제안, 명확한 클릭 유도문안(CTA)은 모두 사람들이 Betterment가 제공하는 것을 즉시 이해하는 데 도움이 됩니다.

증거 제공

사용자를 전환하는 또 다른 방법은 사용 후기를 강조 표시하는 것입니다.

Neil Patel은 다음과 같이 설명합니다. “고객만큼 좋은 카피를 쓰는 것은 불가능합니다. 왜요? 좋은 카피는 스타일과 내용이 아니라 출처에 달려 있기 때문입니다. 고객이 귀하의 제품이나 서비스를 사용할 때 경험하게 될 경험을 보여주기 때문에 평가가 매력적입니다.”

평가는 경험을 판매하는 데 도움이 되며 방문자는 가능성을 쉽게 내면화할 수 있습니다.

방문자의 언어로 말하기

적절한 청중에게 적절한 분위기를 제공하는 것도 중요합니다.

경기장의 언어와 시각적 디자인을 사이트 방문자에게 전달해야 하는 감정과 일치시키는 것이 중요합니다. 그것이 신뢰감이든, 위험에 대한 유혹이든, 형식적이든 친근함이든, 금욕적인 진지함이든 뺨이든 상관없습니다.

고객에게 메시지를 맞춤화하십시오. 다음은 두 개인 제트기 서비스의 언어와 이미지를 비교한 것입니다.

NetJets는 사치와 독점에 관심이 있는 비즈니스 사람들을 대상으로 합니다. 반면에 VistaJet은 부유한 가족에 초점을 맞추므로 그들의 삶에 완전히 자연스러운 것처럼 들립니다. 회사의 제안은 특정 페르소나에 맞는 핵심 ​​고객을 유치하려고 시도하고 있습니다. 따라서 방문 페이지의 디자인은 대상 시장의 감성, 특정 요구 및 가치를 나타내는 분위기와 스타일을 전달합니다.

2. 행동으로 이끌어라

사람들의 문제를 즉시 해결

디자이너는 사람들이 사이트를 방문하는 이유를 자문해야 합니다. 방문자의 참여를 유도하는 것은 오퍼링의 기본 작업에 초점을 맞추는 것입니다.

에어비앤비의 랜딩 페이지는 헤드라이너 피치와 그 아래의 양식을 통해 에어비앤비의 내용을 즉시 전달합니다.

디자이너들은 에어비앤비 서비스의 핵심 요소에 초점을 맞춰 사람들이 즉각적으로 자신의 헌신을 높이는 행동을 시작할 수 있도록 했습니다.

여행을 계획하고 옵션을 탐색하기 시작하면 시간과 감정을 투자한 것입니다. 사람들이 목록을 예약하거나 위시리스트에 저장하기로 결정한 후에야 계정에 가입하라는 메시지가 표시됩니다.

이 디자인은 동시에 사람들이 원하는 작업을 완료하는 데 도움이 되거나(예약하기로 약속한 경우) "작업 저장" 욕구를 자극할 수 있습니다(선택 사항을 탐색하는 경우).

TaskRabbit도 마찬가지입니다. 주요 CTA는 방문자에게 "가입"을 요청하는 대신 사람들이 추구하는 것의 핵심인 "가정 지원"에 도달합니다.

먼저 TaskRabbit은 메시지로 감성적인 화음을 낸 다음 사람들에게 도움이 필요한 항목을 묻는 입력 필드를 제공합니다. 단순히 질문을 읽는 것만으로도 사람들은 어떻게 도움을 받고 싶은지 생각하게 하고 특정 요구 사항을 언급하여 탐색하도록 초대합니다. 이것은 즉각적인 참여입니다.

3. 거절할 수 없는 제안을 하라

할인 제공

방문 페이지가 제공하는 것은 방문자에게 도움이 될 수 있습니다. 문제는 수백만 개의 다른 회사가 이미 고객의 관심을 끌기 위해 경쟁하고 있다는 것입니다.

이메일 주소를 공유하는 것은 어떤 사람들에게는 민감한 문제일 수 있으므로 랜딩 페이지 디자이너는 그만한 가치가 있어야 합니다. 많은 회사가 쇼핑객에게 이메일 주소를 넘겨주는 대가로 매력적인 거래를 제공하는 이유입니다.

할인, 무료 평가판, 무료 배송 또는 기타 매력적인 공짜를 제공하면 가입을 장려합니다.

예를 들어 브루클린을 보자. 방문자에게 첫 구매 시 무료 배송을 제공합니다. 가입하지 않고 사이트를 계속하려면 사람들은 "아니요, 배송료를 지불하고 싶습니다."라는 버튼을 선택해야 합니다. 그리고 누가 배송료를 지불하고 싶습니까?

의미 있는 방법으로 방문자에게 알리고 교육

이메일 주소를 수집하는 또 다른 방법은 이메일 주소와 교환하여 eBook과 같은 무료 콘텐츠를 제공하는 것입니다.

UXPin은 다양한 주제에 대한 유익한 전자책으로 유명합니다. 그들은 고객의 이메일 주소와 몇 덩어리의 정보를 교환하는 대가로 그것들을 줍니다. 방문자는 귀중한 정보를 원하므로 이메일 주소를 제공하는 데 신경 쓰지 않습니다.

그 후 UXPin은 새로운 가입자에게 이메일을 보내 다른 매력적인 제안에 대한 후속 조치를 취할 수 있습니다.

4. 마찰 감소

웹 양식을 단순하게 유지

많은 고려 사항으로 인해 가입 양식이 결정되거나 중단될 수 있습니다. 마찰을 피하는 것도 그 중 하나입니다.

마찰은 사람들을 길에서 멈추게 하고, 혼란을 일으키며, 너무 많은 인지 작업을 요구하는 모든 것입니다. 디자인은 또한 오류가 발생하기 쉽습니다. 최고의 양식에는 유용한 메시지와 명확한 레이블이 포함되어 있으며 사람들이 정보를 빠르게 소화할 수 있습니다.

사람들은 인라인 유효성 검사에서 정기적으로 형식 오류를 범합니다. 프로세스를 가능한 한 간단하게 만드는 것이 디자이너의 일입니다. 사람들이 추가 입력 필드로 이메일과 비밀번호를 확인하는 것이 중요합니까? 사람들에게 마스킹된 암호를 볼 수 있는 옵션을 제공하는 것이 좋습니다.

Instapaper의 가입 양식은 간단하고 깔끔하지만 방문자에게 왜 계정을 만들고 싶은지 상기시켜 주지는 않습니다. 양식에는 인라인 유효성 검사 기능도 없기 때문에 유효한 이메일 주소를 입력하지 않았다는 것을 알기 전에 양식을 제출해야 합니다. 이러한 종류의 마찰은 사소해 보일 수 있지만 가입 비용이 발생할 수 있습니다.

정반대로, Pocket의 가입 양식은 깨끗하고 매력적이며 가치 제안을 눈에 띄게 유지합니다. 양식이 명확하고 인라인 유효성 검사를 통해 양식을 제출하기 전에 실수를 했는지 알 수 있습니다. 사람들은 프로세스를 진행하면서 오류를 보기를 원합니다.

5. 모바일 퍼스트

모바일 우선이라는 말을 백만 번 들었습니다. 2016년에는 모바일 및 태블릿 인터넷 사용량이 처음으로 데스크탑을 초과했습니다.

Google 검색 결과는 모바일 친화적 웹사이트를 선호합니다. 즉, 처음 방문자가 모바일에서 웹사이트를 볼 가능성이 높습니다. 랜딩 페이지와 가입 양식이 모바일에서 제대로 표시되지 않으면 사이트에서 잠재적인 전환을 많이 잃을 수 있습니다.

분명한 것 같지만 오늘날에도 여전히 모바일 친화적이지 않은 웹사이트가 너무 많습니다. 때로는 웹 사이트가 모바일 장치에서 좋아 보이지만 가입 양식이 부족합니다. 다른 경우에는 필드와 버튼이 너무 작거나 디자이너가 모바일에서 사용하기 번거로운 입력 방법을 선택했습니다.

위의 모바일 랜딩 페이지 가입 양식에는 최소한의 노이즈가 있으며 명확하게 레이블이 지정된 필드가 크고 쉽게 탭할 수 있습니다. 버튼은 명확하고 전체 너비입니다. 이러한 모바일 양식 디자인의 대부분에서 비밀번호 필드는 사용자에게 비밀번호를 표시할 수 있는 옵션을 제공하며, 이는 오타와 오작동이 사실인 모바일 장치에 탁월합니다.

6. 너무 많은 정보를 피하라

최소한의 것만 요구하십시오

모든 랜딩 페이지 디자이너가 고려해야 할 사항: 기업이 사람들을 시작하는 데 필요한 최소한의 정보는 무엇입니까?

첫인상이 심문처럼 느껴지면 잠재적인 전환이 빠르게 두려워질 수 있습니다. 일부 필드가 선택 사항으로 표시되더라도 너무 많은 정보를 요청하면 방문자에게 개인 정보가 존중되지 않는다는 인상을 줄 수 있습니다.

예를 들어, Macy's는 가입하기 위해 너무 많은 질문을 합니다.

방문자의 생년월일을 알아야 하는 이유는 무엇입니까? 그들은 아마도 사람들의 나이를 알고 싶어하여 인구 통계를 기준으로 분류할 수 있습니다. 사람들의 개인 정보를 침해하는 것처럼 느껴지므로 방문자는 가입을 포기하여 기회를 잃을 가능성이 큽니다. 나이에 대한 정보는 나중에 계정 환경설정에 입력할 수 있습니다.

그리고 TaskRabbit의 랜딩 페이지는 시각적으로 매력적이지만 가입 양식도 약간 과합니다.

우편 번호는 서비스 제공업체가 지역에 있기 때문에 이해가 되지만 서비스에 가입하기 위해 사람들의 이름과 성이 필요한 이유는 무엇입니까? 모든 추가 필드가 중요하며 이는 방문자의 경로에 장애물을 던지고 있습니다.

랜딩 페이지 전환 모범 사례에서는 디자이너가 사람들이 시작하는 데 필요한 최소한의 이메일과 비밀번호만 요구할 것을 권장합니다. 이름과 성, 우편 번호를 묻는 것은 온보딩 프로세스 중 나중에 사용할 수 있도록 예약해야 합니다.

이에 반해 블루에이프런의 밀키트 서비스는 이메일 주소와 비밀번호로 계정만 만들면 된다. 간단하고 빠릅니다. 그들은 서비스가 모든 곳에서 제공되지 않더라도 이름이나 우편 번호를 요구하지 않습니다. 이는 사람들이 양식을 포기할 가능성이 훨씬 적다는 것을 의미합니다.

7. 대화 시작

버튼, 링크 및 양식이 있는 기존 랜딩 페이지 UI는 가장 직관적이고 자연스러운 상호 작용 패턴 중 하나인 대화 뒤에서 점차 사라지고 있습니다.

챗봇과 대화형 UI의 인기가 폭발적으로 증가하고 있습니다. Gartner에 따르면 챗봇은 2020년까지 모든 고객 서비스 상호작용의 85%를 지원할 것입니다. 많은 경우 챗봇은 랜딩 페이지 리드당 비용(CPL)을 48% 줄이고 고객 참여를 유도하여 잠재적으로 리드 전환율을 두 배로 높일 수 있습니다.

기존의 랜딩 페이지는 일반적으로 눈길을 사로잡는 비주얼, 애니메이션, 눈에 띄는 가치 제안, 신중하게 배치된 CTA로 방문자의 관심을 유도합니다. 반면에 챗봇은 방문자를 즉시 ​​참여시키고 보다 개인화된 서비스를 제공하며 리드를 생성하고 검증할 수 있기 때문에 전환을 여러 번 개선할 수 있습니다.

올바르게 수행되면 대화식 랜딩 페이지 UI는 재미있고 친근하며 도움이 되며 잠재 고객과의 연결을 촉진하려는 비즈니스에 적합할 수 있습니다. 이 전략은 여행 및 보험 제공업체와 같은 서비스 산업에 적합할 수 있습니다. AI 기반 랜딩 페이지 챗봇은 일련의 질문을 통해 응답을 맞춤화할 수 있으며, 속도가 필수적이므로 사용자를 올바른 방향으로 빠르게 안내합니다.

그러나 매우 정교한 기계도 여전히 기계처럼 생각합니다. 제대로 실행되지 않으면 챗봇이 차갑게 느껴질 수 있고, 최악의 경우 불편함을 느끼며 자리를 떠날 수도 있습니다. 방문자는 사전 프로그래밍된 응답을 벗어나는 질문이 있거나 챗봇이 즉시 인식하지 못하는 구문으로 질문을 구성할 수 있는 사람이라는 점을 염두에 두는 것이 가장 좋습니다.

모든 산업에 적합하지는 않지만 대화식 랜딩 페이지는 방문자를 보다 인간적인 수준으로 끌어들일 수 있습니다. 대화는 의미 있는 관계의 기반이므로 챗봇은 지능적인 양방향 대화가 가능해야 합니다. 도약하고 대화식 랜딩 페이지를 올바르게 수행하는 스타트업이 진정한 개척자가 될 것입니다.

전환율이 높은 방문 페이지를 디자인하는 방법

사람들의 관심을 끌기 위해 경쟁하는 수백만 개의 사이트가 있으며, 논의된 바와 같이 디자이너는 방문자가 제품이나 서비스에 가입하도록 설득할 수 있는 시간이 몇 초밖에 없습니다. 랜딩 페이지 디자이너는 사용자를 가입하도록 초대하는 방법과 시기에 대해 전략적으로 생각해야 합니다.

사람들은 탐색과 참여를 통해 제품이나 서비스에 관심을 갖게 되어 궁극적인 참여를 유도합니다. 전환되는 랜딩 페이지를 디자인하려면 웹 사이트를 매력적이고 수월하게 만들고 등록 프로세스를 원활하고 즐겁게 만드는 것이 가장 좋습니다. 랜딩 페이지 전환 모범 사례를 따르면 디자이너는 더 많은 고객을 유치할 수 있는 전환율이 높은 랜딩 페이지를 개발할 수 있습니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 효과적인 방문 페이지를 디자인하는 방법
• 변환용으로 제작 – 랜딩 페이지 디자인 모범 사례
• 이러한 방문 페이지 영감으로 방문자를 전환하십시오.
• 랜딩 페이지 디자인: 궁극적인 랜딩 페이지 구축
• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)