PMB_15기/DAILY

[코드스테이츠 PMB 15기_W5D4] 쏘카 멤버십, 패스포트 A/B 테스트 설계하기

메리트리 2022. 11. 18. 11:24
A-B 테스트 설계하기

 

이번 주 자주 보는 서비스 쏘카입니다. 

W5 과제의 주요 서비스는 쏘카인 것 같은데요. 이번 기회에 쏘카 제대로 알아봅시다.!! 

W5 D1 그로스 해킹의 다양한 기법과 방법들을 대해서 배웠는데요. 이를 통해 데이터 분석으로 프로덕트가 어떤 문제를 가지고 있는지 파악할 수 있었습니다. 그렇다면 문제가 있다는 것을 알았다면 다음 이루어져야 할 단계는 무엇이까요? 

바로 문제를 해결하고 개선하기 위해 액션을 취하는 것입니다.

하지만 무턱대고 액션을 취하기에는 어디서부터 손을 대야 할지 가늠이 안 오는데요. 

우리의 고민을 좀 더 쉽게 해결할 수 있도록 도와주는 방법이 바로 AB 테스트입니다. 

 

A/B 테스트는 정의된 지표와 관련하여 여러 가지 버전의 기능이나 페이지를 평가하는 실험입니다. 쉽게 말해 두 그룹의 사용자들에게 서로 다른 페이지나 기능을 보여준 뒤 어떤 그룹에서 더 좋은 성과가 나타나는지, 긍정적인 UX를 제공할 수 있는지를 지속적인 시험을 통해 정량적으로 평가할 수 있는 테스트 기법입니다.

 

오늘은 효과적인 방법 AB 테스트를 진행해보고자 언제 어디서나 원하는 시간만큼 자동차를 이용할 수 있는 1등 카셰어링 쏘카의 랜딩페이지부터 살펴보도록 하겠습니다. 

 

🔎 랜딩페이지 알아보기!

** 사용자가 어떠한 목적에 의해 장치(유입 방법)를 통해 도착하는 모든 화면을 말합니다. 랜딩 페이지는 웹 사이트 방문자를 리드로 전환하기 위해 설계된 단독 페이지로 방문자는 이메일이나 소셜 미디어 광고에 있는 디지털 클릭 유도 문안(CTA)을 클릭하면 기업이 의도한 특정 메시지나 제안이 표시된 랜딩 페이지로 이동합니다.


1. 쏘카 패스포트 처음이지 어서 와~

🚙 쏘카 카톡 채널에서 만난 패스포트 첫 가입 지금 알아보기로 처음 만난 랜딩페이지는 어떻게 이루어져 있을까요?

 

어느 날 카톡 카톡 알람이 와서 보니 패스포트 첫 가입 9,900원(~10/20) 할인 알람이 왔는데요. 

쏘카의 패스포트는 쏘카와 타타 통합 모빌리티 멤버십입니다. 모빌리티 플랫폼 쏘카와 자회사 VCNC는 하나의 멤버십으로 두 서비스의 할인과 적립 혜택을 받을 수 있는 통합 멤버십 상품으로 연 가입비 29,900원으로 다양한 적립 및 할인 혜택을 누릴 수 있는 서비스인데요. 

지금 알아보기 👉 https://go.socar.kr/81+C8f7Sctb  유도 문안(CTA)을 클릭하여 패스포트의 랜딩페이지를 만나게 되었습니다. 

그래서 오늘은 쏘카의 홈페이지, 메인 페이지도 아닌 패스포트의 랜딩페이지를 한번 뜯어보고자 합니다. (현재 앱 내에 패스포트를 클릭해도 동일한 랜딩페이지가 나타나게 됩니다. )

 

 

쏘카 패스포트의 랜딩페이지 단계(총 7단계)로 이루어져 있습니다. 

  • 고정 메인 CTA: 오늘부터 혜택받기
  • 1단계 : 패스트포트 소개
  • 2단계 : 첫 가입 혜택
  • 3단계 : 적립 혜택
  • 4단계 : 할인 혜택
  • 5단계 : 패스포트 활용 팁
  • 6단계 : 친구소개 CTA
  • 7단계 : 유의 사항

 

고정 CTA

 오늘 부터 혜택받기는 하단에 고정되어 있어 페이지의 내용을 확인하면서 바로 오늘 부터 혜택받기를 누르면 다음 화면으로 전환할 수 있도록 클릭을 유도하고 있습니다. 

 

1단계 : 패스트포트 소개

 

메인 카피 : 경계 없는 이동 혜택, 연 29,900원으로 모든 혜택을 누리세요. 

서브 카피 : 통합 모빌리티 멤버십 패스포트로 쏘카와 타다 모두에서 혜택 받으세요!

 

출처 : 쏘카 앱

 

패스포트로 누리를 있는 모든 혜택 4가지를 나열하여 보여주고 있습니다.

 

 

2단계 : 첫 가입 혜택

 

메인 카피 : 첫 가입 혜택, 나만의 월켐 기프트

서브 카피 : 나만의 이동 스타일에 맞는 웰컴 기프트를 선택할 수 있습니다. 

CTA 카피 : 상세 조건 확인하기

 

출처 : 쏘카 앱

 

패스포트로를 처음 가입하는 사용자들에게 누릴 수 있는 웰컴 기프트를 소개하는 부분 입니다. 상세 조건 확인하기를 클릭하면 패스포트 웰컴기프트 혜택 상세 안내를 통해서 나의 이동 스타일에 맞는 패키지를 선택할 수 있도록 쏘카 패캐지 구성, 타다 패키지 구성을 이미지 대신 텍스트로 설명하고 이후 유의사항까지 확인하실 수 있습니다. 이때 상세 조건 확인하기 오른쪽에 화살표를 배치하여 하위 페이지가 있다는 것을 알 수 있습니다. 그리고 이미지로 나타난 패키지 쏘카, 타다 패키지를 보시면 각각 색깔이 다른 것을 확인하실 수 있는데요, 이는 타다와 쏘카의 각 대표 색깔로 서비스를 구분하였습니다.

 

 

3단계 : 적립 혜택

 

메인 카피 : 적립 혜택, 크레딧 무한 적립

서브 카피 : 쏘카와 타다를 이용할 때마다 각 서비스 크레딧으로 적립받으세요. 

CTA 카피 : 상세 조건 확인하기

출처 : 쏘카 앱

 

웰컴 기프트를 소개하는 부분도 동일한 ui를 구성하고 있는데요.  적립 혜택은 쏘카와 타다를 이용할 때마다 각 서비스 크레딧으로 받아 서비스를 이용 시 현금처럼 이용할 수 있다는 장점을 설명하고 있습니다. 상세 조건 확인하기를 클릭하면 크렛딘이란? 서비스별 적립률, 유의사항에 대해서 설명하고 있습니다. 

 

 

4단계 : 할인 혜택

 

메인 카피 : 할인 혜택, 1년 내내 쿠폰 할인

서브 카피 : 쏘카부터 타다까지 아낌없는 할인 혜택을 누리세요. 

CTA 카피 : 상세 조건 확인하기

출처 : 쏘카 앱

 

쏘카는 쿠폰을 통해서 사용자가 계속 쏘카 서비스를 이용할 수 있도록 혹은 신규 서비스 사용자가 쿠폰을 통해 유입이 될 수 있도록 하는데요.  이처럼 패스포트 또한 할인 혜택으로 1년 내내 쿠폰 할인을 제공하고 있습니다. 대표 혜택들을 이미지로 보여주고 있고 상세 조건 확인하기를 클릭하면 세부 내용을 확인할 수 있습니다. 

 

 

5단계 : 패스포트 활용 팁

 

메인 카피 : 패스포트 활용팁

출처 : 쏘카 앱

 

할인 혜택의 소개를 끝으로 패스포트를 활용으로 얻을 수 있는 팁에 대해 정리를 해두었습니다.

패스포트 하나로 받을 수 있는 혜택을 직관적으로 나타냈는데요. 받을 수 있는 혜택 숫자를 색깔과 크기로 강조하였습니다. 이때 연 2회 쏘카로 근교 여행 주 1회 타다로 퇴근, 연 1회 쏘카로 제주 여행 월 2회 타다로 외출 다른 경우의 활용팁을 보여줬는데 실제로 두 개의 차이점을 알기에는 달라진 숫자로 확인할 수 있는 부분이 아쉬웠습니다. 달라진 횟수에도 글꼴에 다른 색상을 주었다면 사용자들이 더 확인하기 쉽지 않았나 생각이 드는 것 같습니다. 

 

 

6단계 : 친구소개 CTA

 

CTA 카피 : 친구에게도 패스포트를 소개해주세요!

 

 

다음으로 친구에게 패스포트를 소개해주세요 버튼을 클릭하면 링크가 복사되었습니다라는 안내문구가 나타나게 됩니다. 

기존의 쏘카 쿠폰함에서 친구 추천하면 1만 원 쿠폰 2장을 누르면 바로 카카오톡으로 넘어가게 되는데요.

친구에게도 패스포트를 소개해주세요 또한 카카오톡으로 바로 넘어가서 링크를 전달하면 어떨까라는 개선안을 생각해보았습니다. 

 

7단계 : 유의 사항

  1.  

마지막으로 유의사항에 대해서 설명해두었습니다. 멤버십 이용안내, 쏘카-타다 계정 연결 안내, 해지 및 환불 안내, 기타 유의사항에 대한 상세한 내용을 확인할 수 있습니다. 

 

 

 

2. 쏘카 패스포트 랜딩 페이지에서 개선해야 하는 부분 찾기

🚙 랜딩 페이지에서 개선해야 하는 부분을 찾고, 그 이유에 대하여 적어봅시다.

 

위에서 살펴본 랜딩페이지에서 개선할 부분으로 총 3가지에 대해 말해보고자 합니다. 

 

1) 웰컴 기프트 혜택 상세 안내 중 쏘카 패키지 구성, 타다 패키지 구성, 유의사항의 글머리 기호의 통일화를 주면 어떨까 합니다. 사실 상세 안내 내용이 글로만 되어 있는 부분이 있어 딱딱하다고 느꼈는데 해당 페이지를 어떻게 가시적으로 전달할 수 있는지는 아직 더 고민 중입니다. 이외에 소제목과 내용이 굵기 크기로 구분되어 있긴 하지만 글머리 기호의 통일화를 주는 개선안을 생각해보았습니다. 

 

2) 패스포트를 활용으로 얻을 수 있는 팁 부분에서 연 2회 쏘카로 근교 여행 주 1회 타다로 퇴근, 연 1회 쏘카로 제주 여행 월 2회 타다로 외출 다른 경우의 활용팁을 보여줬는데 실제로 두 개의 차이점을 알기에는 숫자로 확인할 수 있는 부분이 아쉬웠습니다. 달라진 횟수에도 글꼴에 다른 색상을 주었다면 사용자들이 더 확인하기 쉽지 않았나 생각이 드는 것 같습니다. 

 

3) 친구에게 패스포트를 소개해주세요 버튼을 클릭하면 링크가 복사되었습니다라는 안내문구가 나타나게 됩니다.  기존의 쏘카 쿠폰함에서 친구 추천하면 1만 원 쿠폰 2장을 누르면 바로 카카오톡으로 넘어가게 되는데요.친구에게도 패스포트를 소개해주세요도 카카오톡으로 바로 넘어가서 링크를 전달 혹은 바로 다른 플랫폼을 통해 넘어갈 수 있도록 하단의 나타나도록 하면 전달하고 싶은 플랫폼을 열어 링크를 전달해야 하는 귀찮음으로 이탈률이 높아질 것인데 바로 연결되어 적극적인 정보 공유와 입소문을 통해 자연스러운 유저 흐름을 가질 수 있을 거라 생각하여 다음과 같은 개선안을 생각해보았습니다. 

  1.  

 

 

3. 쏘카 패스포트 랜딩 페이지 개선안 A/B 테스트

🚙 2번 개선안 중 택 1을 하여, 테스트 내용(A/B테스트의 구성 요소 참고), 테스트 디자인을 상세히 작성해 A/B 테스트 설계를 완성합니다.

 

개선안 3가지 중 3번 친구에게 패스포트를 소개해주세요 버튼을 클릭하면 바로 공유할 수 있도록 다양한 앱들이 나타나는 개선안을 선택하여 A/B 테스트를 통해 실제 공유율이 증가하는 개선안이 효과가 있는지 알아볼 수 있도록 A/B 테스트 설계를 해보고자 합니다. 

 

A/B 테스트가 무엇인지, 쏘카의 A/B 테스트가 궁금하다면, 아래의 링크를 통해 확인하실 수 있습니다. 👇🏻

 

[코드스테이츠 PMB 15기_W5D3] 공유 모빌리티 서비스의 A/B 테스트 사례 분석

주제 : 국내와 해외 서비스의 A/B 테스트 사례를 찾아, 인사이트를 얻어봅시다. 안녕하세요.😊 오늘은 무려 서비스 2개를 선정하여 과제를 진행하는데요. 서비스 2개를 선정해서 그런지 모르겠지

03minji13.tistory.com

 

 

1) 개선안 실험 UI

 

실험 전/후 또는 실험군과 대조군을 쉽게 비교할 수 있도록 , 서비스에 반영되는 UI를 보여드리도록 하겠습니다. 

 

(좌) 기존 랜딩페이지 / (우) 대인 랜딩페이지

A/B 테스트를 수행할 수 있도록 기존 랜딩페이지와 대안 랜딩페이지의 UI를 수정했습니다. 기존에는 친구에게 패스트포트를 소개해주세요! CTA를 누르면 링크가 복사되었습니다. 안내문구가 나타나는 반면 오른쪽은 공유할 수 있는 다양한 플랫폼들이 나타나서 바로 공유할 수 있도록 노출시킨 랜딩페이지입니다.  

 

 

2) 실험 준비

분류 내용
가설 패스포트 랜딩페이지에서 친구에게도 패스포트를 소개해주세요에  링크를 전달할 수 있는 앱 목록이 표시된다면 링크 url 복사된 상태에서 이탈을 하지않을 것이고 클릴율과 공유 횟수가 늘어날 것이다.
목표  패스포트 서비스를 공유하므로써 바이럴 마케팅 효과를 통해 저렴한 비용으로 광고 효과를 누릴 것이다. 
기간 14일
대상 아직 패스포트를 사용하지 않은 쏘카의 잠재 고객
실험군 신규 패스포트 랜딩페이지를 보여준다.
즉, 신규 화면에서 패스포트를 친구에게 url을 공유하는 그룹
대조군 기존 패스포트 랜딩페이지를 보여준다.
즉, 기존과 동일한 화면에서 패스포트를 친구에게 url을 공유하는 그룹
측정 지표 패스포트 페이지 클릭 수, 랜딩 페이지 이탈율, 공유하기 CTA 버튼 클릭율