WORLDVIEW SAAS
ビジネス無料
SaaSプロダクトのランディングページ
プロダクトページの仕事は説得ではなく説明です。最初の1画面で何をしているのか伝わらなければ、その先にどれだけ動きを足しても取り返せません。
positioningの一行は、3つを同時に答える必要があります。誰のためか、何に取って代わるのか、使ったあと何が変わるのか。書けないなら、問題はたいてい文章ではなくpositioningであり、ページは後回しで構いません。
下の3つは気質が違います。1つはすりガラスのカードの奥、深い宇宙に3Dの地球を置くもので、国際的な印象の製品に向きます。1つはAIインフラ向けの技術ページで、コールドスタート比較、点描の地図、レイテンシの折れ線を備えます。1つは背景映像の上に置く工業的なトップ画面で、落ち着いて精密です。3つとも、首屏だけでなく完成したセクション一式を作ります。
いちばん事故が起きるのは価格のセクションです。デモ版の数値はすべて架空なので、実際に請求している金額に差し替える必要があります。Skillは顧客ロゴ、推薦文、受賞の創作も禁じています。実在しないものを載せる代償は、空けておくことよりはるかに高くつきます。
よくある質問
製品が1つ、顧客層も1種類のうちは、1ページで足りますし、最新に保つのもずっと楽です。業種ごとに違うことを言う必要が出てきたら、そのとき分けてください。
作り方によります。3Dを使うSkillは動画を同梱せずThree.jsで描画するので、はるかに軽くなります。さらにprefers-reduced-motion版を必須としているため、動きを切っている人にもページ全体が届きます。
下書きは任せられますが、positioningの一行は自分で書いてください。Skillはまず製品名、その一行、機能、プランを尋ね、足りないものがあれば創作せずに質問するよう指示されています。