랜딩 페이지: 2020년 영감을 불어넣기 위해 알아야 할 모든 트렌드

게시 됨: 2019-11-07

더 많은 고객을 전환하기 위해 다음 방문 페이지를 만들려고 하고 판매가 최고 수준으로 올라가는 것을 확인하려는 경우 영감을 불러일으킬 최고의 방문 페이지 동향을 숙지해야 합니다.

웹 사이트를 활용하여 트래픽을 늘려야 하는 전자 상거래 상점의 경우 성공적인 사례에서 방문 페이지 영감을 수집하면 수익을 급증시키고 전자 상거래 방문 페이지를 개선할 수 있는 궁극적인 무기를 만드는 데 도움이 됩니다.

영감을 모으는 것은 쉬울 수 있지만 처음부터 만드는 것은 매우 시간이 많이 소요되는 과정입니다.

시간을 절약하기 위해 기업은 일반적으로 작업을 단순화하고 전환할 놀라운 방문 페이지를 만들기 위해 훌륭한 방문 페이지 작성기를 사용합니다.

올바른 도구와 콘텐츠를 사용하면 전자 상거래 랜딩 페이지가 연간 수입에 기여하고 상상했던 것보다 더 충성도가 높은 고객을 확보할 수 있는 강력한 전환 기계로 변할 것입니다.

이 기사에서 무엇을 찾을 수 있습니까?

미래를 준비하는 데 필요한 9가지 랜딩 페이지 트렌드:
1. 최소한의 접근
2. 다양한 색상과 단순한 배경
3. 심플한 배경과 타이포그래피
4. 눈에 띄는 CTA 지우기
5. 사회적 증거
6. 탐색 모음을 잊어 버리십시오.
7. 제품의 가치 강조
8. 두 CTA가 하나보다 낫다
9. 랜딩 페이지를 흔드는 인터랙티브 요소
테이크아웃

좋은 소리? 뛰어들어봅시다.

미래를 준비하는 데 필요한 9가지 랜딩 페이지 트렌드:

1. 최소한의 접근

페이지를 눈에 띄게 만들어야 하지만 경험에 따르면 적은 것이 실제로 더 많다는 것을 알 수 있습니다.

방문자가 알아야 할 것보다 더 많이 표시하면 방문자가 클릭 유도문안을 사용하지 않을 수 있습니다.

이러한 망설임에 맞서기 위해 인기 브랜드는 최고의 랜딩 페이지를 만들고 제공하는 데 있어 보다 최소한의 접근 방식을 채택했습니다.

최소한으로 유지하면 청중을 흥분시키고 전환으로 이끄는 중요한 정보에 집중할 수 있습니다.

최소한으로 유지하면 청중이 흥미를 유발하고 전환으로 이끄는 중요한 정보에 집중하는 데 도움이 됩니다. #landingpages101 트윗하기 클릭

예를 들어 Dollar Shave Club은 더 나은 전환과 더 나은 결과를 얻기 위해 최소한의 레이아웃을 활용하는 브랜드의 좋은 예입니다.

미니멀한 디자인은 단순할 수 있지만 CTA를 더욱 효과적으로 돋보이게 할 수 있습니다. (출처: 달러쉐이브클럽)
최소화하는 것은 2020년에 고려해야 할 가장 인기 있는 트렌드 중 하나입니다. 랜딩 페이지 영감을 불러일으키고 어떤 일이 있어도 작동하는 랜딩 페이지를 만드는 데 도움이 됩니다.

또한 미니멀한 랜딩 페이지는 2019년 가장 인기 있는 디자인 트렌드 중 하나였습니다. "사용자가 탐색하기가 훨씬 쉽습니다. 산만한 요소 대신 메시지나 정보가 즉시 눈에 띕니다.”

이를 통해 전자 상거래 전환율, 매출 및 이익을 그로스 해킹하십시오.
115-포인트 전자상거래 최적화 체크리스트

무료 전자책 받기

2. 화려한 색감과 심플한 배경

시각적 생물로서 방문자는 특정 색상 조합과 시각적 개체를 선호합니다.

2000년대 초반 브랜드가 비비드한 컬러와 포맷에서 탈피하면서 미니멀한 디자인과 적절한 컬러의 전환이 전환율을 높이고 만족스러운 고객을 확보하는 열쇠가 되었습니다.

연구에 따르면 "92.6%의 사람들이 시각적 차원이 구매 결정에 영향을 미치는 #1 영향 요인(맛, 냄새 등)"이라고 말합니다. 즉, 페이지의 미적 부분이 전환율을 결정합니다.

이를 고려한 브랜드는 색상을 통해 청중을 사로잡을 수 있었습니다.

예를 들어 Indochino는 특정 연령대에 속하는 대상 고객을 위해 맞춤 양복을 만드는 브랜드입니다.

랜딩 페이지가 청중에게 말을 걸도록 하기 위해 파란색과 검정색이 포함된 심플한 디자인을 선택하여 전문성을 유지합니다.

이 랜딩 페이지는 브랜드의 타겟 고객을 끌어들이기 위해 색상과 비주얼의 완벽한 균형을 제공합니다. (출처: 인도차이나)
파란색은 남성 시청자가 일반적으로 가장 좋아하는 색상으로 선택하는 색상이므로 그 중 57%가 정확합니다. 청중의 취향에 맞는 색상을 사용하면 페이지에 대한 긍정적인 성향을 만들고 클릭을 유도할 수 있습니다.

파란색은 보편적으로 가장 좋아하는 색입니다(출처)

3. 심플한 배경과 타이포그래피

이전에 말했듯이 비즈니스, 웹 사이트 및 방문 페이지를 나타내는 올바른 브랜드 색상을 선택하는 것을 게을리해서는 안됩니다.

랜딩 페이지 배경에도 동일한 규칙이 적용됩니다. 여기에서 복잡하거나 잘못된 디자인은 청중에게 큰 문제가 될 수 있습니다.

큰 것보다 타이포그래피 및 CTA와 조화를 이루는 단순한 배경을 선택해야 합니다.

이 뛰어난 랜딩 페이지에는 미래의 고객이 구매하도록 영감을 주는 제품의 사실적인 이미지가 있습니다. (출처: Beats by Dre)
Beats by Dre의 경우 이 배경 이미지는 새로운 방문자에게 제품을 보여주고 따뜻한 색조와 친근한 얼굴로 눈을 즐겁게 하기에 충분히 간단합니다.

방문 페이지의 사본이 페이지의 변환 능력에 영향을 미치지만 타이포그래피도 마찬가지로 성공에 영향을 줄 수 있습니다.

굵게 표시된 단순한 글꼴은 비즈니스의 분위기와 느낌을 설정할 수 있어 랜딩 페이지에서 즐겨 사용하는 글꼴이 되었습니다.

따라서 완벽한 배경 이미지, 색상 및 텍스트 균형을 찾으면 방문자를 매료시키고 클릭하게 만드는 완벽한 무기를 갖게 될 것입니다.

4. 눈에 띄는 CTA 지우기

눈에 띄는 명확한 CTA는 전환율이 높은 랜딩 페이지를 만드는 가장 중요한 요소 중 하나입니다.

예를 들어 Home Chef에는 눈에 띄는 명확한 CTA의 중요성을 보여주는 훌륭한 랜딩 페이지 예제가 있습니다.

CTA를 살펴보면 청중이 홈 셰프의 식사를 선택하도록 장려하기 위한 비디오 아래에 전략적으로 배치되어 있음을 알 수 있습니다. "식사 준비 키트를 사용하면 비용이 절약됩니까?"

이 랜딩 페이지는 놓치기 쉽고 클릭하기 쉬운 밝은 색상의 CTA 상자를 사용합니다(출처: 홈 셰프)
이제 방문자가 귀하의 CTA를 클릭하게 하기에 충분합니까?

글쎄요, 그럴 수 있지만 충분하지 않습니다.

랜딩 페이지 CTA의 성공을 보장하려면 매력적이고 놓치기 어려운 올바른 색상 조합을 선택해야 합니다.

랜딩 페이지 CTA의 성공을 보장하려면 매력적이고 놓치기 어려운 올바른 색상 조합을 선택해야 합니다. 트윗하려면 클릭

여기에서 홈 셰프는 보색인 빨강 및 녹색을 활용하여 눈을 즐겁게 하는 조화롭고 강력한 결과를 만듭니다.

빨간색은 주의를 끄는 강력한 색상이기 때문에 CTA에서 빨간색을 사용하는 것이 더 많은 고객을 끌어들이는 홈 셰프의 비밀 무기입니다.

5. 사회적 증거

1984년 Robert Cialdini가 만든 용어인 사회적 증거는 가치가 있는지 여부를 결정하기 위해 유명인, 인플루언서 등과 같은 전문가의 지식에 의존하는 현상입니다.

랜딩 페이지의 경우 사회적 증거는 페이지의 신뢰성과 효율성을 높이는 데 가장 필요한 요소 중 하나가 되었습니다.

따라서 소셜 프루핑 랜딩 페이지에 대해 이야기할 때 우리는 그 신뢰성을 추가하고 방문자에게 안정감과 신뢰성을 제공하는 요소를 참조합니다.

예를 들어, 수많은 방문 페이지에는 신뢰 배지, 평가, 고객 수 및 고객 로고가 포함되어 방문 페이지를 대규모 전환 도구로 전환합니다.

다음은 Shopify의 예입니다.

이 랜딩 페이지는 잠재 고객에게 브랜드에 가입해야 하는 모든 올바른 이유, 즉 기존의 신뢰할 수 있는 고객 수 및 평가를 제공합니다. (출처: Shopify)
Shopify는 세 가지 사회적 증거 요소를 통합하여 방문 페이지 효율성을 높이고 이를 새로운 비즈니스가 신뢰할 수 있는 신뢰할 수 있는 사이트로 전환합니다.

신뢰할 수 있는 비즈니스 및 고객 로고의 수에서 굵게 표시된 추천에 이르기까지 Shopify의 페이지는 신규 고객이 가입할 때 잃을 것이 없는 만족스러운 고객이 될 것임을 보여줍니다.

6. 탐색 모음을 잊어 버리십시오.

탐색 모음은 홈페이지에 적합합니다.

그러나 방문 페이지에는 동일한 효과가 없습니다.

방문 페이지는 방문자의 관심을 끌고 CTA를 클릭하도록 해야 하므로 상단에 탐색 모음을 포함하면 방문자가 CTA 상자를 클릭하도록 유도하기보다는 주의를 분산시킬 수 있습니다.

Instapage에 따르면 탐색 링크는 주의를 산만하게 하는 특성과 "낮은 클릭 후 방문 페이지 전환율"로 인해 방문 페이지를 죽일 수 있습니다.

예를 들어 Fabletics는 페이지 효율성을 극대화하고 전환율을 높이기 위해 탐색 모음이 없는 트렌드를 채택했습니다.

탐색 모음이 없어도 문제 없습니다! 이 방문 페이지는 탐색 링크를 그림에서 제외하여 주의 산만함을 최소화합니다. (출처: 패블틱스)
탐색 모음의 존재는 생각보다 랜딩 페이지의 성공에 영향을 줄 수 있습니다.

Yuppiechef의 방문 페이지에 대한 방문 페이지 A/B 테스트에 따르면 탐색 모음과 기타 링크를 모두 제거하면 전환율이 100% 증가했습니다.

그리고 랜딩 페이지가 제대로 작동하는지 확인하기 위해 A/B 테스팅과 사용성 테스팅은 페이지가 원하는 전환을 제공하는지 여부를 결정하는 가장 좋은 친구가 될 수 있습니다.

7. 제품의 가치 강조

단순함이 랜딩 페이지를 기적적으로 작동하게 만드는 요소 중 하나이지만 성공적인 전자 상거래 상점이 잠재적인 쇼핑객의 망설임을 줄이고 자신감 있는 구매자로 전환하기 위해 활용한 또 다른 요소가 있습니다.

신규 고객은 귀하의 상점을 찾을 때 일반적으로 특정 목표를 염두에 두고 특정 방문 페이지를 클릭합니다.

CTA를 받을 준비가 되었으면 모든 것이 쉽습니다.

그렇지 않다면, 당신은 그들이 그것을 취해야 하는 모든 이유를 그들에게 제공해야 합니다.

예를 들어 Urban Outfitters에는 고객 충성도 프로그램을 홍보하고 방문자가 가입하도록 하는 랜딩 페이지가 있습니다.

주의를 기울이면 방문 페이지에 위에서 설명한 최고의 요소, 눈에 띄는 CTA, 방문자가 지금 가입하도록 유혹하는 멋진 시각 및 문구가 있음을 알 수 있습니다.

이러한 유형의 카피는 이 방문 페이지의 전환율을 높여 CTA를 거의 거부할 수 없게 만듭니다. (출처: 어반 아웃피터스)
그러나 그것이 Urban Outfitters의 방문자를 전환하게 만드는 것은 아닙니다.

제품/서비스의 가치를 강조하거나 제품/서비스가 실제로 어떻게 작동하는지 보여주는 섹션을 추가하면 방문 페이지에 방문자가 얻을 수 있는 정보를 명확히 알 수 있도록 필요한 모든 정보가 제공됩니다.

더 많은 브랜드가 이 트렌드를 채택함에 따라 방문자는 모든 것을 구글링할 필요 없이 제품/서비스를 어떻게 사용할 수 있는지 알아야 합니다.

방문 페이지에 방법 섹션을 추가하면 방문자가 제품/서비스의 이점을 즐기기 위해 무엇을 해야 하는지 이해하는 데 도움이 됩니다. (출처: 어반 아웃피터스)
방문자가 클릭하는 데 필요한 모든 정보가 포함된 잘 디자인된 페이지를 제공함으로써 전자 상거래 상점은 수신 거부를 최소화하고 참여를 증가시키는 강력한 전환 폭탄을 마음대로 사용할 수 있습니다.

8. 두 CTA가 하나보다 낫다

때로는 랜딩 페이지 자체가 다소 산만할 수 있습니다. 특히 보여줄 것이 많은 경우에는 더욱 그렇습니다.

이것이 반드시 나쁜 것은 아니지만 사람들이 CTA에서 멀어지게 하는 멋진 비주얼과 텍스트에 쉽게 주의를 산만하게 한다는 점을 고려해야 합니다.

전환을 저장하기 위해 Beachbody on Demand는 방문자가 클릭할 수 있도록 이중 CTA를 채택했습니다.

다음은 페이지 상단에 있는 브랜드의 첫 번째 CTA입니다.

아무리 애를 써도 간과할 수 없는 이 놀라운 주황색 CTA가 시선을 사로잡습니다. (출처: Beachbody on Demand)
그 후, 랜딩 페이지는 제품의 효율성을 높이기 위한 평가와 함께 간단하고 유익한 방식으로 제품이 어떻게 작동하는지 보여줍니다.

이 방문 페이지는 또한 잠재 구매자에게 목표를 달성하는 것이 쉽다는 것을 보여줌으로써 제품의 가치를 보여줍니다. (출처: Beachbody on Demand)
시연 후 브랜드에는 두 번째 CTA가 포함됩니다.

주의를 기울이면 두 번째 CTA가 첫 번째 클릭 유도문안과 유사하지만 시작해야 할 더 많은 이유를 제공한다는 것을 알 수 있습니다.

첫 번째 CTA를 놓친 사람들을 위해 이 방문 페이지는 방문자에게 클릭하고 시작하도록 상기시키는 두 번째 방문 페이지를 제공합니다. (출처: Beachbody on Demand)
방문 페이지를 떠나기 전에 방문자에게 CTA를 수행하도록 상기시키는 것은 클릭률을 높이고 더 많은 고객을 확보할 수 있는 완벽한 방법입니다.

그것이 작동하도록 하려면 똑같은 시각 자료를 사용해서는 안 되며 첫 번째 CTA에서 탈출한 사람들을 포착할 수 있는 새로운 형식을 생각해 내야 한다는 점을 명심하십시오.

9. 랜딩 페이지를 흔드는 인터랙티브 요소

상호 작용은 고객 경험을 크게 향상시킨 요소입니다.

고객은 전체 프로세스에 참여해야 하므로 기존의 정적 랜딩 페이지 경험보다 더 많은 것을 제공하면 매장에서 경쟁업체와 차별화되는 고유한 브랜드 캐릭터를 구축하는 데 도움이 됩니다.

이 경우 HappySocks에는 Rolling Stones 양말 컬렉션을 홍보하는 멋진 방문 페이지가 있습니다.

왜 그런지 봅시다.

방문자가 페이지를 방문하면 가장 먼저 접하는 내용은 다음과 같습니다.

그리고 액션! 이 랜딩 페이지는 대화형 기능을 사용하여 잠재 고객의 관심을 끌고 재미있는 방식으로 페이지에 참여하도록 유도합니다. (출처: 해피삭스)
이 브랜드는 제품 테마를 사용하여 랜딩 페이지의 분위기를 설정합니다. 제 생각에는 이 페이지는 록과 양말 애호가 모두를 놀라게 합니다.

그러나 랜딩 페이지는 잠재적인 쇼핑객에게 재미있고 인터랙티브한 경험을 제공하기 위해 더 많은 애니메이션을 포함하고 있기 때문에 여기서 그치지 않습니다.

이와 같은 랜딩 페이지는 방문자에게 기존의 정적 랜딩 페이지를 새로운 방식으로 제공합니다. (출처: 해피삭스)
우리는 인공 지능, 가상 현실 및 증강 현실의 시대에 살고 있기 때문에 애니메이션과 같은 단순한 것을 사용하면 방문자를 흥분시키고 최고의 방문 페이지 경험을 제공할 수 있습니다.

우리는 인공 지능, 가상 현실 및 증강 현실의 시대에 살고 있기 때문에 애니메이션과 같은 단순한 것을 사용하면 방문자를 흥분시키고 최고의 방문 페이지 경험을 제공할 수 있습니다. 트윗하려면 클릭

테이크아웃

가장 효율적인 리드 생성 도구인 랜딩 페이지는 독특하고 덜 산만해야 하며 첫눈에 청중을 사로잡을 수 있어야 합니다.

방문자가 클릭하고 전환하게 만드는 요인을 아는 것이 전자 상거래 상점 방문 페이지를 계획하고 판매를 늘리는 가장 좋은 방법입니다.

그렇게 하려면 현재 랜딩 페이지 트렌드를 따라잡고 유용한 통찰력을 얻고 영감을 불어넣고 준비가 되면 청중을 놀라게 할 완벽한 랜딩 페이지를 만들어야 합니다.

저자 약력:

Marilia Dimitriou는 이메일 마케팅 소프트웨어 Moosend에서 일하는 크리에이티브 라이터입니다. 글쓰기에 대한 그녀의 열정은 크리에이티브 라이팅 기술과 SEO 카피라이팅을 결합하는 새로운 방법을 찾도록 만들었습니다. 그녀가 기사를 작성하지 않을 때, 당신은 그녀가 그녀의 드래블에 시간을 보내는 것을 발견할 것입니다. Linked.in에서 그녀를 팔로우하세요.

무료 115개 항목 전자상거래 최적화 체크리스트 다운로드

전자 상거래 상점을 한 단계 업그레이드하고 싶으십니까? 홈페이지에서 결제 양식에 이르기까지 사이트의 모든 측면 을 다루는 완전 무료 전자상거래 최적화 체크리스트를 만들었습니다. 전환율을 높이는 것으로 입증된 실행 가능하고 간단한 팁으로 가득 차 있습니다. 지금 다운로드하세요.

Ecommerce Optimization Checklist