훌륭한 모바일 앱 랜딩 페이지의 7가지 요소

게시 됨: 2014-06-30

출시 전에 입소문을 낼 수 있는 좋은 방법을 찾고 있습니까? 이미 출시된 앱을 마케팅하는 것은 어떻습니까?
어느 쪽이든, 당신은 당신의 앱이 무엇을 할 수 있는지를 세상에 보여줄 전용 페이지, 즉 랜딩 페이지를 원할 것입니다.
방문 페이지는 트래픽을 보내는 곳이며 종종 앱에 대한 사용자의 첫인상을 형성합니다. 올바른 페이지를 만드는 것이 중요합니다.
그러나 "올바른 것"은 무엇을 의미합니까? 성공하지 못한 방문 페이지보다 성공적인 방문 페이지를 정의하는 것은 무엇입니까?
우리는 그것을 7개의 요소로 좁혔습니다. 이 규칙을 따르면 앱을 선보일 수 있는 멋진 랜딩 페이지를 구축할 수 있습니다.

1. 눈에 띄는 이름 및 로고

무엇보다도 랜딩 페이지는 앱에 대한 대중의 인지도를 높여야 합니다. 귀하의 이름과 로고를 눈에 띄게 표시하는 것은 필수입니다.
당신의 이름이나 당신을 찾는 방법에 대한 단서가 없는 사람들에게만 당신의 앱이 훌륭하다고 누군가를 설득하는 것은 의미가 없습니다. 아직 출시하지 않은 경우 특히 그렇습니다. 당신의 이름이 즉시 알아볼 수 없다면 사람들은 당신의 아이디어를 좋아하더라도 당신을 건너뛸 것입니다.
방문 페이지에 이름과 로고가 명확하고 스크롤 없이 볼 수 있는 부분 위에 있는지 확인하세요.
대부분의 방문 페이지에서 이를 볼 수 있지만 예를 보려면 Statnut 방문 페이지를 살펴보세요.
Statnut 방문 페이지 스크린샷

2. 짧고 명확한 헤드라인

인터넷 사용자는 주의 집중 시간이 짧기로 악명이 높습니다. 가능한 한 가장 빠른 시간 내에 방문자의 관심을 사로잡아야 합니다. 그렇지 않으면 방문자가 클릭할 것입니다.
이것이 헤드라인의 역할입니다. 사람들에게 앱이 하는 일을 단 몇 단어로 전달하는 것입니다.
좋은 방문 페이지 헤드라인의 핵심은 명확성 입니다.
당신은 당신의 말장난이 영리하다고 생각할 수도 있지만 궁극적으로 당신은 사람들에게 생각하도록 요구하고 있습니다. 생각하는 데는 시간과 노력이 필요하며, 이것은 많은 사람들이 제공하지 않는 것입니다. 적어도 곧바로는 아닙니다!
Trello 랜딩 페이지에서 볼 수 있듯이 헤드라인은 굵게, 메시지는 단순하게 유지하세요. Trello는 프로젝트 관리 도구이며, Organize Everything, Together 라는 제목은 단 세 단어로 알아야 할 모든 것을 알려줍니다.
제목 이 이렇게 명확합니까?
Trello 방문 페이지 스크린샷

3. 클릭 유도문안 지우기

모든 방문 페이지에는 클릭 유도문안이 필요합니다. 방문자가 귀하의 앱에 흥미를 갖게 하고 그 사실을 이용하지 않는 것은 의미가 없습니다.
클릭 유도문안은 명확하고 설득력이 있어야 하며 청중이 원하는 행동을 최대한 쉽게 취할 수 있어야 합니다.
앱이 이미 활성화되어 있으면 앱을 다운로드하는 것입니다.
앱이 실행되지 않았다면 향후 업데이트를 위해 메일링 리스트에 등록하는 것입니다.
또한, 우리 모두는 약간의 추가 노출을 사용할 수 있으므로 소셜 미디어 공유 버튼도 몇 개 추가하지 않겠습니까?
좋은 예가 POP입니다. 두 개의 큰 버튼을 통해 방문자는 원하는 플랫폼에서 앱을 쉽게 다운로드할 수 있으며 아이콘 아래에는 소셜 미디어 공유 버튼이 있습니다.
POP 랜딩 페이지 스크린샷
아직 출시되지 않은 랜딩 페이지의 경우 Magikstra는 CTA 자리를 차지합니다. 이메일 업데이트를 위한 간결한 필드와 쉽게 찾을 수 있는 소셜 미디어 공유 버튼.
Magikstra 랜딩 스크린샷
두 가지 예에서 소셜 미디어 버튼이 이메일 가입 이나 다운로드 버튼보다 덜 눈에 잘 띄게 배치되어 있는 것을 알 수 있습니까?
CTA가 충돌하지 않도록 해야 합니다. 그렇지 않으면 CTA가 덜 효과적입니다. 다운로드/구독이 소셜 공유보다 더 가치가 있는 경우 우선 순위를 지정하십시오.
CTA에 대한 마지막 요점: 스크롤 없이 볼 수 있는 부분에 최소한 하나의 CTA가 있어야 합니다. 다음에 무엇을 해야 하는지 알 수 없는 사용자를 잃고 싶지 않습니다.

4. 간결하게 유지

귀하의 헤드라인은 독자들에게 귀하의 앱이 하는 일에 대한 요지를 제공합니다. 그들의 관심을 사로잡았으면 이제 그들을 끌어들일 시간입니다.
가장 좋은 조언은 스크롤 없이 볼 수 있는 부분을 간결하게 유지하는 것입니다. 너무 많은 텍스트는 위협적입니다.
방문자의 정보가 깊을수록 정보가 더 상세해집니다. 이것을 경험적으로 사용하십시오.
설명을 짧게 유지하는 것은 여전히 ​​가치가 있습니다. 글머리 기호는 훌륭하지만 사용자가 즉시 확신하지 못한다면 앱의 개별 기능과 이점을 판매하기 시작할 때입니다.
제공할 세부 정보 수준을 결정할 때 대상 인구 통계를 염두에 두십시오. 전문가를 대상으로 한 금융 앱은 화난 새를 돼지에게 쏘는 어린이 게임보다 기능에 대한 자세한 설명이 필요합니다.
Stripe 랜딩 페이지는 이에 대한 좋은 예입니다. 스크롤 없이 볼 수 있는 부분에 앱이 무엇을 위한 것인지에 대한 한 문장 설명입니다. 클릭 유도문안 너머로 더 아래로 내려가면 각각 특정 기능이나 이점을 강조하는 세 개의 아이콘이 표시됩니다. 각 링크 아래에는 전용 페이지로 이동하여 앱의 기능을 자세히 설명하는 링크가 있습니다.
스트라이프 랜딩 페이지 스크린샷

5. 비디오 통합

제 생각에는 동영상이 없는 랜딩 페이지에는 트릭이 없습니다. 많은 방문자는 가장 간결한 정보라도 읽을 준비가 되어 있지 않지만 앉아서 비디오를 볼 입니다.
이것을 활용하지 않으면 앱의 도달 범위가 제한됩니다.
비디오가 정교할 필요는 없습니다. 앱의 기능, 기능 및 사용자에게 주는 이점에 대한 간략한 소개입니다.
동영상을 재미있게 만들 수 있다면 더욱 좋습니다. 동영상은 빨리 보고, 쉽게 소비할 수 있으며, 무한히 공유할 수 있어 앱이 더 많이 노출될 수 있습니다.
잘 통합된 동영상이 어떤 모습인지 보려면 Groopic 랜딩 페이지를 확인하세요. 비디오는 비디오가 어떻게 보이길 원하는지에 대한 교과서적인 예이기도 합니다.
Groopic 랜딩 페이지 스크린샷
비디오 사용의 이점은 엄청나지만 일부 사람들은 여전히 ​​비디오를 사용하지 않기로 결정합니다. 최소한 앱의 스크린샷을 사용하세요.
휴먼 랜딩 페이지 스크린샷

6. 강력한 브랜딩 통합

사람들이 출시 날짜를 기억하기를 원하면 방문 페이지가 기억에 남도록 하는 것이 좋습니다.
Facebook이 아닌 한 평범한 파란색 배경으로 벗어나기 위해 고심할 것입니다. 너무 지루합니다. 즉시 잊을 수 있습니다.
물론 앱에 대한 멋진 아이디어는 당신이 얼마나 기억에 남을지 결정하는 데 큰 역할을 할 것이지만 강력한 브랜딩은 당신이 누구이고 당신이 하는 일을 강화합니다.
브랜딩의 핵심은 일관성입니다: 색상, 글꼴, 디자인 요소. 눈에 띄는 사진을 넣으면 매우 독특한 것을 만들 수 있습니다. 아주 당신 .
드로잉 앱은 많은 스케치와 밝은 색상을 사용할 수 있지만 이것은 금융 앱의 브랜드 이미지에 맞지 않습니다. 그들은 전문성과 권위를 외치는 대담한 색상과 글꼴을 원할 것입니다.
Twitter 및 Facebook과 같이 앱과 연관시키고 싶은 색상이 있는 경우 이 색상이 랜딩 페이지에서 지배적인지 확인하십시오. 이에 대한 좋은 예는 대담한 핑크 색상을 사용하는 Sound Asleep 앱입니다.
SoundAleep 랜딩 페이지 스크린샷
또 다른 좋은 예는 Bikn 랜딩 페이지입니다.
밝은 색상은 눈길을 사로잡으며 장난기 가득한 느낌이 들며 아이들에게 어필합니다(물건을 잃어버릴 가능성이 더 높음). 그러나 모든 것이 너무 잘 조화되어 있어 보안 장치에 필수적인 전문적인 느낌이 듭니다.
Bikn 랜딩 페이지 스크린샷

7. 많은 공백

6개의 포인트가 이미 따라야 하는 상황에서 하나의 랜딩 페이지에 어떻게 그렇게 많은 정보를 담을 수 있는지 궁금할 것입니다!
그러나 벼락치기는 당신이 가야 할 대상이 아닙니다.
여백이 많은 단순한 디자인은 항상 랜딩 페이지로 가장 잘 작동합니다. 페이지에 내용이 너무 많으면 페이지가 어수선해 보이고 각 개별 요소의 효율성이 떨어집니다.
이에 대한 좋은 예가 Weathertron 랜딩 페이지입니다. 그것은 우리가 지금까지 다룬 모든 것을 사용하면서도 여전히 깨끗 합니다. 그것은 몇 가지 별개의 섹션을 가지고 있으며, 이를 통해 Weathertron은 모든 것을 접힌 부분 위에 던져서 너무 "시끄럽게" 만들지 않고 공간을 배치할 수 있습니다.
Weathertron 소개 페이지 스크린샷

마무리

효과적인 방문 페이지를 원한다면 이러한 규칙을 더 많이 따를수록 더 잘할 수 있습니다.
랜딩 페이지에 대한 귀하의 경험은 무엇입니까? 우리가 놓치고 있는 요소가 있습니까? 의견 섹션에서 알려주십시오!
앱 랜딩 페이지를 구축하기 위한 멋진 테마를 찾고 싶으신가요? 여기에서 작업에 가장 적합한 WordPress 테마에 대한 가이드를 확인하세요.