광고 전용 랜딩 페이지가 일반 웹 페이지보다 115% 더 나은 성능을 발휘할 수 있다는 것을 알고 계셨습니까?
예, 다양한 페스티벌에서 특정 랜딩 페이지를 사용하는 것의 장점이 바로 그것입니다.
아시다시피, 축제일은 모든 비즈니스에 있어서 바쁜 날입니다. 대부분의 사업주들이 가장 높은 웹 트래픽과 가장 높은 전환율을 기대하는 시기입니다.
오늘은 ElementsKit을 사용하여 다가오는 크리스마스 및 새해 캠페인의 랜딩 페이지를 디자인해 보겠습니다!
지금 이동!
실제로 랜딩 페이지란 무엇입니까?
간단히 말해서 랜딩 페이지는 방문자가 "착륙"하는 장소입니다. 디지털 마케팅에서 랜딩 페이지는 마케팅 캠페인을 위해 특별히 만들어진 특정 웹 페이지를 의미합니다.
일반적으로 랜딩 페이지는 사용자가 제품 구매, 양식 작성, 뉴스레터 로그인 등과 같은 작업을 수행하도록 유도하도록 설계되었습니다.
그리고 방문자가 페이지를 방문한 후 특정 작업을 수행해야 랜딩 페이지가 성공합니다.
크리스마스와 새해 캠페인을 위한 랜딩 페이지가 필요합니까?
바로 이거 야!
크리스마스와 새해 캠페인을 위해서는 특정 랜딩 페이지가 반드시 필요합니다. 이번 축제 캠페인을 통해 제품이나 서비스를 판매할 계획이라면 구체적인 랜딩 페이지를 디자인해야 할 때입니다.
왜?
“때문에선택의 역설".
이는 사람들에게 더 많은 선택권을 줄수록 행동은커녕 결정을 내리는 것도 더 문제가 된다는 것을 의미합니다.
더 나은 이해를 위해 간단한 예를 보여드리겠습니다.
다가오는 캠페인에서 제품을 판매할 계획이라고 가정해 보겠습니다. 그러나 랜딩 페이지 디자인은 사용자가 제품을 구매하도록 유도하지 않습니다. 방문자에게 블로그를 방문하거나 소셜 미디어 채널 등을 확인하도록 요청할 수 있습니다.
각 작업을 통해 방문자의 의도를 기본 목표에서 이동하게 됩니다. 그리고 나는 그것이 현명한 행동이라고 생각하지 않습니다!
좋습니다. 랜딩 페이지에 무엇을 포함해야 할까요?
그래서 귀하는 크리스마스용 랜딩 페이지와 웹사이트의 랜딩 페이지를 포함하기로 결정했습니다. 그렇다면 랜딩페이지의 핵심기능을 알아야 합니다.
랜딩 페이지의 핵심 기능을 여러분과 공유하겠습니다.
- 눈길을 끄는 헤드라인
- 영향력 있는 부제목
- 매력적인 영웅 이미지
- 제안에 대한 명확한 설명
- 효과적인 FAQ 섹션
- 강력한 행동 촉구
- 가장 쉬운 연락 방법
이것이 랜딩페이지의 핵심 기능입니다. 랜딩 페이지에 이러한 요소가 모두 있는지 확인하세요.
이제 크리스마스와 새해 캠페인을 위한 랜딩 페이지 디자인을 시작해 보겠습니다.
적절한 도구를 갖춘 경우에만 랜딩 페이지를 디자인하는 것이 훨씬 쉽습니다. 또한 크리스마스 랜딩 페이지 디자인을 쉽게 하기 위해 몇 가지 도구를 사용할 것입니다. 이것들은 -
- Elementor 페이지 빌더 및
- ElementsKit Elementor 애드온
그게 다야!
크리스마스와 새해를 맞아 눈길을 끄는 랜딩 페이지를 디자인하는 단계별 프로세스를 진행해 보겠습니다.
#1단계: 도구 준비
랜딩 페이지를 디자인하려면 Elementor 페이지 빌더와 ElementsKit 애드온이 필요하다고 이미 언급했습니다. WordPress 웹사이트에 이러한 플러그인을 설치하고 활성화하기만 하면 됩니다.
#2단계: 빈 페이지 열기
새 페이지를 열려면 위에 마우스를 올리세요. 페이지 > 새로 추가. 귀하의 웹 사이트에 대한 빈 페이지가 생성됩니다. 이제 '라고 적힌 굵은 버튼이 표시됩니다.Elementor로 편집". 해당 버튼을 클릭하면 게시물이 Elementor 페이지 편집기로 진행됩니다.
![](https://wpmet.com/wp-content/uploads/2020/12/Opening-a-new-page.gif)
새 페이지 열기
Elementor 페이지가 표시되면 캔버스를 사용할 준비가 되었음을 의미합니다.
#3 단계: 비디오의 히어로 이미지 추가
히어로 이미지는 웹페이지 상단에 위치하는 대형 이미지 배너입니다. 이 이미지는 귀하의 개요 또는 분위기를 나타냅니다. 캠페인 제안.
히어로 섹션에 비디오를 포함하고 싶어하는 사람은 거의 없습니다. 랜딩 페이지에 동영상도 추가하기로 결정한 경우 동영상이 더 짧고 귀하의 제안을 명확하게 설명하는지 확인하세요.
랜딩 페이지에서는 시각적 콘텐츠가 중요하다는 점을 기억하세요. 그러니 최대한 완벽하게 만드세요.
히어로 섹션에 요소를 추가하려면 이미지 위젯을 캔버스에 끌어다 놓고 선택한 이미지를 랜딩 페이지에 업로드하세요.
업로드 후 이미지 너비를 100으로 설정하세요. Elementor 위젯 패널의 스타일 탭에서 너비 섹션을 찾을 수 있습니다.
![](https://wpmet.com/wp-content/uploads/2020/12/Adding-a-hero-image.gif)
히어로 이미지 추가
전문가의 팁: 히어로 이미지는 생동감 넘치고, 크리스마스 분위기를 조성하며, 눈 깜짝할 사이에 방문자의 관심을 끌 수 있어야 합니다.
인간의 두뇌는 이미지의 정보를 처리할 수 있습니다. 60,000회 텍스트 기반 정보보다 빠릅니다.
#4단계: 제품 또는 서비스에 대한 설명 추가
히어로 이미지를 추가한 후에는 잠재 고객에게 제공할 제품이나 서비스에 대한 자세한 설명을 추가할 차례입니다.
두 가지 제품에 대해 할인을 제공한다고 가정해 보겠습니다. 따라서 새 섹션에 이중 구조를 만듭니다.
이제 텍스트 편집기 위젯을 통해 제목, 텍스트 설명, 클릭 유도 문구 버튼을 추가하세요. 섹션을 더욱 매력적으로 만들기 위해 관련 배경색을 추가할 수 있습니다.
이를 수행하는 단계별 프로세스를 살펴보겠습니다.
- 적절한 제목을 추가하세요.
먼저 이중 열 구조의 새 섹션을 추가하겠습니다. 그런 다음 Heading 위젯을 사용하여 제목을 추가하겠습니다.
![](https://wpmet.com/wp-content/uploads/2020/12/Adding-title.gif)
제품 헤드라인 추가
필요한 경우 제품 제목에 관련 링크를 추가할 수도 있습니다.
2. 본문 추가
본문 텍스트는 제안에 대한 설명을 추가하는 곳입니다. 설명이 귀하의 제품이나 서비스에 대한 전체 개요를 제시하는지 확인하십시오.
![](https://wpmet.com/wp-content/uploads/2020/12/Adding-description.gif)
설명 추가
3. CTA 버튼 포함
매력적인 CTA 버튼은 방문자를 고객으로 전환할 가능성을 높입니다. 따라서 방문자의 관심을 제대로 사로잡을 수 있는 눈길을 끄는 CTA 버튼을 추가해 보세요.
![](https://wpmet.com/wp-content/uploads/2020/12/Adding-CTA-button.gif)
CTA 버튼 추가
4. 배경색 추가
대비되는 배경색을 추가하면 사용자 전환 가능성이 높아집니다. 제품 색상을 선택하기 전에 제품 색상과 잘 어울리는지 확인하세요.
배경색을 추가하려면 페이지 섹션을 선택하고 스타일 탭으로 이동하세요. 이제 배경 옵션을 클릭하고 배경 유형 중 하나를 선택하십시오. 사용 가능한 배경 유형은 클래식, 그라데이션, 비디오 및 슬라이드쇼입니다.
그런데 저는 페이지 디자인을 위해 클래식 버전을 선택했습니다. 그러나 호버 섹션에 대해서도 동일한 내용을 수정할 수도 있습니다.
![](https://wpmet.com/wp-content/uploads/2020/12/Adding-background-color.gif)
배경색 추가
동일한 단계를 수행하여 원하는 만큼 제품 설명을 디자인할 수 있습니다. 하지만 눈길을 끄는 헤더 이 섹션의 하위 헤더.
그러나 귀하는 또한 가격표 추가 여러 패키지 또는 제품을 비교하여. 잠재 고객에게 귀하의 제품에 대한 명확한 아이디어를 제공하고 구매 가능성을 높입니다.
#5단계: KnowledgeBase 섹션 추가
FAQ 섹션이라고도 불리는 지식 기반은 제품이나 캠페인에 관해 자주 묻는 질문을 추가해야 하는 곳입니다. 이 섹션에 약 4/5개의 질문과 답변을 추가해 보세요.
![](https://wpmet.com/wp-content/uploads/2020/12/Adding-knowledge-base.gif)
지식베이스 추가
지식 베이스를 설계하는 동안 다음 사항을 확인하세요. 연락 방법 포함 거기에. 방문자와 웹마스터 간의 의사소통이 더 쉬워집니다.
#6단계: 바닥글 추가
마지막 단계로 랜딩페이지에 바닥글을 추가하겠습니다. 바닥글에는 저작권 섹션, 환불 정책, 이용 약관, 개인 정보 보호 정책 등이 포함됩니다. 하지만 바닥글에는 방문 페이지와 다른 배경색을 사용하는 것이 좋습니다.
이것이 바로 크리스마스 및 새해 캠페인의 랜딩 페이지 디자인에 관한 것입니다.
자, 우리 랜딩 페이지의 최종 모습은 어떻습니까?
응! 우리는 크리스마스와 새해 캠페인을 위한 랜딩 페이지 디자인을 방금 완료했습니다. 그렇다면 전반적인 최종 출력은 어떻습니까?
좋아요. 보세요 –
![](https://wpmet.com/wp-content/uploads/2020/12/Full-new-year-landing-page.png)
그것은 매혹적이지 않습니까?
예, 그렇습니다!
더 잘 보려면 랜딩 페이지의 라이브 버전을 확인하세요.
우리 템플릿을 랜딩 페이지로 사용하시겠습니까?
몇 초 안에 이 작업을 수행할 수 있습니다! json 파일을 다운로드하고 Elementor 템플릿 라이브러리로 가져오면 완료됩니다! 전체적인 과정을 살펴보겠습니다.
첫째로, 아래 다운로드 버튼을 통해 json 파일을 다운로드하세요.
둘째, WordPress 대시보드 패널에서 새 게시물이나 페이지를 만듭니다. 기본적으로 다음 위치에 열립니다. 구텐베르크 편집자. 하지만 json 파일을 가져오려면 Elementor 페이지 빌더에서 페이지를 열어야 합니다.
![](https://wpmet.com/wp-content/uploads/2020/12/Opening-a-page-on-Elementor.gif)
Elementor를 통해 새 페이지 열기
셋째, '를 클릭하세요.템플릿 추가' 버튼을 클릭하고 다운로드한 json 파일을 가져옵니다. 템플릿 가져오기 단추.
![](https://wpmet.com/wp-content/uploads/2020/12/Importing-the-template.gif)
템플릿 가져오기
이제 끼워 넣다 버튼을 클릭하면 페이지의 디자인 및 텍스트와 함께 템플릿이 삽입됩니다.
![](https://wpmet.com/wp-content/uploads/2020/12/Template-Insertion.gif)
템플릿 삽입
주의: 템플릿을 삽입하는 데 약간의 시간이 걸릴 수 있습니다. 시간은 주로 서버의 리소스 양과 메모리 제한에 따라 다릅니다.
마지막으로, 귀하의 제안에 대한 텍스트와 디자인을 사용자 정의하고 귀하의 웹 사이트에 게시하십시오.
어떤 희생을 치르더라도 피해야 할 10가지 치명적인 랜딩 페이지 실수
우리 모두는 랜딩 페이지가 방문자를 유료 고객 또는 리드로 전환하는 한 가지 행동을 염두에 두고 설계되었다는 것을 알고 있습니다. 그러나 귀중한 트래픽을 최적화되지 않은 랜딩 페이지로 유도하는 것은 시간 낭비일 뿐입니다.
이 섹션에서는 모두가 피해야 할 10가지 치명적인 랜딩 페이지 실수에 초점을 맞추겠습니다.
1. CTA 버튼을 너무 많이 사용하는 것
CTA(Call To Action) 버튼은 온라인에서 구축한 모든 것의 중요한 구성 요소입니다. CTA 버튼의 유일한 목적은 방문자를 유료 고객으로 전환하는 것입니다. 고객이 전환하도록 설득할 수 있는 유일한 장소입니다.
그렇다면 CTA 버튼을 너무 많이 표시하여 방문자를 귀찮게 하는 이유는 무엇일까요? 이는 목표 달성 가능성을 줄이는 것 외에는 아무것도 하지 않습니다.
버튼 양을 줄이는 것 외에도 버튼 텍스트도 고려해야 합니다. 대부분의 사람들이 '여기를 클릭하세요', '다운로드' 또는 '제출' 버튼과 같은 전통적인 버튼 텍스트만 사용한다는 사실을 알면 놀랄 수도 있습니다.
이는 사소한 세부 사항처럼 보일 수 있지만 사용자 행동에 실제로 영향을 미칩니다. 일반적인 버튼 텍스트를 사용하는 대신 다른 것을 작성해 보세요. 예를 들어 -
- ● 거래 성사
- ● 거기로 데려가 주세요
- ● 무료 사본 받기
- ● 프로그램을 경험해보세요
- ● 가이드 받기
전통적인 텍스트를 사용하는 대신 버튼 텍스트에 변형을 가해보세요.
2. 덤불 주위를 두들겨 패다
방문자는 CTA 버튼을 통해 전환되지만 서면 사본도 고려해야 합니다. 랜딩 페이지 사본이 명확하고 간결하며 사용자가 쉽게 이해할 수 있는지 확인하세요.
연구에 따르면 사람들은 "눈 깜짝할 사이에" 웹사이트에서 행동을 취하기로 결정합니다. 더 정확하게 말하면 해당 결정을 내리는 데 대략 50밀리초가 걸립니다.
따라서 웹 사이트 방문자가 귀하의 제품이나 서비스를 구매하도록 설득하는 데 이 짧은 시간이 있습니다. 사본에 집중하지 않고 그냥 뒹굴기만 한다면 시간 낭비일 뿐입니다.
이는 사용자가 순간 내에 요점을 바로 이해할 수 있도록 설득해야 함을 의미합니다. 방문자가 가치 있는 것을 찾을 수 있는 방식으로 제안을 제시하세요.
3. 어수선한 페이지 레이아웃
우리는 랜딩 페이지에 귀중한 정보를 포함하는 것이 중요하다는 것을 알고 있습니다.
하지만 랜딩 페이지를 정보로 복잡하게 만드는 것은 아닙니다. 페이지를 디자인할 때 가장 중요한 것만 포함시키도록 노력하세요. 정보로 사용자를 압도하지 마십시오.
랜딩 페이지가 끝없는 텍스트 벽처럼 보인다면 사용자는 전환하는 대신 웹페이지를 떠날 것입니다.
사용자에게 귀하의 제안에 대해 알리는 것이 중요하다는 것을 알고 있습니다. 하지만 짧고 정확하게 작성하도록 노력하세요. 불필요한 정보를 너무 많이 넣어 랜딩 페이지를 어지럽히면 사용자 전환 가능성이 급격히 줄어듭니다.
고객을 전환하는 데 걸리는 시간은 최대 5초입니다. 따라서 고객이 이 시간에 대한 개요를 알 수 있는지 확인하세요. 그렇지 않으면 잠재 고객이 경쟁사의 웹사이트에서 종료될 것입니다.
너 저걸 원하니?
4. 정보가 충분하지 않음
이전 섹션에서는 랜딩 페이지 사본을 정리하는 방법에 대해 이야기했습니다. 그러나 방문자에게 실제 메시지를 전달하지 못하는 방식으로 정리하지 마십시오.
제품이나 서비스 제안 문구가 너무 모호하거나 거래 내용을 적절하게 표현하지 않으면 대부분의 방문자가 고객으로 전환되지 않습니다.
관심을 끄는 헤드라인을 넣은 다음 하위 헤더와 몇 가지 문맥 텍스트를 추가하면 됩니다. 이 장소에는 제안 관련 정보를 입력해야 합니다.
방문자가 귀하의 제품에 대한 명확한 개념을 갖고 구매 결정을 내리는 데 대해 걱정할 필요가 없는지 확인하십시오.
5. 잘못된 타이포그래피
훌륭한 랜딩 페이지 카피를 디자인한 후에는 방문자가 카피를 쉽게 이해할 수 있는지 확인하세요. 랜딩페이지 카피를 읽기 쉽고 이해하기 쉽게 만들려면 디자인에 적절한 글꼴, 글꼴 크기, 색상, 디자인 등을 사용해야 합니다.
이 모든 타이포그래피는 가독성과 사용자 경험에 큰 영향을 미칩니다. 또한 너무 두껍거나 너무 밝은 글꼴을 사용하면 텍스트를 읽기가 어렵습니다. 합법적인 타이포그래피를 사용하면 방문자 전환 가능성이 높아집니다.
6. 이미지 없음/저화질 이미지 사용
방문자가 웹페이지를 방문할 때마다 독특한 내용으로 방문자를 사로잡도록 노력하세요. 그리고 이를 수행하는 가장 좋은 방법은 매력적인 이미지를 사용하는 것입니다. 아시다시피, 텍스트로만 구성된 랜딩 페이지는 꽤 지루하고 영감을 주지 못합니다.
하지만 그렇다고 랜딩 페이지에 어떤 이미지든 사용할 수 있다는 의미는 아닙니다. 랜딩 페이지를 디자인할 때마다 거기에 최고의 이미지를 추가했는지 확인하세요.
대략 65%의 사람들이 기본적으로 시각적 학습자입니다.
제품이나 서비스를 제공하는 경우 제품과 함께 웃는 사람을 추가하는 것을 고려해야 합니다. 연구에 따르면 웃는 사람만이 전환율을 102.5% 높일 수 있는 것으로 나타났습니다.
웃는 얼굴은 귀하가 제공하는 제품이나 서비스에 대해 사용자가 만족한다는 것을 나타냅니다. 이는 전환에 긍정적인 영향을 미칩니다.
7. 색상을 확인해보세요
이미지 사용과 관련된 또 다른 주요 문제는 색상을 선택하는 것입니다. 독특한 색상 조합을 사용하여 이미지를 최대한 매력적으로 만들어보세요.
또 다른 주요 문제는 CTA 버튼의 색상입니다. CTA 버튼을 디자인하는 동안 배경에서 눈에 띄도록 하세요.
CTA 버튼이 위장처럼 배경과 조화를 이루면 사용자가 랜딩 페이지를 방문하는 동안 눈에 띄지 않습니다.
랜딩 페이지의 배경이 대부분 흰색이라고 가정해 보세요. 이런 경우에는 검은색 버튼을 사용해 보세요.
색상이 방문자의 관심을 끌 수 있는 경우에만 디자인이 성공할 수 있습니다. 그렇지 않으면 최대한 빨리 색상을 변경하십시오.
8. 더 긴 형식 사용
웹 양식 디자인 리드 수를 늘리는 것이 확실히 중요합니다. 대부분의 경우 웹 양식은 사용자로부터 중요한 정보를 얻는 데 사용됩니다.
그러나 랜딩 페이지 양식은 세금 양식을 작성하는 것처럼 느껴져서는 안 됩니다. 이는 양식에 입력 상자를 너무 많이 배치해서는 안 된다는 의미입니다. 가능한 한 간단하게 유지하십시오.
방문자에게 너무 많은 질문을 하면 사용자가 짜증을 낼 수 있습니다. 연구에 따르면 세 개의 입력 상자를 사용하면 리드를 얻을 가능성이 최대화되는 것으로 나타났습니다. 입력 상자가 많을수록 해당 랜딩 페이지에서 얻을 수 있는 응답이 줄어듭니다.
글쎄, 사용자로부터 다양한 데이터가 필요할 수도 있습니다. 그러면 당신은 무엇을 합니까?
이 경우 다단계 양식을 활용할 수 있습니다. 처음에는 사용자로부터 필요한 정보만 수집합니다. 그런 다음 추가 정보를 확인하세요.
이것이 바로 리드로부터 정보를 수집할 수 있는 방법입니다.
9. 열악한 모바일 경험
약 48%의 사람들이 스마트폰을 통해 인터넷을 탐색합니다. 따라서 귀하의 웹사이트가 모바일 반응형이 아니라면 자동으로 잠재 고객의 절반을 잃게 됩니다.
스마트폰 방문자가 랜딩 페이지를 제대로 볼 수 없다면 어떻게 전환할 것이라고 기대할 수 있습니까? 따라서 귀하의 웹사이트가 완전히 모바일에 최적화되어 있고 스마트폰과 태블릿에서 원활하게 로드되는지 확인하세요.
기억하세요. 방문자들은 당신이 생각하는 것만큼 인내심을 갖고 있지 않습니다. 따라서 모바일 장치에 맞게 랜딩 페이지를 최적화하고 방문자를 확보하세요.
10. 느린 로딩 속도
47% 명 웹페이지가 2초 이내에 로드될 것으로 예상합니다. 그리고 5초 후에도 페이지가 로드되지 않으면 사용자는 랜딩 페이지를 떠나게 됩니다.
매 초마다 제거하면 전체 수익에 7% 손실이 발생합니다. 따라서 어떤 방법으로든 로딩 페이지를 줄여 보십시오.
예를 들어, 로딩 프로세스 속도를 높이려면 슬라이더나 불필요한 JS 파일을 제거하세요. 그러나 CDN(Content Delivery Network)을 사용하여 다음을 수행할 수도 있습니다. 웹사이트 속도를 높이세요.
마지막 말
랜딩 페이지 디자인의 세부 단계, 도구 및 처리에 관한 모든 것입니다. 캠페인별 랜딩 페이지 디자인을 사용하는 것은 디지털 마케팅의 필수적인 부분입니다.
오늘 완벽한 랜딩 페이지를 디자인하고 전환율이 치솟는 것을 지켜보세요!
답글쓰기