랜딩 페이지 모바일 최적화 4가지 케이스 스터디

랜딩 페이지 모바일 최적화 4가지 케이스 스터디

(4 Perfect Mobile-Optimized Ad & Landing Page Pairs)

모바일 최적화 광고 & 랜딩 페이지 제작 가이드

모바일 최적화 광고 & 랜딩 페이지 제작 가이드

사람들로 하여금 디지털 광고를 클릭하게 만드는 것은 디지털 전쟁에서 겨우 절반 밖에 해당되지 않습니다. 여러분은 또한 방문자들이 회원 가입이나 구매, 다운로드와 같은 작업을 완료하도록 설득할 수 있는 랜딩 페이지가 필요할 것입니다. 무엇보다 랜딩 페이지는 데스크톱 뿐만 아니라 모바일에도 최적화되어야 하지요.

결국 모바일 인터넷 사용자의 34%가 주로 그들의 모바일 디바이스를 통해 웹에 접속하기 때문에 랜딩 페이지의 모바일 최적화는 이제는 더 이상 선택이 아닌 필수가 되어버렸습니다. 최적화된 광고 및 랜딩 페이지를 갖추셨나요? 아래 4가지 사례를 통해 그 최적화 방법을 소개하도록 하겠습니다.

Tory Burch

토리 버치 회전 목마 광고 - 모바일에 최적화 된 랜딩 페이지

1단계

우선 Tory Burch는 잠재 고객들을 타깃으로 위와 같이 페이스북 슬라이드형 광고(Facebook Carousel)를 롤링하여 자사 제품 컬렉션을 노출시키게 됩니다.

토리 버치 랜딩 페이지 - 모바일에 최적화 된 랜딩 페이지

2 단계

Tory Burch의 페이스북  광고를 본 사용자들이 랜딩 페이지로 연결되는 링크를 클릭하면 그들은 슬라이드 광고에서 보았던 유사한 디자인에 맞닥뜨리게 됩니다.  또한 이 랜딩페이지에서 계속 스크롤할 수 있다는 것은 위 슬라이드형 광고와 랜딩 페이지 사이에서의 매끄러운 브라우징 경험을 선사할 수 있습니다. 뿐만 아니라 사용자가 모바일에서 쉽게 랜딩 페이지가 제공하는 모든 콘텐츠를 쉽게 확인할 수 있게 모바일 최적화가 되어 있는 것은 물론입니다.

 

DISH

1 단계

DISH의 페이스북 광고는 모바일 사용자로 하여금 아래와 같이 밝은 색상의 심플한 랜딩 페이지로 이동하게 합니다.

 

DISH - 모바일에 최적화 된 랜딩 페이지

2 단계

사용자가 기업의 랜딩 페이지를 클릭하게 되면, 그들은 모바일 친화적 디자인과 광고와 동일한 메시지로 일관된 경험을 받게 됩니다. DISH의 랜딩 페이지는 그들이 다루는 모든 서비스에 대해 이야기 하는 것이 아니라, 광고에서 나온 한 프로모션에 대한 내용으로 구성되어 역시 일관된 메시지를 전달할 수 있습니다.

위와 같은 모바일 랜딩 페이지에 대한 아주 기본적인 것들을 잘 지키면서 명확하고 간결한 언어로 이를 설명하는 것은 랜딩 페이지를 방문한 유저들이 보다 쉽게 프로모션에 대해서 이해할 수 있도록 도와줍니다. 그 만큼 참여율도 높아질 수 있습니다. 이 같은 접근 방식은 모바일 랜딩 페이지에서 특히 중요한데,  메시지가 불분명하여 방문자들이 웹 브라우저를 헤맬수록 그 만큼 그들의 관심 역시 분산될 수 있기 때문입니다.

The Sims

1 단계

아래 Sims의 페이스북 영상 광고는 누구나 실제 생활에서 꿈꿔왔던 환상적인 인생을 즐길 수 있다며 게이머들을 유혹하고 있습니다.

심즈 - 모바일에 최적화 된 랜딩 페이지

2 단계

모바일 랜딩 페이지는 “Play Now!” 같은 즉각적인 액션을 요하는 CTA 버튼을 제공하고 있기 때문에 무척 효과적입니다. 자세한 게임 설명이나 게임 스크린샷을 스크롤하는 대신, 사용자들은 그들이 도착한 두 번째 페이지에서 바로 게임을 구매할 수 있기 때문이죠. 이것은 마케터가 유저들로 하여금 원하는 액션을 취할 수 있게 하는 아주 좋은 전술입니다. 만약 콘텐츠가 꽉 채워진 모바일 화면 여기저기를 뒤져야 했다면 사용자들은 게임 구매라는 전환을 하기 앞서서 아마도 랜딩 페이지에서 이탈했을 것입니다.

Cricket

1 단계

Cricket의 휴가를 테마로 한 아래 인스타그램 광고 카피는 특히 달콤한 거래를 위한 광고 클릭을 강력하게 유도하고 있습니다.

 

크리켓 - 모바일에 최적화 된 랜딩 페이지

2 단계

인스타그램 광고와 유사한 테마를 가진 랜딩 페이지 역시 모바일에 최적화되어 있습니다. 수평 스크롤 디자인은 사용자가 한 화면에 모든 옵션을 볼 수 있게 하고 있으며, 크고 굵은 글꼴은 작은 모바일 화면에서의 가독성을 높여주고 있습니다. 상세 설명을 최대한 간결하게 하고 스크롤을 내릴 필요없이 바로 첫 화면에서 모든 옵션 버튼을 보여주는 것은 더 많은 방문자들을 전환하게 하고 그들의 혼란을 최소화하는 데 도움을 줄 것입니다.

 

*마케팅 자료 및 기타 상담 문의: parkmg85@hanmail.net 

*취업 준비생 및 사회 초년생을 위한 소규모 그룹의 원데이 마케팅 코칭 수업을 진행하고 있습니다. 수강 신청 및 자세한 사항은 여기를 클릭하고 확인해주세요.