개요
핵심 요약
- 천재교과서 밀크T 초등의 체험 안내 랜딩 페이지로, 신규 가입 전 서비스를 미리 경험하게 하는 것이 목적이다.
- 첫 화면은 3D 캐릭터 넷과 무지개 아치, 그리고 ‘입장하기’ 버튼 하나로 구성된다.
- 히어로 카피는 ‘우리는 체험을 도와줄 친구들이야. 밀크T에 온 걸 환영해!’로 아이에게 직접 말을 건다.
- 상단 고정 바에는 ‘오직 지금! 가입 혜택 받고 바로체험 시작하기’와 가입하기 버튼이 배치돼 부모용 동선을 따로 둔다.
- 레벨 표시와 2단계 미션, 응모형 리워드 같은 게임화 요소로 체험 완주를 유도한다.
밀크T 초등 바로체험은 천재교과서의 초등 학습 서비스를 가입 전에 미리 써보게 하는 랜딩 페이지다. 화면에 들어서면 파스텔 구름 위로 무지개 아치가 서 있고, 3D 캐릭터 넷이 팔을 벌린 채 서 있다. 텍스트는 세 줄뿐이다. ‘우리는 체험을 도와줄 친구들이야’, ‘밀크T에 온 걸 환영해!’, 그리고 ‘공부 고민을 해결해 줄 밀크T 대표 메뉴들을 소개할게’. 그 아래 커다란 원형 버튼 하나가 ‘입장하기’라고 적혀 있다.
이 화면의 특징은 선택지가 없다는 것이다. 스크롤을 유도하지도, 메뉴를 펼치지도 않는다. 아이가 할 수 있는 행동은 입장하기 하나뿐이다. 대신 상단 고정 바에 ‘오직 지금! 가입 혜택 받고 바로체험 시작하기’와 가입하기 버튼이 따로 놓여, 옆에서 화면을 보고 있을 부모를 향한 경로가 별도로 열려 있다. 이번 리뷰에서는 이 이중 사용자 구조와, 체험 랜딩이 갖는 검색 측면의 특수한 조건을 살펴본다.
브랜드 & 메시지
말투가 이 페이지의 브랜드다. 존댓말이 아니라 반말이고, 문장은 짧고, 이모티콘 대신 캐릭터의 표정이 감정을 담당한다. ‘직접 체험해 보면 밀크T에 푹 빠지게 될 거야’ 같은 문장은 성인용 서비스 랜딩에서는 쓸 수 없는 화법인데, 초등 저학년을 화면 앞에 앉히는 것이 목표라면 정확한 선택이다.
시각 언어는 채도 높은 파스텔과 3D 렌더링이다. 캐릭터는 저마다 다른 옷과 포즈를 갖고 있어 ‘친구들’이라는 카피와 일치하고, 무지개 아치는 입장이라는 행동에 관문의 이미지를 부여한다. 게임 로비 화면의 문법을 학습 서비스에 그대로 가져온 셈이다. 아이에게 이 화면은 공부 사이트가 아니라 게임 시작 화면처럼 읽힌다.
UX/UI 관점
강점은 다섯 가지 이상이다. 첫째, 선택지를 하나로 줄였다. 초등 저학년이 조작하는 화면에서 버튼이 여럿이면 진입 자체가 실패한다. 둘째, 아이용 동선과 부모용 동선을 상하로 분리했다. 화면 본체는 입장하기, 상단 고정 바는 가입하기다. 같은 화면을 보는 두 사람이 각자의 버튼을 갖는 구조다. 셋째, 상단 바의 문구가 ‘오직 지금’으로 시작해 혜택의 시한을 암시한다. 결제 결정을 미루기 쉬운 부모에게 작동하는 장치다.
넷째, 체험 과정에 레벨 표시와 2단계 미션을 넣어 완주를 유도한다. 체험판의 최대 적은 중간 이탈인데, 미션이라는 형식이 ‘여기까지 왔으니 마저 하자’는 동기를 만든다. 다섯째, 미션 달성과 응모를 연결해 체험 완주에 외부 보상을 붙였다. 여섯째, 가로 화면 사용을 안내하는 문구를 두어 태블릿·모바일에서의 화면 방향 문제를 사전에 처리했다. 학습 콘텐츠는 가로 보기가 기본인 경우가 많아, 이 안내가 없으면 첫 화면부터 레이아웃이 깨진 것처럼 보인다.
IA·SEO 전략
이 페이지는 광고 유입을 전제로 만들어진 랜딩이다. 그래서 검색 최적화의 우선순위가 일반 페이지와 다르다는 점을 감안해야 한다. 다만 확인되는 상태는 기본선에도 못 미친다. meta description이 비어 있고, canonical과 Open Graph 태그가 확인되지 않으며, 문서에 h1이 없다. 서버 응답 문서에서 추출되는 텍스트도 700자 미만이다.
광고 랜딩이라도 OG 태그는 필수에 가깝다. 학부모 커뮤니티나 메신저 단톡방에서 링크가 공유될 때 썸네일과 설명이 비어 보이면, 그 자체로 클릭률이 떨어진다. 초등 학습 시장은 학부모 간 공유가 유입의 큰 축인 만큼 손실이 크다. 여기에 description을 ‘무료 체험’, ‘초등 인강 체험’ 같은 실제 검색어로 채우고, 광고 파라미터가 붙은 주소들이 별개 페이지로 색인되지 않도록 canonical을 지정하는 정도는 랜딩에서도 챙길 만하다. 체험 콘텐츠 자체가 색인될 필요는 없지만, 이 랜딩으로 향하는 진입점 하나는 검색에 남겨두는 편이 낫다.
성능·접근성
3D 렌더 이미지가 화면 대부분을 차지하는 구조다. 캐릭터와 배경이 하나의 큰 이미지로 처리돼 있다면 파일 크기가 상당할 것이므로, 차세대 포맷 전환과 기기별 소스 분리가 효과적이다. 특히 이 페이지의 주 사용자가 아이의 태블릿이나 부모의 모바일이라는 점을 감안하면, 데스크톱용 대형 이미지를 그대로 내려보내는 구간이 없는지 확인할 필요가 있다.
접근성에서는 대상 사용자의 특성을 고려해야 한다. 초등 저학년은 아직 읽기 속도가 느리고 정밀한 터치가 어렵다. 입장하기 버튼처럼 큰 터치 영역은 잘 처리돼 있지만, 상단 고정 바의 작은 버튼들은 터치 영역 기준을 확인할 가치가 있다. 파스텔 배경 위의 흰 텍스트는 대비가 낮아지기 쉬우니, 혜택 안내처럼 부모가 읽어야 할 문구는 대비를 확보해야 한다. 문서에 h1이 없다는 점은 보조기기 사용자의 문서 파악에도 그대로 영향을 준다.
자주 묻는 질문
아동용 서비스 랜딩 페이지는 어떻게 설계해야 하나요?
아이가 할 수 있는 행동을 하나로 줄이고, 보호자용 동선을 물리적으로 분리하는 것이 핵심입니다. 밀크T 체험 페이지처럼 화면 본체에는 입장 버튼 하나만 두고 상단 고정 바에 가입 버튼을 배치하면, 두 사용자가 서로를 방해하지 않습니다.
체험판 중간 이탈을 줄이려면 어떤 장치가 필요한가요?
진행 상태를 보여주는 표시와 단계별 미션이 효과적입니다. 남은 단계가 보이면 완주 동기가 생기고, 완주에 보상을 연결하면 이탈률이 더 낮아집니다.
광고 랜딩 페이지에도 오픈그래프 태그가 필요한가요?
필요합니다. 특히 학부모 커뮤니티나 메신저로 링크가 공유되는 서비스라면, 썸네일과 설명이 비어 보이는 것만으로 클릭률이 크게 떨어집니다. 광고비를 들인 유입 외에 공유 유입까지 챙기려면 필수입니다.
랜딩 페이지에 canonical을 지정해야 하는 이유는 무엇인가요?
광고 매체마다 다른 추적 파라미터가 붙은 주소가 각각 별개 페이지로 색인될 수 있기 때문입니다. canonical로 대표 주소를 지정하면 평가가 한 곳에 모이고 중복 색인이 방지됩니다.
디지털 파트너 더블루캔버스
교육 서비스의 랜딩은 사용자가 둘인 드문 구조를 갖는다. 쓰는 사람과 사는 사람이 다르고, 두 사람이 같은 화면을 동시에 본다. 그래서 화면 하나에 서로 다른 두 개의 설득을 담아야 하는데, 이를 섞으면 아이에게는 어렵고 부모에게는 가볍게 느껴지는 애매한 페이지가 된다.
The Blue Canvas(더블루캔버스)는 이런 이중 사용자 구조를 영역 분리로 푼다. 누가 어느 영역을 읽을지 정하고, 각 영역의 언어와 버튼을 따로 설계하고, 체험에서 결제까지의 단계를 데이터로 확인할 수 있게 만든다. 랜딩페이지 제작과 퍼포먼스 마케팅을 한 흐름으로 다루는 이유가 여기에 있다.
마무리와 다음 스텝
밀크T 초등 바로체험 페이지는 목적이 뚜렷하고 군더더기가 없다. 아이에게는 반말로 말을 걸고 버튼 하나만 남겼으며, 부모에게는 상단 바로 별도 경로를 열었다. 게임 로비의 문법을 학습 서비스에 이식한 판단, 미션과 보상으로 완주를 붙잡는 설계 모두 대상 사용자를 이해한 결과다.
실행 제안은 셋이다. 첫째, Open Graph 태그를 추가한다. 학부모 간 공유가 유입의 큰 축인 시장에서 가장 손해가 큰 공백이다. 둘째, meta description과 canonical을 채워 광고 파라미터로 인한 중복 색인을 정리한다. 셋째, 3D 이미지의 포맷과 기기별 소스를 정비하고 상단 바 버튼의 터치 영역을 확인한다. 화면 설계는 이미 대상에 맞게 잘 되어 있으니, 문서와 자산 쪽만 손보면 된다.