Daily UI 003. 랜딩페이지 _Landing page

첫인상은 7초 만에 결정된다

랜딩페이지란 무엇인가? 랜딩페이지는 방문자가 프로모션 광고 또는 Google 검색 결과의 링크를 따라갈 때 가장 먼저 보게 되는 페이지이다.

특히 모바일 앱 랜딩 페이지는 모바일 앱 홍보를 위해 특별히 제작되는 것이다. 방문자가 클릭하여 앱을 다운로드하고 설치할 수 있도록 앱의 기능과 가치를 설명해야 한다. 이 랜딩 페이지는 사용자와 앱이 처음 만나는 곳이다. 흔히 첫인상은 7초 만에 결정된다고 하는데, 바로 이 랜딩 페이지가 앱의 첫인상을 결정하는 곳이다. 랜딩 페이지가 브랜드와 잠재 고객 간의 첫 번째 접촉이기 때문에 모바일 앱의 랜딩 페이지는 앱이 잠재 고객의 어떤 문제를 해결하는지에 대해 명확히 알려주어야 한다. 현대인들은 그리 인내심이 긴 편이 아니기 때문에 이 랜딩페이지가 잠재고객이 우리 회사의 앱을 사용하도록 설득하는 유일한 기회가 될 수도 있다.

 

 

1. CTA (클릭유도텍스트)

랜딩페이지가 존재하는 이유는 잠재고객을 앱 스토어로 보내는 다운로드 버튼 클릭을 유도하여 앱을 다운시키도록 하기 위함이다. 랜딩페이지의 모든 요소는 앱 다운이라는 이 궁극적인 목표를 지원해야 한다. 카피와 CTA의 목적은 잠재고객이 페이지에 도착했을 때 내린 결정을 강화하고 행동을 취하도록 유도하는 것이다. 잠재고객이 '앱을 다운로드하여 볼까?'하고 호기심이 든 마음을 '그래! 다운로드하여보자'라고 굳히기를 들어가도록 만드는 것이 CTA이다.

 

2. 헤드라인

헤드라인은 랜딩 페이지에 들어온 잠재고객이 가장 먼저 보는 것이다. 앱의 핵심 가치를 전달하는지 확인하자. 꼭 재치 있거나 영리할 필요는 없다. 잠재고객의 문제를 앱이 해결해준다는 것을 강조하기만 하면 된다. 종합자산관리 앱인 뱅큐는 헤드라인으로 나만의 금융비서, 뱅큐를 사용하여 앱의 핵심 가치를 잘 설명해주고 있다. 

 

뱅큐 랜딩페이지

 

 

3. 바디 카피

바디 카피는 가치 제안과 서비스의 장점을 확장하는 곳이다. 잠재고객의 고민에 답하고 처음에 랜딩 페이지를 방문하게 된 동기를 만족시킬 수 있는 만큼의 바디 카피를 제공해야 한다.  뱅큐의 경우에는 똑같은 월급을 받아도 더 나은 자산관리를 할 수 있다는 느낌의 바디 카피를 사용하여 잠재고객의 고민에 답하고 있다. 헤드라인과 바디 카피가 간결하지만 너무 일반적이지 않은지 확인해보아야 한다. 헤드라인과 바디 카피는 총 2줄 이하로 쓰여야 한다. "정말 편리한 금융관리 앱"과 같이 너무 일반적이고 평이한 카피는 피해야 한다. 뱅큐의 랜딩 페이지를 보면 헤드라인으로 "나만의 금융비서"라는 카피를 쓰고 바디 카피로 헤드라인을 잘 설명해주고 있다. 설득력 있고 간결한 바디 카피를 가진 랜딩페이지는 어수선한 랜딩페이지와 비교할 때 전환율이 높다.

 

 

 

4. 사회적 증거

우리는 배달음식을 시킬 때 우리 집과 얼마나 가까운지, 가격이 얼마나 쌌는지를 가장 먼저 확인하지 않는다. 별점이 얼마나 높은지 리뷰가 얼마나 쌓였는지를 가장 먼저 확인한다. 높은 별점과 좋은 리뷰들은 일종의 사회적 증거로써 작용하기 때문이다.

 

편한가계부 랜딩페이지

앱 랜딩페이지에 사용할 수 있는 사회적 증거들은 사용자 리뷰, 앱의 수상 또는 표창, 다운로드 수나 사용자 수가 있다. 편한 가계부의 랜딩페이지를 보면 앱의 수상, 다운로드 수, 사용자 평점을 이용해  랜딩페이지를 디자인한 것을 볼 수 있다. 지금 랜딩페이지도 충분히 잘했지만, 만약 내가 디자인했다면 다운로드 수와 평점을 더 포커싱해 랜딩페이지를 디자인했을 것 같다. 많은 사람들이 쓰고 있고, 많은 사람들이 이 앱에 대해 좋게 평가하고 있다는 것만큼 좋은 사회적 증거는 없다고 생각하기 때문이다.

 

 

 

 

 

 

출처

https://clevertap.com/blog/mobile-app-landing-page/

7 Mobile App Landing Page Examples + How to Create One | CleverTap

https://www.justinmind.com/blog/design-landing-page-justinmind/

How to design a landing page with Justinmind

https://www.uxpin.com/studio/blog/landing-pages-guide/

Landing Pages: The Complete Guide to Effective UX Design