Tag: 랜딩페이지최적화

  • 웹사이트 속도 향상을 위한 가이드

    웹사이트 속도 향상을 위한 가이드

    웹사이트 속도 향상을 위한 가이드

    (참조 자료: A Quick Guide to Increasing Your Website Speed (Step by Step))

    웹사이트 속도 향상을 위한 가이드
    웹사이트 속도 향상을 위한 가이드

    많은 사람들은 참을성이 그다지 많지 않습니다. 웹사이트의 로딩 시간이 1초 이상 지연되면 전환율이 7% 가까이 감소할 수 있습니다. 그리고 방문자의 40%는 로딩하는데 3초 이상 걸리는 페이지는 떠날 것입니다.

    웹사이트가 빠르게 로딩되도록 보장하는 2가지 이유!

    웹사이트의 로딩 속도가 느린 데에는 여러가지 이유가 있습니다. 최적화를 시작하기 전에 웹사이트 속도에 영향을 미칠 수 있는 모든 요인들에 대해 살펴보도록 하겠습니다.

    속도가 중요한 이유

    페이지 속도는 2010년부터 데스크톱 검색 순위 요인이 되었다. 2018년에는 모바일 검색 순위 요인이 되기도 했다.

    구글은 그들이 페이지 속도를 “퍼스트 클래스 시민”으로 만드는 것으로 고려하고 있다고 말했다.

    느린 웹사이트는 검색 엔진 결과에서 낮은 순위를 차지할 뿐만 높은 이탈률로 이어질 것입니다. 40% 이상 방문자는 3초 이상 로딩 화면을 볼 경우 뒤로 버튼을 눌러 다른 검색 결과로 넘어간다고 합니다.

    로딩 속도가 느린 웹사이트에 큰 이미지 사이즈, 무거운 스크립트 또는 코드, 낮은 품질의 호스팅 등 여러가지 요인이 있습니다.

    빠른 페이지 로딩 시간이란?

    대부분의 전문가들은 3초 미만이면 페이지 속도가 빠른 것으로 간주한다는데 동의합니다. 최적의 사용자 경험을 위해 구글은 3초 이하의 페이지 로딩 속도를 추천하고 있는데 이는 특히 모바일에서 더욱 중요합니다.

    최종적인 목표는 2초 이내에 도달하는 것이 되어야 합니다. 물론 3초 미만도 여전히 빠른 것으로 간주됩니다.

    이는 테스트 뿐만 아니라 실제 로딩 시간을 위한 것입니다.

    웹사이트 성능 측정 및 모니터링을 위한 도구 추천

    이제 웹사이트 성능을 측정하는데 사용할 수 있는 몇 가지 도구를 살펴보도록 하겠습니다.

    Google Pagespeed Insights: 구글의 PageSpeed Insights 도구는 페이지의 속도와 콘텐츠를 분석하고 페이지 속도를 더욱 빠르게 만드는 방법에 대해 제안을 합니다.

    GTMetrix: GTMetrix는 페이지 속도를 분석하는 무료 도구입니다. 여기서 제공하는 레포트에는 페이지 속도를 비롯하여 YSlow 점수, 페이지 로딩 시간, 페이지 사이즈 등 페이지가 어디에서 잘못되고 있는지에 대한 개요를 제공합니다.

    Pingdom: Pingdom은 로딩 시간을 테스트할 수 있는 무료 도구입니다. 레포트에는 페이지 로딩 시간, 사이즈, 그리고 요청(Request) 수 등이 표시됩니다.

    WebPageTest: WebPageTest는 전 세계 다양한 위치에서 웹사이트의 성능을 테스트해주는 무료 도구입니다. 다양한 브라우저와 연결 속도 중에서 선택해서 다양한 실제 조건들을 시뮬레이션해볼 수 있습니다.

    위 예시들은 웹사이트 성능을 측정하는 여러 도구 중 일부에 불과하지만 웹사이트의 성능과 개선 방법을 이해하는데 좋은 시작점이 될 것입니다.

    페이지 로딩 속도에 영향을 주는 요소들

    웹사이트의 속도에 영향을 줄 수 있는 여러가지 요인들이 있습니다. 이 중 일부는 사용자의 통제 범위에 있는 반면, 다른 일부는 사용자의 통제 밖에 있을 수 있습니다.

    다음은 웹사이트 속도에 영향을 줄 수 있는 갸장 일반적인 요인입니다.

    • 큰 이미지 사이즈(Large image sizes): 많은 웹사이트에서 웹에서 필요하지 않은 풀사이즈의 이미지를 사용하고 있는데 이는 로딩 시간을 느리게 만들 수 있습니다.
    • 무거운 스크립트 또는 코드(Heavy scripts or code): 커스텀 코드나 플러그인을 통해 너무 많은 기능을 추가하면 웹사이트가 상당히 느려질 수 있습니다.
    • 호스팅 불량(Poor hosting): 속도가 느리거나 신뢰할 수 있는 호스팅 서비스를 사용하는 경우 웹사이트가 느려질 수 있습니다.
    • 느린 속도 및 노 캐싱(Slow or no caching:): 웹사이트가 느린 또 다른 일반적인 원인은 캐싱이 느리거나 없다는 것입니다. 이 문제는 캐싱 플러그인을 사용하여 해결할 수 있습니다.
    • 리다이렉트(Redirects): 리다이렉트는 브라우저에 한 URL에서 다른 URL로 이동하도록 지시합니다. 웹사이트가 커지면 리다이렉트를 피할 수 없지만 최소한으로 유지하는 것이 좋습니다.

    이제 이러한 요소와 다른 요소에 맞게 웹사이트를 최적화할 수 있는 방법을 알아보도록 하겠습니다.

    더 높은 성능을 위한 웹사이트 최적화 팁

    웹사이트를 더 빨리 로딩할 수 있는 가장 쉬운 방법들을 몇 가지 살펴보도록 하겠습니다.

    가벼운 테마 선택

    웹사이트의 속도를 높이는 가장 쉬운 방법 중 하나는 Astra와 같은 가벼운 테마를 선택하는 것입니다. 기본 Astra 설정은 167 밀리세컨드(ms)의 로딩 시간으로 GTmetrix에서는 A등급을 보여줍니다.

    Astra를 사용하면 웹사이트가 빠르고 효율적으로 로딩되기 때문에 콘텐츠에 집중할 수 있습니다.

    기본 사이즈가 50KB 미만인 경우, 대부분의 WordPress 테마의 경우 300kb에 비해 로딩 시간은 0.5초 만큼 짧습니다. 이를 통해 가장 빠른 워드프레스 테마 중 하나로 만들 수 있습니다.

    Astra는 또한 Vanilla JavaScript를 사용하여 로딩 속도를 향상시킵니다.

    Astra에 대한 최근 업데이트는 그 어느 때보다도 빠르게 테마를 만들었습니다. Astra는 반응성이 뛰어나고 커스터마이징이 쉽기 때문에 더 빠른 웹사이트를 위한 훌륭한 선택입니다.  또한 WooCommerce, Yoast SEO 및 기타 많은 인기 플러그인과 완벽하게 호환됩니다.

    플러그인 사용 제한

    웹사이트 속도를 높이는 또 다른 방법은 플러그인 사용을 제한하는 것입니다. 플러그인은 사이트에 중요한 기능을 추가할 수 있지만 속도가 느려질 수 있습니다.

    기본 웹사이트의 많은 기능은 잘 선택한다면 10개 미만의 플러그인 안에서 제한할 수 있습니다.

    위의 스크린샷과 같이 플러그인을 많이 사용하는 경우 사용을 제한하거나 보다 효율적인 대안들을 찾아보시기 바랍니다.

    브라우저 캐시 사용

    웹사이트 성능을 향상시키는 또 다른 중요한 단계는 브라우저 캐싱을 활성화하는 것입니다. 이를 통해 브라우저는 특정 리소스를 로컬에 저장하여 해당 리소스가 다시 필요할 때  로딩 프로세스를 가속화할 수 있습니다.

    LiteSpeed Cache와 같은 플러그인을 사용하면 모든 수준의 캐싱이 적합한 방식으로 작동되는지 확인할 수 있습니다.

    플러그인을 설치하고 활성화한 후 설정 > 브라우저 탭으로 이동하여 브라우저 캐시를 켜기만 하면 됩니다.

    여기서부터는 방문자의 브라우저는 자동으로 웹사이트의 캐시된 복사본을 로컬 저장소에 저장합니다. 방문자가 웹사이트로 돌아오면 서버에서 새로운 복사본을 다운로드하기 전에 먼저 로컬 복사본을 볼 수 있게 됩니다.

    URL 리다이렉트 방지

    또한 가능하면 URL 리다이렉트를 피해야 합니다. 리다이렉트는 로딩 프로세스에 추가 시간을 추가할 수 있으므로 URL을 최대한 단순하고 리다이렉트하세요.

    어떤 이유로든, 리다이렉트를 사용해야 하는 경우에는 리다이렉트가 올바르게 설정되어 있는지, 불필요한 지연이 발생하고 있지는 않은지 확인해야 합니다.

    Redirection과 같은 간단한 Redirection Manager 플러그인을 사용하면 모든 URL 리디렉션이 제대로 구성되었는지 확인할 수 있습니다. Yoast SEO나 RankMath와 같은 다른 SEO 플러그인들도 URL 리디렉션을 제공합니다.

    가장 중요한 것은 리디렉션 중인 모든 링크를 추적하고 불필요한 리디렉션 또는 리디렉션 루프가 있는지 제거하는 것입니다.

    이미지 압축

    로딩 시간이 느린 일반적인 원인 중 하나는 최적화되지 않은 대형 이미지입니다.

    TinyPNG 또는 WP Smush 플러그인과 같이 이러한 작업을 수행하는 데 도움이 되는 많은 도구와 플러그인이 있습니다.

    이미지가 업로드되면 자동으로 압축되어 사용자에게 압축된 이미지를 제공합니다.

    Smush와 같은 플러그인을 사용하면 이미지의 최대 폭과 높이를 설정할 수도 있습니다. 따라서 이미지가 더 큰 경우 플러그인은 이미지 크기를 최대 제한 내에 맞도록 자동으로 조정합니다.

    CSS 및 JavaScript 최소화

    CSS와 JavaScript를 최적화하면 웹 사이트 속도를 높일 수 있습니다. 코드를 작게 만들기 위해 불필요한 문자를 제거하는 프로세스인 코드를 최소화하면 됩니다.

    새로운 라인 제거기를 통해 기존 JS 및 CSS 파일을 실행할 수 있는 매우 간단한 프로세스이지만 LiteSpeed 캐시와 같은 플러그인은 백그라운드에서 실행할 수 있습니다.

    플러그인을 설치하고 Litespeed Cache > Page Optimization > CSS, JS, HTML의 Minify 설정을 켜면 됩니다.

    모든 공간은 페이지 크기에 따라 빠르게 증가하는 추가 비트이기 때문에 속도 영향이 두드러집니다.

    잘못된 것이 없는지 확인하기 위해 나중에 사이트를 테스트해보세요.

    더 나은 호스팅으로 전환

    위의 모든 팁을 사용해본 후에도 웹사이트가 느린 경우 더 나은 호스팅 공급 업체로 전환하는 것이 하나의 해결책이 될 수 있습니다. 다양한 호스팅 옵션을 사용할 수 있으며 속도와 성능에 최적화된 호스팅 옵션을 선택하는 것이 중요합니다.

    널리 사용되는 관리 호스팅 공급자로는 SiteGround, A2Hosting 및 InMotion Hosting이 있습니다.

    트래픽이 많은 웹 사이트가 있는 경우 전용 호스팅 서비스 또는 VPS로 전환해야 할 때일 수 있습니다.

    Vultr 및 Linode와 같은 서비스는 월 5달러의 저렴한 비용으로 우수한 VPS를 제공하여 높은 트래픽 사이트를 호스팅하기에 매우 적합합니다.

    신뢰할 수 있는 호스팅 공급자를 선택하면 트래픽 볼륨이나 사용자 위치에 관계없이 웹 사이트가 빠르고 일관되게 로딩되도록 할 수 있습니다.

    미니멀리즘 접근 방식 수용

    미니멀리즘한 디자인을 사용하면 사이트 성능을 최적화하고 로딩 시간을 단축할 수 있습니다.

    미니멀리즘한 디자인을 구현하는 방법에는 사용하는 플러그인의 수를 최소화하고, 간단한 테마를 사용하고, 사이트 설계에서 불필요한 기능이나 요소를 제거하는 것들이 모두 포함됩니다.

    이 템플릿은 Astra의 지원 플러그인인 Starter Templates에서 제공하는 수백 개의 템플릿 중 하나로 클릭 한 번으로 가져올 수 있습니다. 가장 좋은 점은 그것들이 모두 보기에 단순하고 아름답도록 디자인되었다는 것입니다.

    결론

    사이트 속도가 전환율에 영향을 준다는 것은 잘 알려진 사실입니다. 따라서 웹사이트 속도를 높이는 것은 전환율을 높이는 가장 쉬운 방법 중 하나이기도 합니다.

    위에서 설명한 바와 같이, 사이트 속도를 증가시키는 것에는 다양한 방법들이 있습니다. 물론 본 글에서 공유되지 않은 더 많은 방법들도 있을 것입니다. 일단 우선 사이트의 속도와 전환율에 어떤 관계가 있을지 테스트해보세요.

     

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

  • 홈페이지 디자인 가이드: 당신의 웹사이트 첫 페이지에 담아야 할 내용

    홈페이지 디자인 가이드: 당신의 웹사이트 첫 페이지에 담아야 할 내용

    홈페이지 디자인 가이드: 당신의 웹사이트 첫 페이지에 담아야 할 내용

    (참조 자료: Homepage Design 101: What to Include on the Front Page of Your Website)

    홈페이지 디자인 가이드
    홈페이지 디자인 가이드

    홈페이지는 브랜드에 대한 소개와 신규 및 기존 고객들이 여러분의 비즈니스에 대해 잘 이해할 수 있게 하고 필요한 정보를 찾을 수 있도록 도와주는 일종의 코딩되어진 기업 소개서 셋트라 할 수 있습니다.

    홈페이지의 목표가 제품을 판매하는건지 혹은 이메일 구독자를 늘리는 것인지 상관없이 홈페이지의 세부 내용은 방문자들에게 강력한 첫 인상을 제공하고 마케터가 의도하는 행동을 하게끔 유도하는 방향으로 구성되어야 합니다.

    처음 온라인 스토어를 구축하든, 홈페이지의 가장 중요한 부분에 재방문을 유도하는 방안이든 상관없이 오늘은 홈페이지 디자인을 계획할 때 처음부터 끝까지 고려해야 할 몇 가지 팁들을 소개하고자 합니다.

    홈페이지 디자인시 묻는 질문

    한 비즈니스에서 완벽하게 작동하는 홈페이지 구성은 다른 비즈니스에서는 그 성과가 떨어질 수 있습니다. 즉, 모든 비즈니스마다 완벽한 홈페이지 디자인은 다르다는 것입니다.

    다양한 디자인 옵션을 보고서도 어떤 방향으로 나아가야 할지 확신이 서지 않는다면, 아래의 질문을 토대로 어떤 방향으로 나아갈지 결정내리는 데 도움을 받을 수 있습니다.

    • 방문자들이 웹사이트에서 어떤 행동을 하길 원하십니까?(예: 구매, 회원 가입 등)
    • 방문자들이 이 작업을 수헹하는 것이 얼마나 간단합니까?
    • 목표 달성을 위해 몇 가지 단계가 있습니까?
    • 다음 단계로 진행하려면 얼마나 많은 정보가 필요합니까?
    • 제거할 수 있는 단계가 있습니까?

    고객들은 때때로 그들이 원하는 것을 알고 있는 상태에서 홈페이지에 방문할 수도 있고, 어쩔 땐 자신들이 어떤 걸 원하는지 모르는 상황에서도 방문할 수도 있습니다. 의사 결정이 주요 목표와 일치하도록 보장하면서 두 가지 모두를 염두하면서 홈페이지를 디자인해야 합니다.

    좋은 홈페이지는 특정 결과를 찾는 방문자를 수용해야 하며, 그렇지 않은 방문자의 관심을 유도해야 합니다.

    당신의 홈페이지 디자인은 어떤 결과를 가져와야 하나요?

    평균적으로 방문자들은 비즈니스 홈페이지에서 10-20초 동안 머무릅니다. 디자인 관점에서 이것이 의미하는 바는 방문객이 자신과 비즈니스를 위한 최상의 경로를 신속하게 선택할 수 있도록 탐색 경로를 명확하게 제공해야 한다는 것입니다.

    이 같은 긴급성에 더해지는 것은 의사 결정 회피(decision avoidance)라고 불리우는 심리적 현상입니다. 이것은 의사 결정을 내리는 데 너무 많은 시간을 소비하는 인간의 경향을 없애는 것입니다.

    홈페이지 디자인 관점에서 말하는 의사 결정 회피란 페이지를 종료하거나, 뒤로 가기 버튼을 눌러 “수신 거부” 하는 것을 의미합니다. 이를 방지하려면 홈페이지 디자인의 첫 번째 작업은 잠재 고객에게 계속 머물러 있게 하는 것입니다.

    그렇게 하려면 웹사이트에서 가장 중요한 자산이 무엇인지 이해해야 합니디ㅏ.

    1. 방문 고객의 행동을 유도하는 “Above-the-fold” 콘텐츠

    “Above-the-fold” 콘텐츠는 홈페이지 내에서 마우스 스크롤 없이 볼 수 있는 화면 상단 영역을 의미합니다.

    방문자들이 마우스 스크롤하기 전에 볼 수 있는 부분에 무엇이 있는지, 그것이 홈페이지의 다른 부분을 어떤 식으로 끌고 오게 할지를 고려할 때, 고객들이 원하는 정보를 찾기 위해 홈페이지에 처음 방문하였을 때 그들이 어떤 행동을 하길 원하는지, 어떻게 그들의 의사 결정을 좀 더 용이하게 할지에 초점을 두어야 합니다.

    “Above-the-fold” 콘텐츠 구성
    “Above-the-fold” 콘텐츠 구성

    위의 숙취 해소제를 판매하는 Morning Recover의 홈페이지를 예를 들어봅시다. 잠재 고객이 자사의 주력 제품을 구매하도록 유도하는 것이 이 홈페이지의 주요한 목표인데요, 밝은 색상의 제품 중심의 이미지는 “Above-the-fold” 세션에 위치하여 방문객들에게 제품 구매를 명확하게 유도하고 있습니다.

    이 홈페이지에는 방문자들이 빠르게 내릴 수 있는 두 가지 옵션의 의사 결정이 있습니다.

    1. 구매 진행
    2. 보다 더 많은 정보를 위해 스크롤 다운하여 “Below the fold” 세션으로 이동 – 리뷰, 영상, 그리고 제품 성분이나 재료에 대한 정보 등

    대부분의 웹사이트 헤더는 방문자의 관심을 끄는 헤드라인, 설득력있는 부제, 그리고 “Above the fold’ 세션 내 강력한 비주얼 요소를 결합하여 새로운 방문자들이 사이트에 머무르게 하고 브랜드와 친숙하게 만들게 합니다.

    그러나 처음부터 고객의 관심사를 파악할 수 있는 방법이 여러가지 있습니다. 예를 들어 특별 할인 행사나 무료 배송을 광고하기 위해 네비게이션바 위에 배너 광고를 위치시키는 방법도 있습니다.

    2. 명확한 네비게이션바

    방문자들이 웹페이지의 탐색을 용이하게 만드는 것은 그것의 단순함에 달려있습니다. 다른 유형의 방문자를 수용하려는 경우, 모순되는 것처럼 보일 수 있지만 사람들이 인터넷에서 얼마나 빨리 페이지를 이동하는지 고려할 때 의미가 있습니다.

    헤더 네비게이션바는 우선 순위를 지정하여 대부분의 방문자들에게 가장 중요한 탐색 경로로 먼저 이동할 수 있게 가능한 한 최대한 직관적으로 만들어야 합니다. 많은 전문가들은 홈페이지에 7개 이상 탐색 링크가 들어가는 것을 권장하지 않습니다.

    사람은 “청킹(chunking)” 라고 불리우는 조직적인 기억 방법을 사용합니다. 여기서 정보는 청크(chunks)라고 불리우는 작은 정신 단위로 나뉩니다.

    청크(chunks)가 적을수록 기억 보존이 쉬워집니다. 1956년에 발간된 영향력있는 논문에서 심리학 교수인 조지 밀러(George Miller)는 우리의 단기 기억이 일반적으로 한 번에 7가지 항목만 저장할 수  있다고 결론지었습니다.

    기억 보존 방법
    기억 보존

    너무 많은 탐색 옵션이 있는 사이트의 경우에는 복잡하고 너무 과하게 느껴질 수  있어 방문자 수가 떨어지거나 잘못된 탐색 경로로 갈 가능성을 높이게 됩니다. 가장 좋은 방법은 왼쪽에서 오른쪽으로 가장 중요한 페이지가 있는 탐색 링크의 우선 순위를 매기는 것입니다.

    제품 및 컬렉션이 많은 경우, 홈페이지 탐색 메뉴의 주요 최상위 컬렉션에 집중하고 “메가 메뉴(mega menu)” 혹은 “드롭 다운 메뉴(drop-down menu)”를 사용하여 하위 탐색을 만듭니다.

    하위 탐색 기능은 너무 많은 옵션을 사용하여 고객으로 하여금 복잡하게 느끼지 않게 하고 쉽게 탐색할 수 있도록 제품과 페이지를 정리할 수 있는 훌륭한 방법입니다.

    하위 탐색 기능
    하위 탐색 기능

    예를 들어,  UNCONDITIONAL의 홈페이지는 잘 정리된 드롭 다운 메뉴를 사용하여 최소한의 탐색과 광범위한 인벤토리의 균형을 유지합니다. 일부 웹사이트에는 헤더 네비게이션에 주요 목표를 뒷받침해주는 회사 소개 페이지, 문의하기 페이지, FAQ 페이지, 그리고 다른 주요 페이지들에 대한 링크가 있습니다.

    그러나 이 페이지 방문자가 여러분의 목표에 따라 전환되지 않는 것으로 밝혀지면 이러한 링크가 전환으로 이어지지 않을 가능성이 큽니다. 이러한 경우 링크를 바닥글에 추가하는 것이 가장 좋습니다.

    바닥글 링크
    바닥글 링크

    3. 눈길을 끄는 이미지

    결정 회피는 네비게이션바 뿐만 아니라 홈페이지의 다른 요소들에게도 적용됩니다. 사용자주의의 한계를 인식하면 홈페이지 디자인시 가장 중요한 사항을 강조하는데 도움이 됩니다.

    제품이나 컬렉션을 홍보하거나 리드를 생성하려고 할 때 비주얼 요소의 주요 목적은 웹사이트에 도착할 때 그 즉시 사용자의 관심을 끄는 것입니다.

    다음은 홈페이지의 스크롤없이 볼 수 있는 부분에 비주얼을 통합하는 몇 가지 방법입니다.

    텍스트 오버레이가 있는 이미지

    텍스트 오버레이가 있는 이미지
    텍스트 오버레이가 있는 이미지

    스크롤 없이 볼 수 있는 이러한 스타일의 이미지는 종종 하나의 강력한 이미지, 직접적인 문구, 그리고 콜투액션(CTA)을 포함합니다. 한정 기간 할인 판매, 주력 제품 및 계절 별 컬렉션과 같이 주요 오퍼(Offer)들에 집중하여 스크롤없이 볼 수 있게 하려는 판매자들에게 가장 적합합니다.

    슬라이드쇼

    슬라이드쇼
    슬라이드쇼

    특정 판매, 제품 그룹 또는 고품질 제품 사진을 광고하는 슬라이드마다 슬라이드쇼를 포함하도록 선택할 수 있습니다.

    몇 가지 카테고리에 걸쳐, 다양한 제품을 판매하는 상점 주인은 방문자에게 홍보하려는 컬렉션 또는 페이지가 몇 개 있을 때에 이 접근 방식을 선호합니다.

    가장 우선 순위가 높은 슬라이드부터 먼저 슬라이드를 우선 순위에 따라 정렬해야 합니다. 사용자가 다음 단계로 이동하기 오래 전에 하나의 슬라이드를 보고 있지 않으므로 대략 3개의 슬라이드로 제한하는 것이 가장 좋습니다.

    영상

    영상
    영상

    어떤 브랜드들은 자신의 스토리를 담은 홈페이지 비주얼의 이점을 충분히 누리고 있습니다. 일부 제품, 특히 혁신적이고 복잡한 제품의 경우에는 방문객의 관심을 끌기 전에 제품을 사용하는 방법을 설명해야 할 수 있습니다.

    Bottle Cutting Inc 의 홈페이지를 예를 들어 보면, 아직까지는 많은 방문객들이 그 제품이 그들에게 필요하다는 것을 알지 못하기 때문에 홈페이지에 있는 데모 영상은 방문자들의 관심을 일으킬 것입니다. 이는 자연스러운 전환 관정입니다.

    이미지는 즉각적이고 중요한 영향을 미치므로 품질이 우수하고 브랜드를 대표하는 브랜드인지 확인하는 것이 중요합니다.

    Homepage Design: What to Include (and Examples to Follow)

    4. 직접적인 CTA(Call To Action)

    고속도로의 출구 표지판처럼 CTA를 고려해야 합니다. 그것은 짧고, 놓치기 어렵고, 운전자들에게 올바른 길을 가르켜 줘야 합니다.

    CTA 문구와 연결 대상은 고객이 홈페이지의 주요 목표를 향해 취할 수 있는 다음 단계와 일치해야 합니다. 즉, 최신 컬렉션에 연결되거나 더 많은 것을 알기 위해 소개 동영상을 보도록 유도할 수 있습니다.

    CTA 버튼은 주변 디자인과 뚜렷하게 구별되어 사용자로 하여금 클릭해야 할 곳을 즉시 인지하도록 디자인되어야 합니다. 만약 사용자가 CTA 버튼을 찾는 데 시간이 오래 걸린다면 혼란스러워지고 클릭할 활률이 낮아지게 됩니다.

    명확한 CTA
    명확한 CTA

    위의  PopSockets 홈페이지는 이같은 기능을 갖춘 이상적인 전환 경로 아래로 사용자들을 이동시키는 훌륭한 일을 합니다. 화려한 제품 이미지는 사용자의 시선을 바로 잡는데 사용되며 CTA 버튼은 흑백으로 표기됩니다(화려한 배경과 대비).

    스크롤없이 볼 수 있는 부분 위에는 사용자가 최신 제품 라인을 탐색하도록 안내하는 홈페이지의 주된 목표에서 벗어나는 요소들은 하나도 없습니다. 아래로 스크롤하게 되면 다른 제품을 구매할 CTA가 더 많이 표시됩니다.

    5. 쉽게 접근할 수 있는 장바구니

    장바구니는 현재 대부분의 e-커머스 웹사이트에서 결코 빠져서는 안 될 중요한 기능입니다.

    이러한 사이트에서 고객에게 직관적인 네비게이션을 제공하는 일은 바로 장바구니를 보다 쉽게 찾을 수 있도록 해주는 것입니다. 딱 달라붙는(sticky) 장바구니(종종 슬라이드 아웃(slide-out) 카트라고도 함)는 일반적으로 오른쪽 상단 모서리에 있는 전체 탐색 환경에서 화면에 표시되고 사용할 수 있는 장바구니입니다.

    더 좋게는 현재 고객 카트에 있는 제품의 수를 표시할 수도 있습니다. 장바구니에 의해 굵고, 눈길을 끄는 알림은 현재 장바구니에 추가된 제품의 수를 알려주고, 고객들에게 현재 구매 프로세스가 여전히 진행되고 있으며 마지막 결제 단계를 완료할 것을 유도합니다.

    결론: 상품이 장바구니에 추가되었을 때, 고객에게 분명하게 알려주고 엑세스 방법을 설명합니다.

    장바구니 기능
    장바구니 기능

    Chubbies 의 홈페이지는 사용자의 장바구니에서 빨간색으로 하이라이트된 상품의 수를 알려줄 뿐만 아니라 사용자가 쉽게 쇼핑을 계속 진행하거나 결제를 진행할 수 있는 슬라이드 아웃 장바구니 기능을 제공합니다.

    6. 검색 바(제품 컬렉션이 많은 경우)

    최소한의 네비게이션과 딱 달라붙는 네비게이션과 함께 많은 온라인 스토어에는 탐색하려는 제품을 정확히 알고 있는 방문자들을 위한 검색 바가 포함되어 있습니다. 특히 탐색할 제품이나 콘텐츠가 여러가지일 경우에 특히 더욱 그렇습니다.

    검색바
    검색바

    예를 들어 Morphe 는 다양한 메이크업 제품 컬렉션을 보유하고 있습니다. 고객이 찾고 있는 것을 쉽게 찾을 수 있도록 Morphe는 추천하는 제품, 컬렉션 및 페이지로 방문자의 검색어를 자동 완성하는 스마트 검색창을 추가하였습니다. 이렇게 하면 방문자들이 홈페이지에서 찾고 있는 페이지에 대한 직접적인 경로가 만들어 집니다.

    일반적으로 검색을 완료한 사용자는 전환 가능성이 더 높습니다. 특히 브랜드에 많은 제품을 판매하는 경우, 고객들이 떠나갈 수 있게 만드는 복잡한 탐색 대신 찾기 쉬운 검색창을 사용해야 합니다.

    Beyond the fold 콘텐츠: 고려해야 할 다른 홈페이지 요소

    스크롤해야 볼 수 있는 부분에 기능을 추가한 요소(예: 사용자가 스크롤한 후)는 상대적으로 매우 중요성은 떨어집니다. 이미 위에서 소개한 정보를 강화하고 확장하고, 동일한 전환 목표에 다른 경로를 제공하며 고객이 필요로 하는 다른 페이지를 만듭니다.

    다음은 목표에 얼마나 중요한지에 따라 홈페이지 디자인이나 바닥글에 일부로 포함할 수 있는 Beyond the fold 세션 내 리스트입니다.

    1. 블로그, 영상 및 기타 콘텐츠

    블로그 및 영상 콘텐츠는 SEO에 유용할 수 있지만 스크롤없이 볼 수 있는 부분에 위치하면 고객을 혼란에 빠뜨릴 수 있으며 전환에서 멀어지게 만들 수 있습니다. 일반적으로 마케터는 콘텐츠를 통해 고객들을 제품으로 끌어오고 싶어하지, 그 반대는 아닐겁니다.

    특히 콘텐츠가 비즈니스의 핵심 요소가 아닌 경우에는 스크롤을 해야 볼 수 있는 부분이나 바닥글에 콘텐츠에 대한 링크를 배치하고 사이트를 탐색하려고 하는 사용자가 그것을 찾아 사이트를 탐색하도록 하세요.

    콘텐츠를 홍보하려는 경우, 상단 탐색 창에 링크를 추가할 수 있지만 소셜미디어, 이메일, 그리고 서드파티 사이트에서 이 작업을 수행하여 자신의 웹사이트로 외부 트래픽을 유도하는 것이 가장 좋습니다.

    블로그 및 영상 콘텐츠 배치
    블로그 및 영상 콘텐츠 배치

    예를 들어, BioLite Energy 는 지속가능하고 휴대가능한 요리 및 조명 기구를 판매합니다. 그들의 유익한 홈페이지 영상 콘텐츠는 사용자들이 핵심 가치 제안을 혼란스러워 하지 않도록 스크롤해야 볼 수 있는 부분과 바닥글 위에 위치합니다. 블로그에서 유튜브 채널까지 다른 모든 기능은 방문자가 찾고 있는 경우 아래에서 제공됩니다.

    2. 고객  리뷰 및 언론 기사

    사회적 증거(Social proof)는 기존 고객/전문가에 대한 신뢰성을 바탕으로 새로운 방문자로부터 신뢰를 얻는 방법입니다. 여기에는 언론 기사, 고객 리뷰, 소셜미디어 게시물, 인스타그램 갤러리 혹은 인플루언서나 전문가의 추천도 포함될 수 있습니다.

    여러분이 활용할 수 있는 설득력있는 사회적 증거가 있다면 홈페이지는 이를 활용하기 좋은 장소입니다.

    아래의 ErgoDox 홈페이지는 소셜미디어에서 인용한 문구와 잘 알려진 회사의 직원들로부터 받은 추천들로 제품의 품질에 대한 사회적 증거로 내놓았습니다. 그러나 이것들은 홈페이지 상단에서 그들의 제품이 무엇인지 소개한 이후에야 바닥글 위에서 소개되었습니다.

    사회적 증거
    사회적 증거

    3. 낮은 우선 순위 및 추가 기능 제품

    시계 끈과 같이 주력 제품이 아닌 오래된 제품 혹은 애드온 제품은 홈페이지 하단으로 옮길 필요가 있습니다. 우선은 주력 제품이나 최신 제품으로 이끌고 여기에 관심을 이끄는 것이 더욱 중요하기 때문이죠.

    주요 제품을 보완하는 덜 비싼 제품은 결제 단계에서 업셀링을 유도하는 충동 구매로 잘 작동할 수 있지만 방문자들이 교체 혹은 리필 부품을 구매하기 위해 홈페이지를 방문하였을 경우 그들이 잘 알 수 있도록 홈페이지에서 스크롤해야 볼 수 있는 부분에  위치할 수 잇습니다.

    예를 들어 LIV Watches 는 자연스럽게 시계에 초점을 맞추지만 시계 스트랩 같은 추가적인 애드온 제품을 홈페이지 하단에서 광고하고 있습니다.

    애드온 제품 배치
    애드온 제품 배치

    4. 우선 순위가 낮은 페이지

    낮은 우선 순위로 간주되는 페이지는 물론 비즈니스에 따라 다를 수 있습니다.

    일반적으로 서비스 약관, 개인 정보 취급 방침, 또는 환불 정책 등과 같은 페이지들은 바닥글에서 가장 잘 작동됩니다. 이러한 페이지에 대한 링크가 바닥글에 너무 자주 저장되므로 많은 방문자들이 페이지를 방문해야 하는 경우 직관적으로 보여줘야 합니다.

    기업 소개 페이지, 연락처 정보, 상점 위치 또는 주문 추적 페이지 등도 바닥글에 추가할 수 있습니다. 그러나 잠재 고객이 진정으로 도움을 주거나 다른 주요 목표를 달성하도록 돕는 경우 상위 탐색 또는 홈페이지 디자인에서 우선 순위를 고려할 수 있습니다.

    예를 들어, 가입 서비스를 판매하는 기업은 홈페이지 네비게이션에  FAQ 링크를 눈에 띄게 배치하여 고객 문의 요청을 크게 줄일 수 있습니다. 또한 자주 구매해야 하는 제품 카테고리라면, Bellroy  처럼 방문자가 오프라인 매장 찾기 링크를 통해 가장 가까운 매장을 쉽게 찾을 수있도록 도와줄 수 있을 것입니다.

    우선 순위가 낮은 페이지
    우선 순위가 낮은 페이지

    페이지의 우선 순위가 낮은지 여부를 판단할 때 방문자를 해당 페이지로 바로 연결하면 얼마나 많은 이익을 내는지, 그리고 의도한 결과로 방문자를 분산시키거나 의도한 결과를 이끌어내는데 도움이 되는지 스스로에게 질문 해보시기 바랍니다.

    모바일 홈페이지 디자인 고려

    모바일 웹사이트 트래픽은 지난 몇 년동안 꾸준하게 증가해왔습니다. 트래픽의 상당 부분이 모바일 소스에서 비롯될 수 있으므로 홈페이지 디자인에 대한 모든 결정은 모바일 사용자를 고려해야 합니다.

    모바일 사용자는 홈페이지를 단순화하여 특정 일련의 작업으로 사용자를 안내할 수 있습니다.

    모바일 홈페이지 구축
    모바일 홈페이지 구축

    시간의 흐름에 따른 홈페이지 디자인 개선

    위에서 언급한바와 같이 모든 홈페이지를 최적화하는 완벽한 방법이란 없습니다. 사용자 인구 통계, 브랜딩, 제품 수, 마케팅 채널 등의 요소는 여러가지 방식으로 사용자의 행동에 영향을 미칠 수 있습니다.

    따라서 홈페이지 디자인 최적화는 항상 진행 중인 작업으로 여기고 트래픽 및 매출을 측정하여 홈페이지의 성과를 확인하고 지속적으로 디자인 최적화 작업을 하는 것이 가장 좋습니다.

     

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

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

  • 효과적인 랜딩 페이지 구축을 위한 가이드

    효과적인 랜딩 페이지 구축을 위한 가이드

    효과적인 랜딩 페이지 구축을 위한 가이드

    (참고자료: The Ultimate Guide to Creating Effective Landing Pages)

    대부분의 마케터라면 E-커머스 사이트를 설계하거나 소셜미디어, 검색, 웹배너 등을 통한 디지털 캠페인을 기획 시에 아마도 랜딩 페이지(Landing Page) 설계에 많은 고민과 시간을 들인 경험이 있으실텐데요, 오늘은 효과적인 랜딩 페이지 구축하는 데 있어 여러분에게 도움이 될 만한 몇 가지 팁들에 대해 나누고자 합니다.

    그렇다면 랜딩 페이지란 과연 무얼 말하는 걸까요? 여러분들이 지금 머무르고 있는 지금 이 페이지, 기술적으로 랜딩 페이지란 방문자들이 자사의 웹사이트에 도착하게 되거나 머무르는 모든 웹페이지를 말합니다. 그 동안 랜딩 페이지를 마케팅이나 광고처럼 특정한 목표를 위해 특별히 제작된 것이라 생각해왔다면 이제부터는 모두 머리 속에서 지워버리십시오. 링크를 클릭하고 해당 웹페이지에 접속하고 나면 해당 페이지에서 얻게 되는 것, 그것이 이것이 랜딩 페이지 설계의 핵심입니다.

    랜딩 페이지를 설계할 시 핵심은 클릭할 만한 가치를 제공하여 랜딩 페이지를 방문하게 만드는 것, 그리고 콘텐츠 마지막 부분에서 그 시간이 과연 가치있었는지 확인하는 것입니다. 바로 콜투액션(Call To Action, CTA)을 활용해서 말이지요.  이 포스트의 궁극적인 목표는 각각의 랜딩 페이지들을 콘텐츠 마케팅이나 이메일 마케팅 캠페인을 위한 연결고리로 좁혀, 전환(Conversion)을 생성하는 것입니다. 다만 이러한 전환이 꼭 실질적인 판매를 의미하는 것만은 아니라는 것을 명심하시기 바랍니다.

    1. 랜딩 페이지(Landing page)란 무엇일까?

    랜딩 페이지를 마케팅에 초점을 맞춰 좁은 의미로 정의를 내리자면, 특정한 목적을 위해 웹사이트 상에서 별도로 만들어진 웹페이지를 말합니다. 이 경우엔 사이트 내 네비게이션바에선 볼 수 없습니다. 만약 좋은 랜딩 페이지라면 수많은 클릭 아웃(Click Out) 옵션을 제공하진 않을 것 입니다.

    마케터들은 더 많은 방문자들을 받기 위해 아래와 같은 이유로 랜딩 페이지를 만들 수 있습니다.

    • 제품 구입 유도
    • 회원 가입 유도
    • 특정 장소로의 방문을 유도(오프라인)
    • 기부 활동
    • 이외의 다른 활동(마케터가 원하는 모든 종류의 작업)

    2. 랜딩 페이지가 왜 필요할까?

    마케터들은 그 동안 웹사이트를 구축하고 소셜미디어의 영향력을 키우기 위해 수많은 시간을 보내왔습니다. 그렇다면 왜 이러한 특별한 웹페이지들이 필요할까요? 그것은 각각의 목적에 맞는 특화된 콘텐츠를 담고 있는 페이지이기 때문입니다.

    아마도 대부분의 웹사이트들이 큰 변화없이 정적으로 유지되고 있을 것입니다. 아마도 정기적으로 사이트의 한 부분에 변화를 주는 정도이겠지요. 추석 같은 특별한 휴일에 맞춘 이벤트나 쿠폰에 대한 별도의 블로그 포스팅이 올라갈 순 있지만 E-커머스와 같은 큰 사이트에서 적절한 방법은 아닙니다.

    바로 이것이 랜딩 페이지가 필요한 가장 큰 이유입니다. 전환을 끌어오기 위해 랜딩 페이지는 반드시 갖춰져야 합니다. 소셜미디어 서비스를 제공하는 버퍼(bufferapp)사는 자사의 홈페이지 디자인을 바꾸면서 랜딩 페이지에서의 전환율이 16%나 증가한 것을 확인할 수 있었습니다.

    물론 이 16%가 모두에게 해당되는 수치는 아닐 것 입니다. 그렇지만, 불과 한 웹페이지의 간단한 변화만으로 증가를 가져올 수 있다는 것은 무척 놀라운 일이 아닐 수 없습니다.  웹페이지 리디자인(Redesign)을 통해 증대시키고 싶은 것은 무엇인가요? 그것이 랜딩 페이지인가요?

    3. 두 가지 유형의 랜딩 페이지

    랜딩 페이지는 다양한 목적을 가질 수 있는데요, 넓은 의미로 보자면 아래 2가지 유형으로 나눌 수 있습니다. 바로 클릭 유도 랜딩 페이지(Click-Through Landing Pages)와 리드 제네레이션 랜딩 페이지(Lead Generation Landing Pages)입니다.

    1. 클릭 유도 랜딩 페이지(Click-Through Landing Pages)

    판매 유도를 위한 랜딩 페이지를 만들 수도 있지만, 실제 구매는 랜딩 페이지에서 일어나지는 않습니다. 랜딩 페이지 내 클릭을 통해 제품 페이지로 넘어가게 되고 이곳에서 실질적인 결제 프로세스가 진행될 것입니다.

    왜 이렇게 해야 할까요? 첫째, E-커머스 내에서 여러분들이 판매하고 있는 모든 제품에 대해 각각의 랜딩 페이지를 가지고 있다고 상상해보시기 바랍니다. 그리고 최고의 E-커머스 사례로 손꼽히는 아마존의 경우에는 어떻게 하고 있는지 살펴보세요. 너무 터무니없이 비현실적으로 다가오지는 않나요?

    게다가 클릭 유도 랜딩 페이지는 밸런타인데이, 화이트데이 같은 특정 이벤트나 날짜에 맞춰 진행할 때 더욱 효과적인 랜딩 페이지입니다. 그 이유는 이러한 랜딩 페이지들은 종종 이메일 마케팅 캠페인의 일부로서 활용되기 때문이지요.

    아마도 여러분들은 구매 유도를 위한 이메일을 보낼 시, 모든 이메일 리스트에 단일 제품으로만 구성하여 보내진 않을 것입니다.(만약 지금 이와 같이 진행하고 있다면 급격히 증가하고 있는 이메일 수신거부율을 확인해보시기 바랍니다) 이메일 리스트에 있는 고객들의 받은 편지함에서 정말로 매력적이고 특별한 구매 이유를 보여준다면 해당 이메일을 지우지 않고 오픈할 확률이 높습니다.

    다음 단계는 랜딩 페이지가 이러한 이메일을 지원할 수 있도록, 구독자들에게 멋진 제품을 얻기 위해 클릭을 유도하는 것입니다. 이로써 여러분은 전환의 성과를 거두게 될 것입니다.

    2.  리드 제네레이션 랜딩 페이지(Lead Generation Landing Pages)

    여러분은 이메일 마케팅 캠페인에 사용될 이메일 리스트를 처음에 어떻게 구축하셨나요?  바로 리드 제네레이션, 짧게는 리드젠이라고 불리는 캠페인에 대한 내용입니다.

    리드 제네레이션 랜딩 페이지는 방문자의 데이터를 수집하는 것이 가능합니다. 특히 이름과 이메일 주소는 추후에 이메일 마케팅이나 디지털 광고 등 해당 고객들과 다시 접촉할 수 있는 방법이기 때문에 종종 마케터들의 가장 큰 캠페인 목적이 되기도 합니다.

    하지만 대부분의 사람들은 그 정보를 그냥 주지는 않는데요, 클릭할 가치가 있는 랜딩 페이지를 만들고 그들과 직접적으로 연락하기 위해 그들에게 충분한 보상이 제공되어야 합니다.

    개인 정보 획득에 대한 보상으로는 아래와 같은 예시들이 있습니다.

    • 뉴스레터 구독
    • 서비스의 무료 평가판
    • 전자책
    • 웹세미나
    • 콘테스트 및 경품 이벤트 등록 및 참가
    • 혹은 그 이상

    마케터들은 무엇을 제공할지 결정하기 이전에 자신의 고객들에겐 무엇이 적합할지 고민해보아야 합니다. 예를 들어 전자책을 제공하는 이메일의 경우엔 웨비나의 기회를 주는 이메일 보다 거의 2배에 이르는 클릭율(click-through rate, CTR)을 보여줄 수 있습니다.

    이메일 마케팅에서 보상 요소에 따른 CTR 차이
    이메일 마케팅에서 보상 요소에 따른 CTR 차이

    위와 같은 현상을 비추어 보았을때 오디언스들의 대부분은 텍스트 기반 콘텐츠를 좋아한다고 이해할 수 있을까요? 여러분의 생각은 어떠신가요?

    웨비나에 참석하기 위해서는 그 시간 동안 웨비나에 접속해 있는 상태여야 합니다. 웨비나가 어디서 진행이 되든 간에, 로그인을 하거나 웨비나를 위한 소프트웨어를 설치해야 하지요. 웨비나를 듣는 30~60분은 여러분에게 무척 좋은 시간이 될 것이라는 점에 대해서는 의심의 여지가 없지만 얼마나 많은 사람들이 웨비나를 듣기 위해 로그인을 하고 프로그램을 설치할까요? 또한 간혹 기술적인 문제가 발생하여도 굳이 많은 시간을 들여 그 문제를 해결하려 노력할까요?

    전자책의 경우에는 아무때나 자신이 원할 때 다운로드 받아서 읽어볼 수 있습니다. 또한 일부러 시간을 내어 한번에 읽을 필요도 없구요. 이처럼 CTR이라는 것은 단순히 텍스트 기반이냐 혹은 이미지/영상 기반의 콘텐츠냐에 따라 좌우되는 것이 아니라는 것을 알 수 있습니다. 바로 편리함이 그 핵심입니다.

    여러분이 어떤 것을 보상으로 제공할지 결정하기 전에 과연 그것이 오디언스들에게 편리한가를 생각해보십시오. 그것이 사이트 방문자들에게는 더욱 매력적으로 다가갈 것입니다.

    4. 랜딩 페이지는 어떻게 보여져야 할까?

    과연 랜딩 페이지에는 텍스트가 얼마만큼 들어가야 할까요? 텍스트가 많이 들어간 랜딩 페이지란 구체적으로 어느 정도일까요?

    그것은 랜딩 페이지가 어떠한 내용을 담고 있는지, 그리고 그것이 단 두세 문장으로 충분히 설명이 가능한지 혹은 몇 단락의 문단이 필요한지에 따라 달리 적용됩니다. 또한 사이트 방문자들에게 어떠한 액션(댓글, 클릭, 이름 및 이메일 주소 수집 등)을 끌어오고 싶은지도 고려가 되는 요소입니다.

    이미 이전에 들어본 적이 있을 수 있겠지만, 이 부분에 있어서 단 하나의 완벽한 솔루션이란 없습니다. 다만 아래와 같은 몇 가지의 팁을 따를 순 있습니다.

    • 랜딩 페이지의 목적과 목표가 적절하게 전달 될 수 있는 텍스트의 양을 사용하세요.
    • 방문자들이 CTA에 도달하기 전에 이탈하는 것을 막기 위해 절대적으로 필요한 것 이외에는 많이 말하지 마세요.
    • 강력하고 연상 가능한 단어나 구문을 사용하세요.
    • 방문자들이 페이지 끝에 도달하기 위해 너무 많이 스크롤을 내리거나 시간을 쓰게 하지마세요.
    • 일관된 텍스트 사이즈나 간격을 유지하세요. 그리고 동일한 폰트를 사용하세요.
    • 명확하고 간결하게 작성해야 합니다.
    • 요점을 이야기하라.

    아래 이상적인 랜딩 페이지라 볼 수 있는 Hupspot의 한 사례를 참조하시기 바랍니다.

    효과적인 랜딩 페이지의 구조
    효과적인 랜딩 페이지의 구조

    5. 편집, 편집, 다시 또 편집

    어떤 것이든 여러분들이 쓰는 포스트의 초본은 정확히 써져야 합니다. 하지만 이는 초본일 뿐입니다. 한 번 작성하고 나면 대개의 경우에는 문법 상의 오류나 오탈자 등의 기본적인 사항들을 다시 확인하려 하지 않습니다만, 작성한 텍스트가 본래의 컨텍스트를 잘 전달하고 있는지, 다시 한번 확인해보아야 합니다.

    포스트 작성 후, 수 차례 읽어보아도 더 이상 수정할 것이 없을 정도가 되어야 합니다. 여러분이 아무리 많이 읽어도 어떤 사람에게는 이 글이 처음일테니까요. 그 사람들에게 어떻게 하면 매력적인 랜딩 페이지로 다가갈 수 있을지 고민해보세요. 그것이 비주얼적인 요소이든, 기능적인 요소이든 말이지요.

    6. 랜딩 페이지의 구성 요소

    지금까지 우리는 랜딩 페이지에서 컬러풀한 이미지와 너무 짧지도 길지도 않은 텍스트가 필요하다는 것을 보아왔습니다. 그렇다면 이외에도 랜딩 페이지에 필요한 요소들엔 무엇이 있을까요?

    • 눈길을 끄는 제목: 만약 이메일 마케팅에 연결된 랜딩 페이지라면, 페이지 제목이 이메일 제목과 일치해야 방문자들의 혼란을 없애고 이탈을 막을 수 있습니다.
    • 적어도 하나 이상의 좋은 이미지: 페이지의 테마를 상기시키게 하거나 그냥 단순히 제품이나 서비스를 보여주는 컬러플한 이미지가 필요합니다.
    • 명확한 콜투액션(CTA): 기부를 요청한다거나, 뉴스레터나 웨비나 등록을 장려하는 등, 방문자들에게는 어떤 액션을 요구할 때는 모호하지 않고 명확히 전달해야 합니다. 특히 전환을 위한 강력한 단어 하나 정도는 반드시 포함되어야 합니다.
    • 명확함과 초점: 이것은 단순히 CTA에만 적용되는 것이 아니라 모든 텍스트에 해당되는 내용입니다. 방문자들에게 이 페이지의 목적이 무엇인지 그들에게 어떤 액션을 원하는지 명확하게 알려주세요. 다만 그들이 너무 많은 옵션에서 방법을 찾아야 하거나 선택을 하도록 하지 마세요.
    • 모바일 대응: 만약 여러분의 웹사이트가 반응형웹인 경우에는 데스크톱이든 모바일이든 어느 디바이스에서도 잘 보여질 것입니다. 참고로 자신의 모바일 기기에서 인터넷을 사용하는 사람이 2014년 22억 3천여만명에서, 2017년에는 29억 7천만명 수준으로 증가할 것으로 예상되고 있습니다.
    모바일에서의 인터넷 유저 추이
    모바일에서의 인터넷 유저 추이

    아래에서 3가지 랜딩 페이지 사례들을 살펴볼까요? 이들이 어떻게 작동되는지 살펴보고 우리의 랜딩 페이지를 잠재적으로 개선시킬 수 있는 방안들을 살펴보시기 바랍니다.

    P&G: 적시적인(Timely) 이메일 마케팅, 그리고 방문자들을 압도하는 랜딩 페이지

    아래는  P&G가 자사의 전체 이메일 리스트에 보낸 이메일 내용입니다.

    P&G의 이메일 마케팅
    P&G의 이메일 마케팅

    위 P&G의 이메일 마케팅이 좋은 사례로 말할 수 있는 이유는 바로 아래와 같습니다.

    • 시의적절함(Timely): 이메일 마케팅의 시점이 매우 시의적절하게 진행됩니다. 6월 10일에 발송된 이 이메일의 콘텐츠는 여름철에 즐기는 그릴링(Grilling,석쇠 바로 아래에 위치한 열원으로부터 에너지를 받아 조리 방식)에 초점을 맞추고 있습니다.
    • 간단함(Brief): 텍스트나 이미지가 너무 많지도 않습니다. 이는 방문자로 하여금 무슨 내용인지, 무엇을 선택하여 클릭을 해야 하는지 재빨리 확인할 수 있게 하는 적당한 양의 콘텐츠입니다.
    • 컬러풀(Colorful)함: 우리의 눈은 다채로운 색상의 이미지에 끌리는 경향이 있습니다. 이 이메일은 각양각색의 색깔을 사용하고 있습니다. 다만 야하거나 불쾌한 색상은 피해야 합니다.
    • 브랜딩: 이 이메일을 보면 굳이 로고나 텍스트를 보지 않더라도 발송자가 P&G라는 것을 의심의 여지없이 쉽게 알아볼 수 있습니다.

    이러한 이유로 P&G는 지금까지 잘 수행하고 있습니다. 그렇다면 그릴링 기능에 관한 랜딩 페이지를 한번 살펴볼까요?

    P&G 이메일 마케팅의 랜딩 페이지
    P&G 이메일 마케팅의 랜딩 페이지

    도대체 무슨 일이 있었던 것일까요? 상당히 영리하게 디자인된 이메일에서 랜딩 페이지로 가면서 보게 되는 충돌되는 색상, 리뷰, 쿠폰, 소셜아이콘, 조리법, 그리고 P&G에 관련된 모든 브랜드와 로고들이 디스플레이된 것을 볼 수 있습니다. 이 랜딩 페이지에선 하단에 도달하기까지 4번 이상을 스크롤해야 했습니다.

    이 랜딩 페이지에선 이미 이메일에서 약속했었던 그릴링에 대한 정보도 있었습니다. 이를 나타내는 단 하나의 이미지 이외에는 모든 것이 텍스트로만 이루어져 있었습니다. 그것도 단순히 블랙과 회색으로 이루어진 색깔으로만 말이지요. 또한 랜딩 페이지는 여백없이 완전히 꽉꽉 텍스트로 차있었습니다.

    원래 이 페이지에서 무엇을 하기로 되어있었나요? 클릭했던 링크가 어떤 내용이였나요? 이것은 소비자 뿐만이 아니라 P&G에게도 무척 중요합니다. P&G가 소비자로부터 얻고 싶었던 것은 무엇일까요? 물론 방문자들에게 옵션을 주는 것은 좋을 수 있습니다. 하지만 너무 많은 옵션을 주는 것은 바람직하지 않습니다.

    명심하세요. 여러분의 랜딩 페이지는 단 하나의 목적을 위해서만 존재합니다. 두 개는 너무 많습니다. 꽉찬 콘텐츠와 수많은 옵션으로 방문자들을 압도하는 것은 그들을 잃을 수도 있습니다.

    캘리포니아 피자 치킨(California Pizza Kitchen): 회전목마(carousel, 슬라이드 형태의 이미지 뷰어)는 혼란을 불러 일으킬 수 있습니다.

    또 다른 예시는 캘리포니아 피자 키친(California Pizza Kitchen, CPK)의 이메일 마케팅 사례입니다.

    캘리포니아 피자 키친의 이메일 마케팅 사례
    캘리포니아 피자 키친의 이메일 마케팅 사례

    이 이메일 마케팅의 대부분은 주로 새로운 메뉴에 대한 홍보하기 때문에 오감을 자극하기 위해 이미지를 많이 활용합니다. 이들이 방문자들에게 원하는 것은 단지 맛있어 보이는 음식 사진을 보는 것 뿐만이 아니라 음식의 맛이 어떨지 상상해보라는 것입니다. 그럼으로써 클릭율이 높아질 가능성이 커지죠.

    그렇다면 이 이메일은 클릭 후 방문자들을 어떠한 랜딩 페이지로 데려갈까요? 바로 CPK 홈페이지였습니다.

    캘리포니아 피자 키친 홈페이지
    캘리포니아 피자 키친 홈페이지

    이들은 프로모션을 위한 별도의 랜딩 페이지를 구축하는 것이 아니라, 랜딩 페이지로서 홈페이지를 사용하는 것을 선택했습니다. 일반적으론 이것은 아무런 문제가 없습니다. 자, 그렇다면 이제 여기서 무슨 일이 벌어지고 있는지 살펴보도록 하겠습니다.

    이 홈페이지는 이미지들을 표시하는 데에 있어서 슬라이드 방식을 사용하고 있습니다. 가령 이메일 프로모션에서 피자를 선택하게 되면, 피자가 아닌 여름용 음료와 관련된 프로모션을 보게 됩니다. 피자를 보기 위해서는 3번째 슬라이드까지 넘어가길 기다려야 합니다. 이 얼마나 엉뚱맞은 랜딩 페이지인가요?

    사실 더 좋은 방법은 이메일 마케팅에 맞춰 첫 번째 슬라이드 이미지를 맞추는 것일텐데요, 방문자들이 클릭을 한다는 것은 그들이 사이트에 방문했을 때 약속되어진 콘텐츠를 보게 될 것이라는 기대감에서 이루어진 행동입니다. 만약 방문자들이 이미 기존에 클릭을 통해 이러한 잘못된 경험을 겪었다면 그 이후로는 이메일 마케팅에서 어떠한 성과도 기대하기 힘들 것입니다. 아마도 여러분은 방문자들에게 그들이 원하는 콘텐츠를 보기 위해 슬라이드 형식으로 넘어가는 이미지를 기다리거나 혹은 몇 번 더 클릭할 수 있게 요청해야 할 것입니다.

    다시 말해, 랜딩 페이지에서 캐러셀 기능을 사용한다는 것은 결코 좋은 아이디어가 아니라는 것입니다. 이 이미지 슬라이드는 전환율에 엄청난 악영향을 가져다 줄 것입니다.

    노트르담(Notre Dame) 대학교에서 웹 커뮤니케이션 총괄자이자 개발자를 맡고 있는 Erik Runyon씨는 nd.edu 홈페이지에 이미지 슬라이드 기능을 적용하여 3개월 동안 테스트를 진행해보았습니다. 그 연구 결과는 랜딩 페이지 구축을 고민하고 있는 사람들에게 캐러셀 기능은 앞으로 상상조차 할 수 없게 만들기 충분했죠.

    그에 따르면 방문자의 약 1%만이 이 이미지 슬라이드를 클릭했습니다. 테스트가 진행된 3개월 동안 총 28,928번의 클릭이 있었는데요, 해당 기능은 315,665번이나 수동적으로 슬라이드가 넘어갔습니다. 이러한 클릭의 84%는 Position 1(슬라이드의 첫 번째 이미지)에서 이루어졌고, 나머지는 4% 내외의 CTR로 균등하게 나눠져 있었습니다.

    자동 슬라이드 방식의 랜딩 페이지의 CTR
    자동 슬라이드 방식의 랜딩 페이지의 CTR

    잠시 이 악마의 방식을 옹호하는 발언을 해보자면, 대부분의 사람들은 첫 번째 슬라이드에 오는 이미지를 클릭하게 됩니다. 그러기 때문에 이메일 내용과 다른 첫 번째 슬라이드를 클릭하게 되는 것은 한 번에 두 가지 프로모션을 홍보하게 되는 효과를 얻을 수 있습니다. 단지 이뿐입니다.

    하지만 이것은 정말 적절치 않습니다. 클릭은 방문자가 해당 내용에 관심이 있었기 때문에 클릭을 하게 된 것이고, 그 내용에 대해 더 자세한 것을 보길 원했을 것입니다. 바로 여기저기 경로를 넘어갈 필요없이 방문자가 해당 랜딩 페이지에 도착하자마자 말이지요.

    독자들과 고객들에게 그들이 원하는 것을 전달하십시오. 그들을 유인상술(bait and switch)로 끌어들이지 말고 그들이 놀랄 무언가를 제공하세요. 그러면 그들은 어떠한 방법으로든 링크를 클릭하고 랜딩 페이지로 넘어갈 것입니다.

    Hotels.com(호텔스 닷컴): 랜딩 페이지의 설계와 집중

    한 회사가 그들의 고객들이 원하는 것을 어떻게 제공하는지 알고 싶으신가요? 우선 아래 호텔스 닷컴의 이메일 마케팅 사례를 참조하시기 바랍니다.

    호텔스 닷컴의 이메일 마케팅
    호텔스 닷컴의 이메일 마케팅

    매우 간단한 이메일이지 않으신가요? 이 메일은 어떠한 랜딩 페이지로 이끄는지 함께 살펴봅시다.

    호텔스 닷컴 랜딩 페이지
    호텔스 닷컴 랜딩 페이지

    음, 이 랜딩 페이지도 비교적 많은 내용을 담고 있지만 적어도 이메일에서 보았던 호텔 상품과 관련된 주제들입니다. 위에서 여러분은 원하는 목적지를 검색할 수 있는 양식을 쉽게 찾아볼 수 있을 것입니다. 또한 스크롤을 내려 페이지 하단으로 내려가도 동일한 양식을 볼 수 있을 것입니다. 위에서 언급한 2 사례에 비교해 매우 훌륭하지요!

    스크롤을 내리면서 페이지 상에 표시된 호텔 상품을 볼 수도 있지만, 만약 원하는 상품이 없다면 여러분은 다시 페이지 상단으로 돌아가 검색할 필요없이 페이지 하단에서도 동일한 양식에서 원하는 상품을 검색할 수 있습니다.

    또한 호텔스 닷컴은 그들이 홍보하는 호텔의 아름다운 사진을 잘 활용할 줄도 알고 있습니다. 이렇게 아름다운 해먹 사진을 통해 자신이 해먹에 누워있는 모습을 미리 상상하는 것은 그리 어렵지 않을테니 말이지요.

    이같은 겨우 몇몇의 디테일한 요소들이 페이지의 효율성에 큰 영향을 끼칠 수 있습니다. 전화 예약이 좋다면 페이지 상단에 있는 전화번호를 이용하면 되고 페이지 상단 중앙에 있는 아이콘을 통해 그때그때 직접 환율을 계산할 필요없이 국가별 통화로 상품 비용을 확인할 수 있습니다. 화면 내 오른쪽 하단에 있는 보상 프로그램(rewards program)에서는 무료 예약을 위한 인센티브를 얻을 수 있습니다. 그리고 기억하기 쉬운 “Summer of Savings.”라는 문구로 모두의 시선을 사로잡지요.

    이러한 모든 것들이 페이지가 꽉 차도록 많은 공간을 쓰지도 않으며, 호텔 상품이라는 페이지의 주요 목적에도 전혀 어긋남이 없는 콘텐츠들입니다.

    이것이 바로 랜딩 페이지입니다.

    이제 여러분의 차례입니다: 랜딩 페이지는 마케터들을 위해 어떻게 작동될까요?

    과연 랜딩 페이지의 활용이 우리에게 어떠한 이점을 안겨다 줄 수 있을까요? 우리가 알고 있는 유일한 방법은 바로 실험해보는 것입니다. 우선 최소 하나 이상의 랜딩 페이지를 제작해보세요. 그리고 각각 시도해보면서 테스트해보세요. 레포트를 작성할 툴들을 사용해보면서 이를 모두 문서화해보시기 바랍니다. 사람들이 원하는 것이 무엇인지 찾고, 그들로 하여금 클릭을 하게 만들어 보세요.

    다만 이 모든 것들이 실패하고 효과적인 랜딩 페이지 구축 방법에 대해 확신이 서지 않는다면, 여전히 방문자들이 웨비나를 원하는지 혹은  전자책을 원하는지 알 수 없다면, 슬라이드 이미지와 영상 사이에서 어떤 것을 이용할지, 그리고 방문자들이 무엇을 원하는지 여전히 잘 알지 못한다면 여러분들이 활용할 수 있는 조사 방법 중 가장 효과적인 방법을 사용해보시기 바랍니다. 바로 그들(방문자)에게 물어보세요!

     

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

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

  • 세그멘테이션된 이메일 구독자별 랜딩 페이지 구축하기

    세그멘테이션된 이메일 구독자별 랜딩 페이지 구축하기

    세그멘테이션된 이메일 구독자별 랜딩 페이지 구축하기

    (Send Your Email Subscribers to Different Landing Pages [Infographic])

    이메일 리스트의 세그멘테이션
    이메일 리스트의 세그멘테이션

    구축한 고객 이메일 리스트를 다양한 카테고리로 세그멘테이션하는 것 또한 중요한 이메일 마케팅 기법 중 하나입니다.

    이전에 이미 제품을 구입했던 이메일리스트를 분류하던지, 각각 다른 서비스 혹은 제품에 관심을 보인 이메일 구독자들을 분류한다던지, 인구통계학적 데이터에 근거하여 분류하던지, 혹은 뉴스레터를 오픈했다거나 웹사이트에 방문했다든지 등의 특정한 액션을 기반으로 이메일 리스트들을 분류할 수 있습니다.

    이러한 세그멘테이션(Segmentation)은 타깃으로 하고 있는 각각의 카테고리로 분류되어 있는 이메일 구독자들에게 각기 다른 메시지와 함께 다른 판매 깔때기(Sales Funnel) 단계를 제공함으로써, 높은 전환율을 달성하게 도와줍니다.

    그러나 이메일 마케팅은 원하는 링크에 클릭을 받는 동시에 그 목적을 제공하게 되는데 바로 랜딩 페이지가 그것입니다.

    물론 리스트를 세그멘테이션하고, 이러한 세그멘테이션된 리스트에 대한 각각의 마케팅 조각을 만드는 작업이 무척 어렵습니다. 아래 GetResponse에서 제공하는 다양한 랜딩 페이지를 활용한 이메일 마케팅에 대한 방법을 확인해보십시오.

    이 작업 중 어느 하나도 수행한 적이 없다면, 조금 지루하게 들릴 수 있습니다. 리스트를 관리하고, 관련성을 향상시키기 위해 그룹별로 세그멘테이션하고, 각 그룹 별 특정한 메시지를 만들고, 각각의 메시지를 보내는 적절한 시간대를 이해하고, 이후 다양한 버전의 랜딩 페이지를 제작 및 테스트하는 것은 매일매일 점점 차이를 만들어내가고, 결국은 세일즈로 이어갈 것입니다.

    [인포그래픽] 전환율 최적화를 위한 이메일 마케팅의 랜딩페이지 제작 방법

    이메일 마케팅은 종종 독자들에게 “전환(Convert)”을 직접적으로 권유하기도 합니다. 뉴스레터 수신을 위한 회원가입이나, 세부 개인 정보를 요구한다던지, 상담 센터 등에 전화를 하게 하고, 혹은 구매를 유도하기도 합니다. 이메일 마케팅의 ROI를 최대화하는데 있어서 핵심은 각각 다른 그룹별로 세그멘테이션된 이메일 리스트에 각기 다른 메시지가 담긴 랜딩페이지를 만드는 것입니다.

    왜 랜딩페이지를 세분화하여 제작해야 할까?

    타깃된 메시지가 담긴 다양한 랜딩페이지를 만드는 것은 하나의 랜딩페이지를 만드는 것과 비교하면 6가지의 장점이 있습니다.

    1. 보다 쉬운 리드 발굴(Easily Generate Lead)
      • 랜딩페이지 방문자를 트래킹(Tracking)하여 세일즈 활동을 위한 간단한 타깃 리스트를 산출할 수 있습니다.
    2. 메인 페이지에서 바로 타깃팅된 메시지&링크 전달(Give Offers a Home)
      • 마케터는 하나의 메인 홈페이지에서 가지고 있는 모든 콘텐츠 및 링크를 제공할 수는 없습니다. 타깃된 랜딩페이지는 메인 페이지에서 바로 구독자에게 적합한 메시지 및 링크를 바로 전달&클릭을 요청할 수 있습니다.
    3. 가망성 높은 리스트들의 인구통계 데이터 수집(Collect Prospect Demographic)
      • 방문자들이 잘 설계되어진 설문 문항에 답하게 된다면 이름과 이메일 주소 이상의 타깃 데이터를 확보할 수 있습니다.
    4. 예상 참여도를 통한 인사이트 획득(Gain Insight into Prospect Engagement)
      • 누가 회사 혹은 자사의 서비스/상품에 관심이 있는지, 혹은 누가 그렇지 않은지 확인할 수 있습니다.
    5. 다른 마케팅 채널과의 시너지 효과(Fuel Other Marketing Channel)
      • 단순 뉴스레터가 아닌 다양한 마케팅 채널과 연계 혹은 활성화를 위해 랜딩페이지를 사용할 수 있습니다.
    6. 어떠한 요소가 효과적인지 확인 가능(Learn Which Offers Are Effective)
      • 가격 등 다른 세부 요소들을 다양한 옵션으로 시도하면서 무엇이 시장을 들끓게 하고, 무엇이 가라앉게 하는지 확인할 수 있습니다.

    그렇다면 세그멘테이션된 랜딩페이지를 만드는 절차에 대해 살펴보도록 하겠습니다.

    1. 타깃 리스트의 세그멘테이션(Target List Segments)

    상이한 이메일 리스트를 아래와 같은 카테고리로 세그멘테이션하여 각각 커스터마이즈된 랜딩페이지를 보내야 합니다.

    1. 인구통계학적
    2. 구매 사이클에서의 시점
    3. 제품 및 서비스에 대한 관심도

    세그멘테이션된 이메일 리스트로 타깃되어진 이메일 마케팅은 이메일 오픈율(Open Rate)이 39%더 높아지고, 수신 거부(Unsubscribe)를 할 확률이 28% 더 적어집니다. 뿐만 아니라 24%의 수익률 증가 효과도 누릴 수 있습니다.

    2. 랜딩페이지 구축하기

    랜딩페이지 구축 시, C. O. N. V. R. T의 요소를 고려하시기 바랍니다.

    C: 콜투액션을 명확하게 요청하세요(Clear Call To Action, CTA)

    이메일을 본 구독자들이 하길 원하는 액션을 명확하게 요청하세요. 자세히 보기 버튼 혹은 구매 버튼 클릭하거나 회원 가입을 하거나 추가 정보 기입을 요청한다거나, 아니면 전화 등 방문자들이 하길 원하는 명확한 액션을 정의하고 이를 눈에 잘 띄일 수 있게 비주얼적인 요소로 강조하세요.

    O: 액션에 대한 혜택 제공(Offer)

    여러분이 원하는 액션을 방문자들이 취할 수 있게 무엇이든 그들에게 적절한 혜택을 제공하세요. 다만 되려 CTA에서 주의가 떨어지지 않도록 주의하세요.

    N: 간편함에 포커스(Narrow Focus)

    만약 할 수 있다면 1~2개의 옵션으로 심플함을 유지해야 합니다. 가령 예를 들면 초특가 가격 할인을 받기 위해 특정일까지 회원가입을 요청하는 정도로 설계하세요.

    V: 매우 중요한 속성들(Very Important Attributes, VIA)

    구독자들에게 제공되는 혜택들은 간결해야 합니다. 사람들은 의사 결정을 하기 위해서는 이에 합당한 이유가 필요한데요, 그렇다고 너무 과해서도 안됩니다.

    E: 효과적인 헤드라인(Effective Headline)

    랜딩페이지엔 무엇이 있는지 그 내용을 분명하고 이해하기 쉽게 요약하세요. 결코 기발하고 재치있는 헤드라인이 아니여도 됩니다. 자칫 과장된 헤드라인은 구독자들의 불쾌감을 불러올 수 있습니다.

    R: 각 디바이스 환경 별 랜딩페이지 최적화(Resolution-Savvy Layout)

    이메일 마케팅은 각기 다른 브라우저, 플랫폼, 디바이스에 최적화하는 것이 필요합니다. 보통 웹사이트 방문자 중 20% 정도가 모바일 디바이스를 통해 유입되는데요, 랜딩사이트는 어떠한 환경에서든 잘 작동될 수 있도록 설계되어야 합니다.

    T: 깔끔한 비주얼(Tidy Visual)

    대개 기본적으로 화이트 배경에, 블릿(Bullet), 커다란 폰트, 사진 혹은 비디오가 들어는데요, 결코 많은 내용을 넣지마시기 바랍니다. 과한 것보다 덜한것이 훨씬 효과적입니다. 뿐만 아니라 빠른 웹페이지 로딩속도가 더한다면 더할 나위 없이 베스트입니다.

    S: 사회적 입증(Social Proof)

    주요 인증(Certification), 추천의 글(Testimonial), 주요 언론 인용문(Press Quotes) 등… 단순히 자사의 메시지 뿐만 아니라 제품이나 서비스의 탁월함을 보여주는 그 어떠한 것이든 활용하세요.

    3. 세그멘테이션된 리스트를 위한 랜딩페이지의 A/B 테스트

    1. 우선 2개 버전의 랜딩페이지를 제작하세요

      • 기본적인 랜딩페이지의 형태는 비슷하지만, 타깃 오디언스를 위해 약간의 변화를 더하십시오.
      • 타깃 오디언스에 대해 보다 대담하고 커스터마이즈하여 구성합니다.

    2. 우선 세그멘테이션된 리스트 중 10%의 구독자에게 이메일을 보내세요.

      • 절반은 옵션 A
      • 나머지 절반은 옵션 B

    3. 전체 전환(Conversion)에 기반하여 A와 B 중 성과가 좋은 하나를 선택하세요.

    4. 이제 나머지 90%의 리스트에 성과가 좋았던 옵션의 이메일을 보내세요.

     

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

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

    세그멘테이션된 이메일 구독자 별 랜딩 페이지 구축하기
    세그멘테이션된 이메일 구독자 별 랜딩 페이지 구축하기