[코드스테이츠 PMB 7기] 클래스 101 랜딩페이지 분석

신사임당님이 일으킨 부업의 붐에 나도 편승해 타며, 스마트스토어에 도전해보자며 듣게 되었던 클래스 101.

또 직무분야의 콘텐츠 기획강의를 들어보면서,좋은 인사이트들을 많이 얻었기에 좋은 서비스라고

생각하고 있었던, 클래스101의 랜딩페이지를 분석해보기로 했다!

게다가 이틀 전까지 회사의 웹페이지의 랜딩페이지를 리뉴얼하는 일을 했다보니..

앱보다 웹에 더 정감이 가서 웹페이지로 구성을 분석해보았다.

 

Q. 클래스101의 랜딩페이지는 어떻게 구성되어 있을까?

단계별로 나누어본 클래스 101의 랜딩페이지

총 15개의 블럭으로 구분이 단계의 단계로 구성되었던 클래스 101의 랜딩페이지는
한마디로 프로모션 내용과 정보 전달하는 내용간의 조화로웠다. 보기가 편했다.

1단계 : 화면 최상단의 탑배너(CTA)

클릭해보니 카테고리별로 실검 1위를 기록했었던 아이패드 클래스의 할인 쿠폰을 제공하는 페이지로 이어졌고, 이벤트 기간과 '남은 시간'까지의 타이머가 셋팅되어있어 마감효과를 주고 있었다.

 

2단계 : 할인 이벤트 배너(CTA)

 

 

3단계 : 벨트 배너_상품 이벤트(CTA)

 

4단계 : MD 추천 클래스 - 진행중인 인기 이벤트 - 실시간 TOP10 클래스 - 인기있는 신규 클래스-0월0주차 수강률이 좋은 클래스-오픈예정 클래스-000님을 위한 취향 저격 클래스-실시간 선물하기BEST 클래스

각 블럭마다 내용 구성이 조금씩 다르긴 하지만, '추천의 기준'에 따라서, 추천 방식을 다양하게 구성했다. 

 

5단계 : 벨트 배너를 통해서, 크리에이터 모집/이벤트 홍보를 하고 있다. "600만원이 입급되었습니다."라는 메인카피를 통해서, 
클래서 101을 통해 경제적 자유를 이루도록 독려하고 있다. 

6단계 : 인기 카테고리

독특하게, 카테고리를 상단에 배치하지 않고, 최하단에 배치하지 않은것이 독특한 부분이다. 클래스 101의 카테고리 분류는 타사에 비해서 가독성이 좋게 구성되어있다. 

랜딩페이지의 어떤 부분을 개선하면 좋을까?

1. 최상단에 배치된 항목이 의외로 "MD 추천클래스"인데, 접속자 입장에서 더 후킹하다고 판단되는 '실시간 TOP10클래스'와 '진행중인 인기 이벤트', '인기있는 신규 클래스' 순서대로 배치해보면 좋을 듯하다.

2. 최하단에 텍스트로 배치되어 있는 카테고리 블럭을 상단에 배치해서 아이콘으로 보기 좋게 카테고리를 리뉴얼해,
클래스 서치가 쉽도록, 개선해볼 수 있다.

[A/B TEST 설계]

 

카테고리 항목이 아이콘을 사용해 보기 좋게 만들어진 크몽의 카테고리.