전환을 급증시키는 랜딩 페이지를 디자인하는 방법

이 비디오에서 WebFX Interactive 팀의 Jaci는 일부 주요 반죽을 긁어 모으는 랜딩 페이지를 디자인하는 방법에 대한 6가지 팁을 제공합니다.

대본: 훌륭한 랜딩 페이지 디자인은 비즈니스를 판매 부진에서 새로운 고객의 폭발로 이끌 수 있습니다. 더 많은 리드, 판매 및 수익을 볼 수 있도록 전환하는 랜딩 페이지를 디자인하는 방법에 대한 6가지 팁을 알려 드리겠습니다. 또한 공유할 실제 사례가 있으므로 각 팁이 실제로 어떻게 보이는지 보다 구체적인 아이디어를 얻을 수 있습니다. 첫 번째 팁부터 시작하겠습니다!

1. 방문 페이지를 광고, 이메일 또는 기타 콘텐츠와 일치시키십시오.

스카프 가게에 갔다가 실제로 모자를 판다는 사실을 알게 된다면 어떤 기분이 들까요? 나는 확실히 혼란스러웠을 것이고, 어쩌면 약간 당황스러울 수도 있습니다.

방문 페이지가 누군가 클릭한 광고와 전혀 관련이 없는 경우 사람들이 느끼는 것과 같은 느낌입니다.

스카프 판매에 대한 광고가 있거나 이메일을 보내고 링크를 통해 판매하는 모든 의류가 포함된 페이지로 연결되는 경우 원하는 스카프 판매 증가를 얻지 못할 수 있습니다.

클릭 유도문안도 마찬가지입니다. 광고, 이메일 또는 기타 콘텐츠 가 사람들의 구매를 유도하는 데 중점을 둔 경우 방문 페이지는 사람들이 구매할 수 있는 장소여야 합니다.

사람들이 광고를 통해 연락하도록 하려면 방문 페이지에 사람들에게 연락하는 방법을 알려주는 양식이나 정보가 포함되어야 합니다.

Pantene의 이 Facebook 광고에서 회사는 Costco에서 제품 판매를 늘리려고 하고 광고에서 누군가가 구매할 수 있는 Costco 페이지로 연결됩니다.

명확하고 단순하며 응집력이 있습니다.

2. 클릭 유도문안(CTA) 1개 포함

웹사이트 방문 페이지에서 청중에게 너무 많은 옵션을 제공하고 싶지 않습니다. 하나의 클릭 유도문안을 선택하고 고수하십시오.

그렇게 하면 주의를 분산시키고 메시징 및 디자인의 효율성을 해치는 대신 사람들이 한 가지 일을 하도록 하는 데 더 집중할 수 있습니다.

이 Wistia 랜딩 페이지는 짧고 간결하게 유지하는 데 큰 역할을 합니다. 사용자가 한 가지 조치를 취하기를 원합니다. 연락하기.

페이지의 모든 내용은 한 가지 작업에 맞춰져 있습니다.

3. 훌륭한 카피 쓰기

전환하는 랜딩 페이지를 디자인하려면 사람들에게 전환의 이유를 제공해야 합니다 . 물론 쉽게 만들 수 있습니다 . 귀하의 사본은 사람들이 귀하에게 정보(또는 돈)를 제공하도록 설득하는 데 큰 역할을 합니다. 첫째, 사람들에게 그들이 무엇을 하고 있는지 확실히 말하십시오.

온라인 과정이든 이메일 뉴스레터이든 사람들은 방문 페이지 디자인에서 제공하는 내용을 이해해야 합니다. 둘째, 가치 제안 을 식별하고 사용합니다 .

기본적으로 귀하의 비즈니스가 경쟁업체 중에서 눈에 띄는 이유가 무엇인지 자문해 보십시오.

당신의 제품이나 서비스가 사람들의 삶을 어떻게 개선합니까? 무료로 뭔가를 제공합니까? 상담 절차가 빠르고 쉽습니까?

A href는 모든 기술 수준의 마케터를 위한 강력한 디지털 마케팅 도구를 제공합니다. 무료 도구를 홍보 하는 광고 는 사람들을 훌륭한 카피로 가득한 방문 페이지 로 안내합니다.

그들의 큰 헤드라인은 페이지에 무료 SEO 도구가 있고 명확하게 레이블이 지정된 링크가 기능을 제공하는 각 도구로 연결된다는 것을 알려줍니다.

가치에 대해 Ahrefs는 순위를 높이고 더 많은 트래픽을 무료로 얻을 수 있다고 말합니다. 당신이 훌륭한 카피를 쓸 때 당신의 고객들이 당신의 비즈니스로부터 무엇을 얻을 수 있는지는 의심의 여지가 없습니다.

4. 디자인을 어수선하게 만들지 마십시오.

바쁘고 투박한 웹 디자인의 시대는 지났습니다. 콘텐츠에 숨을 불어넣으세요. 불필요한 아이콘이나 이미지로 페이지를 채울 필요가 없습니다. 당신이 Yale School of Art가 아닌 이상 .

웹사이트 공간의 다른 섹션을 제공하면 특정 요소에 주의를 환기시키는 데 도움이 됩니다. 그것 은 일 을 더 쉽게 읽을 수 있게 하고 읽기 이해력 을 높일 수도 있습니다 .

이 피지 워터 광고 의 랜딩 페이지 레이아웃이 이미지를 많이 사용하지 않는 방법에 주목하세요 .

디자인이 심플 하고 사용 하지 않는 공간이 많아 제품과 제품의 디테일이 돋보입니다.

또한 공백이 흰색일 필요는 없습니다. 사진이나 기타 요소가 없는 페이지 부분을 설명하는 데 사용하는 용어일 뿐입니다.

5. 색을 현명하게 사용하라

색상은 사람들이 다양한 방식으로 느끼고 행동하게 할 수 있습니다. 현명하게 사용하면 독해력, 학습 능력을 향상시키고 사람들의 감정에 영향을 줄 수 있습니다.

대비되는 색상을 사용하면 웹사이트의 특정 영역에 주의를 집중시킬 수도 있습니다. LEGO 가 건축 경연 대회를 홍보하는 광고 와 함께 만든 이 페이지를 살펴보겠습니다 .

나는 분명히 들어가지 않을 것이다.

아래로 스크롤하면 콘텐츠를 업로드하거나 공유하고 대회에 참가할 수 있는 3개의 주황색 버튼이 표시됩니다.

주황색 버튼은 대비가 높은 보색이기 때문에 파란색 배경에서 두드러집니다. 즉, 색상환 의 반대쪽에 위치합니다 . 대비되는 색상은 해당 버튼이 중요하다는 것을 분명히 합니다.

색상 심리학을 조금 더 살펴보면 주황색은 흥분과 열정을 나타내는 경향이 있습니다.

마케터는 이를 사용하여 친근하고 쾌활한 브랜드의 느낌을 만듭니다.

흥분을 반영하는 색상을 사용하는 것보다 대회에 대한 흥분을 불러일으키는 더 좋은 방법은 무엇입니까? 색상 심리학에 대한 자세한 내용은 당사 웹사이트에서 확인할 수 있습니다 .

6. 시각적 신호 제공

이것은 시각적 신호입니다. 제가 가리키는 방향을 보고 계셨던 것 같아요.

방문 페이지를 디자인할 때 그래픽과 이미지를 페이지에 전략적으로 배치하여 사람들의 시선 을 중요하거나 클릭할 수 있는 요소로 유도하는 것을 고려해야 합니다. 가장 먼저 생각할 수 있는 것은 화살표입니다. 이것은 사람들에게 눈과 마우스를 원하는 위치를 알려주는 분명한 방법입니다.

하지만 그렇게 눈에 띄지 않아도 됩니다. 웹사이트에 사진을 사용하려면 요소가 버튼이나 중요한 텍스트를 향하도록 하세요.

사진 속의 사람이 페이지의 가장 중요한 부분을 직접 보게 하십시오. 그들은 내가 얼마 전에 하지 않은 것처럼 가리킬 수도 있습니다. 구찌 웹사이트에서 구찌가 여성용 신발 컬렉션을 광고하기 위해 신발 이미지를 사용한 것을 볼 수 있습니다.

하지만 자세히 보면 신발이 "쇼핑" 버튼 쪽으로 기울어져 있음을 알 수 있습니다.

원래 의도인지 여부에 관계없이 클릭 가능한 요소로 미묘하게 시선을 끕니다. 이 모든 예를 통해 랜딩 페이지를 디자인하는 방법을 더 잘 이해할 수 있기를 바랍니다.

당신을 위한 마지막 조언은 모든 것을 테스트하라는 것입니다.

하나의 디자인을 선택하고 작동하지 않는 경우 계속 사용할 필요가 없습니다.

Google Optimize 또는 VWO 와 같은 테스트 도구 를 사용 하면 사이트 방문자에게 가장 적합한 디자인을 파악할 수 있습니다. 이와 같은 테스트를 실행하는 것은 전환율 최적화 의 일부이며 다른 비디오 에서 이에 대해 배울 수 있습니다 . 전환하는 랜딩 페이지를 만드는 데 도움을 줄 디자이너 팀을 찾고 있다면 주저하지 말고 비디오 설명의 링크를 통해 저희에게 연락하십시오.

마지막으로 YouTube 채널 과 이메일 뉴스레터인 Revenue Weekly 를 구독하는 것을 잊지 마십시오 . 설명에서 Revenue Weekly 에 대한 링크 도 가져옵니다. 다음에 만나요!