웹사이트 최적화를 위한 아름다운 랜딩 페이지 디자인하기! (2023)

웹사이트 최적화를 위한 아름다운 랜딩 페이지 디자인하기! (2023)

표지

1. 👉 개요
2. 👉 이해관계자의 중요성
3. 👉 강력한 제안서의 필요성
4. 👉 랜딩 페이지의 중요성
5. 👉 강력한 제안 생성하기
6. 👉 제안서의 내용 일치성
7. 👉 감각적 이미지 선택하기
8. 👉 인라인 폼 vs 팝업 폼
9. 👉 간결한 랜딩 페이지 템플릿
10. 👉 트래픽 유입의 중요성
11. 👉 마무리

개요

웹사이트나 랜딩 페이지로 유입된 트래픽이 많다고 해서 매우 중요한 것은 아닙니다. 그들이 도착한 후에 한 눈에 알 수 있는 내용을 확인하고, 그들에게 필요한 것이 아니라는 결론을 내리고, 그리고 그들이 갖다버리는 것은 아무런 의미가 없습니다. 사실 대부분의 웹 페이지와 사이트는 사람들을 불안하게 만들고 결국 절대로 다시보지 않게 만듭니다. 사실 어떤 통계를 보든지 어떤 산업에 종사하든 첫 방문자의 경우 95에서 98% 정도는 방문하여 돌아오지 않을 것입니다. 다시 말해 100명의 사람들이 웹사이트나 페이지에 방문한다고 해도 실제로 그 중 일부만이 머무르고 당신이 전하려는 메시지를 들을 것입니다. 이건 좋지 않아요. 그래서 이 비디오에서는 좋아보이고, 잘 작동하는 고전적인 랜딩 페이지를 만드는 방법을 알려드릴 겁니다. 사실 핵심은 모두에게 무언가 제공하는 것입니다.

이해관계자의 중요성

랜딩 페이지를 효과적으로 만들기 위해서 제안서의 중요성을 이해해야 합니다. 40-40-20 규칙이 있는데 이것은 성공적인 마케팅 캠페인은 세 가지 요소에 의해 결정된다는 것을 알려줍니다. 40%의 성공은 제안에 의해 결정되고, 40%의 성공은 대상 시장을 찾고 그들을 이해하고 원하는 시장에 도달하는 능력에게 달려 있으며, 그 나머지 20%는 저희들 마케터가 우리가 제안서에 사용하는 단어와 이미지로서 어떻게 말하는지(여기에는 제품이나 서비스를 설명하는 것)에 의존한다는 것입니다.

다만, 사람들은 이를 항상 역으로 생각합니다. 그들은 시간과 에너지를 많이 낭비하여 사업을 정말 좋게 만들고 매우 좋게 들리게 만들기 위해 많은 시간과 돈, 에너지를 투자하겠다고 생각합니다. 그리고 그들은 어느쪽으로 가려고 하는 대상을 무시하거나, 더 중요한 것은 그들이 실제로 제공하고자 하는 제안이 무엇인가요? 즉, 그들이 제시하는 것이시장에서 실제로 원하는 것인지 아니면 심지어 실제로 필요한 것인지에 대해 생각하지 않습니다. 대부분의 경우에 대답은 "아니요"이지만, 이것이 왜 많은 웹사이트와 랜딩 페이지들이 성능이 좋지 않은지 이유를 설명해 주는 것입니다. 그러니 당신을 위해 더 좋은 것을 원합니다. 이것은 왜 여러분들은 가장 필요한 것을 만들기 위해 노력하는 것입니다. 여러분이 이마저도 올바르게 정의하는 것은, 여러분들이 누가 진짜로 필요로하는지, 신뢰할 만한 것을 만들고 싶습니다. 그들에게 가치 있는 것을 제공할 수 있는 것을 알고 있습니다. 그렇게 때로는 명백한 것처럼 들릴지 모릅니다. 하지만 일반 상식이 항상 일반적인 실천되는 것은 아닙니다. 그렇다면, 현명한 실천 구현도 필요합니다. 회사 웹사이트나 랜딩 페이가 어쩌면 겉으로 보기에 조차 이해할 수 없다는 이유로 근본적인 문제를 발생시키는 모습을 봐온 경험이 많지요. 그래서 지금부터는 여러분의 제안이 정말로 의미 있는 것인지, 그리고 그것이 여러분의 고객이 원하는 것, 더 중요한 것은 실제로 필요한 것인지 여부를 확인하기 위해 해야 할 일에 대해 알려드리겠습니다. 이는 시작하기에 좋은 장소입니다. 포인트는 여러분의 방문자가 여러분이 판매하는 제품이 무엇인지, 그리고 그것이 어떻게 그들에게 도움이 될지를 즉시 이해하지 못한다면 세상에서 가장 멋진 단어와 아름다운 이미지도 아무런 의미가 없다는 것입니다. 이는 다음 포인트와 직결시킬 수 있는 훌륭한 해법입니다. 바로 콘텐츠 일치성에 관한 것입니다.

강력한 제안서의 필요성

콘텐츠 일치성은 여러분이 유입시킨 트래픽의 출처가 여러분의 랜딩 페이지 또는 사이트에 도달하는 것보다 더 중요하다는 것을 알려줍니다. 이 부분에서 대부분의 사이트와 페이지가 변환되지 않는 가장 큰 이유 중 하나를 설명합니다. 아마도 이런 것이 익숙하게 들릴지도 모릅니다. 웹을 스크롤하다가 글을 읽고 비디오를 보면서, 사람들이 무언가를 더 찾아보고 싶게 하는 곳을 클릭합니다. 그러나 그것이 여러분이 기대한 대로 이루어지지 않고 이상하고 혼란스럽고 기대한 것과 전혀 일치하지 않는 곳에 도달하는 경우가 많습니다. 그래서 당연히 뒤로 버튼을 누르고 나갑니다. 대부분의 경우 사람들이 대부분 그런식으로 하기 때문에 이건 결국 우리가 대부분의 경우 유효합니다. 그렇기 때문에 너무 벗어나거나 원래의 콘텐츠와 너무 다른 경우 이러한 부분이 문제가 될 수 있습니다. 이 과정은 인라인 폼 대 팝업 폼 중 일반적으로 수행됩니다.

랜딩페이지의 중요성

인라인 폼은 웹사이트나 랜딩 페이지에서 사용자의 이메일 주소를 수집하는 데 사용하는 폼입니다. 이 예에서 볼 수 있듯이 인라인 또는 원단계 옵트인이나 전통적인 옵트인이라고도 합니다. 인라인 폼은 사용자가 이메일 주소를 입력만 하면 되므로 가장 간단합니다. 그에 비해 팝업 또는 이중단계 옵트인은 사용자가 이메일 주소를 입력하기 전에 버튼을 클릭해야 한다는 것을 요구합니다. 실제로 이 옵션은 과정을 한 단계 더 추가하여 기본적으로 복잡해질 수 있습니다. 왜 더 복잡하고 단계가 많은 방법을 선택하려는가? 복잡하고 단계가 늘어가는 것은 좋은 생각이 아닌 것 같습니다. 그럼에도 불구하고 결과에 가장 적합한 방법인지 알아보겠습니다. 그러나 현재로서는 내용 일치와 관련 있는 용어를 몇 가지 알려드리겠습니다. 간단히 이해하고 쉽게 머릿속에 각인될 수 있기 위해 최선을 다하였지만, 그래도 여전히 다소 혼란스럽고 모호한 요소입니다. 그렇기 때문에 필요하다면 다시 보면서 시청하시기 바랍니다.

강력한 제안 생성하기

랜딩 페이지에서 더 많은 클릭, 리드 및 판매를 생성하기 위해 가장 중요한 요소 중 하나는 강력한 제안서를 만드는 것입니다. 그것은 광고 마케팅에서 40-40-20 규칙을 사용하는 것과 관련이 있습니다. 이것은 성공적인 캠페인은 제안의 결과에서 40%가 나온다는 것을 의미합니다. 40%는 타겟 시장을 찾고 이해하고 원하는 곳으로 도달할 수 있는 능력입니다. 나머지 20%는 제안문에 사용된 단어와 이미지인 것입니다. 하지만 여기에서 중요한 것은 사람들이 이를 항상 혼동시키는 것입니다. 무언가 좋아 보이게 만들기 위해 시간과 돈과 에너지를 많이 낭비합니다. 대상을 고려하지 않거나, 그들이 실제로 제공하려는 제안에 대해 생각하지 않습니다. 즉, 그들이 제시하거나 시장에 제안하는 것이 그들이 실제로 원하는 것인지 또는 사업이 실제로 필요한 것인지 생각하지 않습니다. 대답은 대부분 "아니오"라고 생각할 수 있지만 왜 그러면 대다수의 웹 사이트와 랜딩 페이지가 성능이 좋지 않을까요? 여러분을 위해 더 좋은 방향을 제시하는 이유입니다. 가장 중요한 것을 만들기 위해 노력하는 것은 실제로 당연한 사실처럼 들릴지도 모릅니다. 하지만 일상적인 상식이 항상 일상적인 실천으로 이어지지 않기 때문입니다. 그렇다면, 현명한 실무를 행하는 것도 중요합니다. 회사 웹사이트나 랜딩페이지가 실제로 의미 있는 제안인지, 고객이 실제로 원하는 제안인지 그리고 그것이 실제로 필요한지를 확인하기 위한 작업을 진행해야 합니다. 그러기 위해 가장 이상적인 시작점은 "우리는 X를 Y에게 제공하여 Z를 할 수 있게 해줄거야"라고 말하는 "명확한 제안 공식"을 사용하는 것입니다. 여기에는 남들이 멋진 제안 또는 멋진 이미지를 만들기 위해 낭비하는 것이 없다는 이점이 있습니다.

제안서의 내용 일치성

랜딩 페이지의 콘텐츠 일치성은 도움이 될 것입니다. 방문자들이 어디서 왔는지 어디로 향하는지 이해하는 것은 여러분의 마케팅이나 기업의 결과론적 승리에 더 용이할 수 있습니다. 핵심은 이 부분에서 대부분의 사이트와 페이지에서 미스를 한다는 것입니다. 일반적으로 이유는 다음과 같습니다. 웹스크롤링을 할 때 글을 읽거나 비디오를 시청하는 동안 여러분이 어떤 것을 더 많이 알고자 하는 경우를 볼 수 있습니다. 그러나 기대한 대로 나타나지 않고 혼란스럽고 기대한 것과 전혀 일치하지 않는 곳에 도달하는 경우가 많습니다. 이런 것이 대부분의 사람들이 대부분을 하기 때문이며, 해결방안은 일치성을 유지하는 세 가지 방법으로 나눠지는데 첫째, 미디어 일치성입니다. 둘째 정보 일치성입니다. 셋째, 브랜드 일치성입니다. 이러한 사항들은 언제나 중요하며 하나의 중요하지 않은 것을 빼놓는 게 가장 중요한 일입니다. 그들 중 하나를 엉망으로 만들거나 본래의 콘텐츠에서 너무 멀리 벗어나는 경우, 이러한 부분은 대상에게 충격을 줄 수 있으며 사용자는 스스로 제대로된 곳으로 잘못 왔다고 생각하게 됩니다. 이미지 선택에 관해 이야기하고, 그 후에 한 가지 알려드릴 것입니다.

감각적 이미지 선택하기

사진 한 장은 수천 개의 단어와 같은 가치가 있다고 흔히 말합니다. 이는 랜딩 페이지에도 마찬가지입니다. 이미지 선택은 당신이 라이벌을 파악하고 그런후 랜딩 페이지로 전달함에 있어서 핵심적인 의미를 가집니다. 그러나 사실상 모든 비즈니스와 시장과 모든 산업에 걸쳐 모든 곳에서 동일하게 동작 할 수 있는 하나의 이미지 크기는 존재하지 않습니다. 그럼에도 불구하고, 이미지 중에서도 오히려 잘 동작하지 않는 이미지가 존재합니다. 그것은 바로 일반 스톡 사진입니다. 약간 비현실적인 사진들로써 사무실에서 악수를 하거나 카메라를 향해 웃으며 부자로 보이고 싶은 것처럼 보일 테지만 가장 싫어하는 스톡 사진 중 최악인 것 중 하나입니다. 당신이 서비스를 제공하고자 하는 사람들과 닮은 사진을 찾도록 최선을 다해야 하며, 그들이 원하는 태도와 감정, 그리고 전달하고자 하는 올바른 유형의 태도와 감정을 전달해야 합니다. 물론 다른 이미지들을 테스트해보고 좀 더 적합한 선택을 할 수도 있으며 이미지를 통한 변환이 10% 정도 증가할 수 있습니다. 이미지에 대한 얘기가 끝났으니 다음에는 한 가지 더 알려드릴 차례인데 그건 인라인 폼 대 팝업 폼에 대한 것입니다.

인라인 폼 vs 팝업 폼

랜딩 페이지 디자인에서 가장 이해가 어려운 측면 중 하나인 인라인 폼 대 팝업 폼에 대한 내용입니다. 특히 마케팅 용어 및 용어, 이상한 것들을 효과적으로 전달하기 위한 언어를 사용할 때 그런 부분이 더욱 이해하기 어려울 것입니다. 이것은 아마도 이해하기가 어렵고 모호하지만 가능한 한 명확하고 이해하기 쉬운 방법으로 정의하려고 최선을 다했습니다. 하지만 이해하기 여전히 좀 어렵고 완벽하게 이해되지 않는 경우에는 다시 돌아와 다시보십시오. 준비되었나요? 그럼 가볍게 시작해봅시다.

웹사이트 또는 랜딩 페이지에서 사용자의 이메일 주소를 수집하려면 두 가지 방법이 있습니다. 인라인 폼이나 팝업 폼입니다. 인라인 폼은 다음과 같이 생겼습니다. 사용자는 이메일 주소를 입력하기만 하면 되므로 매우 간단합니다. 반면 팝업 폼이나 이중단계 옵트인은 사용자가 이메일 주소를 입력하기 전에 버튼을 클릭해야 합니다. 이것은 프로세스에 더 많은 단계를 추가하여 단계가 복잡해질 수 있다는 것을 의미합니다. 처음부터 더 복잡하고 단계가 많은 방법을 선택하는 이유를 궁금해할지도 모릅니다. 기본적으로 더욱 복잡하고 단계가 늘어나는 것은 좋은 생각처럼 보이지 않을 수 있습니다. 그렇지만 통계와 연구에 따르면 인라인 폼 대 팝업 폼에서 전체 변환율이 얼마나 가깝게 있는지 봐서는 말이 조금 달라집니다. 거의 모든 것은 여러분에게 양쪽 중에 어느 것을 선택해도 큰 문제는 없습니다. 그렇지만 나와 제품을 사용한 대부분의 유저 사례와 연구에 따르면 전반적으로 팝업 폼이 더 좋은 결과를 보인다고 합니다. 다만, 여러분은 앞으로 다른 방법을 테스트해보고 여러분과 여러분의 대상을 위해 최선의 결과가 나오는 것을 선택해야 합니다. 그럼 팝업 폼과 인라인 폼의 차이를 보여주기 위해 준비된 두 가지 랜딩 페이지 템플릿을 소개하겠습니다.

간결한 랜딩 페이지 템플릿

여기서는 저의 비즈니스와 클라이언트 및 학생들과 함께 사용하는 두 가지 다른 랜딩 페이지 템플릿을 소개하려고 합니다. 그렇게 해서 보통보다 68.4%이상 변환율이 높아졌습니다. 푸른색 템플릿은 간단한 랜딩 페이지와 비슷해 보입니다. 그러나 실은 간단한 것만으로도 효과적인 결과를 얻을 수 있습니다. 상단에는 리드마그넷 이름이, 여러분이 주는 것의 제목이 보입니다. 이곳에는 해당하는 내용을 입력하면 되며, 이때 신뢰할 수 있고 브랜드와 연결성이 높도록 로고를 첨부하면 좋습니다. 그 아래에는 간략하게 서술되고, 주어진대로 무한히 복제하여 함수를 추가하시면 됩니다. 마지막으로는 다운로드 버튼을 넣어주시면 됩니다. 다운로드 버튼이 실로 제일 어느 버튼이 부러울 만큼 성능이 좋다고 합니다. 텍스트로서 "지금 다운로드" 와 "다운로드 시작하기" 가 가장 잘 작동합니다. 당신에게 더 적합한 것이 있다면 괜찮습니다. 다른 것을 테스트해보시고 무엇이 가장 나에게 더 잘 작동하는지 확인하십시오. 그러나 무언가를 더 간단한 것으로 조금 더 복잡하게 만들고 싶다면, 더 복잡한 버전으로 넘어가는 것도 좋습니다. 일반적인 구조와 다양한 상황에 따라서 조금더 설득력 있고 만족감을 얻을 수 있는 추가 영역들이 있습니다. 자기소개에 대한 빈칸이 있고 로고 및 계정 링크나 기타 필수 링크와 함께 프라이버시 정책 등이 표시됩니다. 마지막으로, 무료로 이 두 랜딩 페이지를 다운로드 받을 수 있는 링크를 제공할건데요. 어떻게 하든 여러분의 마음에 드는 모델을 사용하셔도 좋고 스스로 템플릿을 구축해서 사용해도 좋을 것입니다.

트래픽 유입의 중요성

결국 웹사이트나 랜딩 페이지로부터 충분한 트래픽을 유입시키는 것이 가장 중요합니다. 이것이 여러분이 랜딩 페이지에서 더 많은 클릭, 리드, 판매를 얻기 위해서는 얼마나 더 중요한지 알려줍니다. 그러므로 이제 꼭 한번 확인해보실 만한 것은 바로 비즈니스 확장에 효과적인 5가지 디지털 마케팅 전략에 대한 비디오로 연결된 링크입니다. 그러니 지금 확인해보시기 바랍니다.

마지막으로 한글로 작성된 내용은 인기있는 FAQ 및 그에 대한 답변을 작성하는 것입니다. 이것들은 인터뷰에 대한 내용과 연결된 링크 정보를 확인하시면 됩니다.