전환율을 4배 올리고, 온보딩 고객을 확실히 잡아라! 랜딩 페이지 개선 이야기

이전 포스팅에 적었던 것처럼 얼마 전에 온보딩 UX 조사도 끝냈는데요, 이제는 랜딩 페이지 개선에 들어갑니다!

랜딩 페이지 매력도를 확 끌어올리면, 더 많은 고객이 온보딩을 시작하고, 온보딩 개선의 효과도 배가될 거라고 생각해요. 그래서 이번에 랜딩 페이지도 함께 개선하기로 결정했습니다.

이미 새롭게 바뀐 페이지가 배포되었으니, 한번 구경해보세요! 의견도 남겨주시면 큰 도움이 될 것 같아요 :)

랜딩 페이지 개선의 목적

이번 개선의 핵심은 간단합니다: 어드민 개발 비용에 고민하는 고객들이 회원가입하도록 만드는 것! 랜딩 페이지의 목적이 결국 전환이라는 건 모두 아시겠지만, 저희 페이지는 그 부분에서 부족한 점이 많았거든요. 그래서 이번에 확실히 개선해보려고 합니다.

물론, 지금까지도 여러 차례 고쳐왔지만, 앞으로도 계속 적극적으로 개선해 나가면서 고객들이 우리 제품의 매력을 제대로 느낄 수 있도록 만들 계획입니다.

히어로

개선 이전

개선 이후

히어로 섹션은 고객이 가장 먼저 마주하는 부분이라 엄청 중요하죠. 그래서 이번 개선에서는 내부 피드백을 반영해 몇 번이나 다듬었는데요, 고려한 사항은 이렇습니다:

1. 우리 제품의 핵심 가치를 고객이 바로 이해할 수 있게 문구를 개선했습니다. 시간과 비용 절감이라는 장점을 확실히 드러냈고, 어느 정도 절감할 수 있는지도 수치로 보여주었습니다.

2. CTA 버튼을 하나로 통일하고 크게 강조했습니다. 이제 누르고 싶은 버튼은 하나! 클릭을 유도하는 메인 버튼만 남기고, 나머지는 제거했어요.

3. 바로 로그인할 수 있게 했습니다. 전에는 타입폼에서 이메일을 입력하면 URL이 전송되는 방식이었는데, 이제는 불필요한 단계를 줄여 바로 제품으로 연결됩니다.

4. 버튼 문구도 가치와 연결되도록 다시 다듬었어요.

제품 이미지

개선 이전

개선 이후

제품 사용 흐름을 보여주는 이미지도 중요하죠! 고객이 어드민 개발이 진짜 빠르구나! 하고 바로 느낄 수 있도록 개선했습니다.

전에는 노션처럼 슬래시로 UI를 만드는 모습만 나와서, 어떻게 어드민 페이지를 쉽게 만들 수 있는지 직관적으로 전달하기 어려웠는데요, 이번에는 UI 제작부터 어드민 기능까지 어떻게 이어지는지 잘 보여줄 수 있도록 바꿨어요.

이제 제품의 가치를 더 잘 느끼실 수 있을 겁니다.

유즈 케이스

개선 이전

개선 이후

이제 고객이 만들고 싶은 어드민 페이지 이미지를 바로 확인할 수 있습니다. 이전에는 메뉴를 통해서만 볼 수 있었지만, 지금은 갤러리 형식으로 원하는 어드민 UI를 쉽게 찾아볼 수 있게 했습니다.

또, UI를 만드는 게 얼마나 간편한지 한 번 더 강조했습니다.

뿐만 아니라, "전문가인 홉스가 다 해준다"는 메시지도 담았습니다. 많은 고객이 어드민 개발에 고민을 가지고 있지만, 구체적으로 어떤 UI/UX로 해결해야 할지 결정하기 어려워하거든요. 그래서 로그인만 하면 바로 사용할 수 있는 UI를 미끼 상품처럼 노출했습니다.

하단 CTA

개선 이전

개선 이후

하단에서도 히어로와 똑같은 문구를 반복해서 CTA를 유도했습니다. 같은 문구를 반복함으로써 제품의 가치를 한 번 더 각인시키려는 전략입니다.

그리고 더 큰 버튼으로 고객이 바로 로그인하도록 강조했죠.

스포일러

저희는 마법 같은 어드민 개발 경험을 제공하기 위해 끊임없이 고민하고 있습니다. 이번 랜딩 페이지 개선은 그 첫걸음일 뿐이고, 앞으로도 계속 발전해 나갈 거예요.

만들고 싶은 페이지를 얘기하면,

마법 지팡이가 페이지와 코드를 모두 만듭니다

마치며

지금까지 랜딩 페이지를 여러 번 개선하면서도 부족한 점이 많았어요. 물론 이번에도 완벽하지는 않겠지만, 계속해서 실험하고 발전시키며 더 나은 경험을 제공하기 위해 노력하겠습니다.

읽어주셔서 감사합니다!