SaaS 제품 랜딩 페이지

제품 페이지는 설득하는 곳이 아니라 설명하는 곳입니다. 첫 화면에서 무엇을 하는지 전달되지 않으면, 아래에 아무리 움직임을 더해도 되돌릴 수 없습니다.

포지셔닝 한 줄은 세 가지를 동시에 답해야 합니다. 누구를 위한 것인지, 무엇을 대체하는지, 쓰고 난 뒤에는 무엇이 달라지는지. 쓰지 못하겠다면 문제는 보통 카피가 아니라 포지셔닝이고, 페이지는 나중에 해도 됩니다.

아래 세 Skill은 성격이 다릅니다. 하나는 서리 유리 카드 뒤 깊은 우주에 3D 지구를 두어 국제적인 인상의 제품에 어울립니다. 하나는 콜드 스타트 비교, 점 지도, 지연 차트가 있는 AI 인프라용 기술 페이지입니다. 하나는 배경 영상 위의 산업적인 첫 화면으로 차분하고 정밀합니다. 셋 다 히어로만이 아니라 완결된 섹션 전체를 만듭니다.

일이 틀어지는 곳은 가격 섹션입니다. 데모 빌드의 모든 수치는 가상이라 실제 청구 금액으로 바꿔야 합니다. Skill은 고객사 로고·후기·수상도 지어내지 말라고 지시합니다. 실제가 아닌 것을 올리는 대가는 그 자리를 비워 두는 것보다 훨씬 큽니다.

이 용도에 맞는 Skill

3개

웹사이트 템플릿

자주 묻는 질문

제품이 하나, 고객도 한 종류일 때는 한 페이지로 충분하고 최신 상태를 유지하기도 훨씬 쉽습니다. 업종마다 다른 말을 해야 할 때 그때 나누세요.

어떻게 만드느냐에 달렸습니다. 3D를 쓰는 Skill은 영상을 담지 않고 Three.js로 렌더링해 훨씬 가볍고, prefers-reduced-motion 버전을 필수로 요구해 모션을 끈 사람도 페이지 전체를 볼 수 있습니다.

초안은 맡길 수 있지만 포지셔닝 한 줄은 직접 쓰세요. Skill은 제품명, 그 한 줄, 기능, 플랜을 먼저 묻고, 빠진 것이 있으면 지어내지 말고 물어보도록 되어 있습니다.