作れるもの

ランディングページ

ローンチ、製品、イベント、キャンペーンのための1枚の長いページです。頼まなくてもSetherionが作るセクション、きちんと届く登録、そして依頼のしかたを説明します。

ランディングページは、訪問者に1つの行動をとってもらうという、1つの役割を持つ1枚の長いページです。ウェイティングリストに登録する、トライアルを始める、席を予約する、チケットを買うなどです。最初の見出しから最後のボタンまで、ページのすべてがそこへ導きます。

選ぶタイミング

ダッシュボードの入力欄の上にあるブラウザウィンドウのLanding Pageを選ぶか、依頼の中で「ランディングページ」と書きます。「1ページのサイト」「セールスページ」「ウェイティングリストのページ」「近日公開のページ」も、同じ意味に受け取られます。

作りたいもの選ぶもの
ローンチ、イベント、キャンペーンのための1ページLanding Page
訪問者に向けた、ビジネスについての複数のページウェブサイト
人が登録して使う製品で、手前にホームページがあるものSaaS

頼まなくても付くもの

1行の依頼でも、すべてのセクションに完成した文章と本物の写真が入ったページ全体が作られます。順番は次のとおりです。

  1. 上部に固定されるヘッダー:名前、各セクションへ移動するリンク、メインのボタンが入ります。
  2. オープニング:見出し、その下の1行、2つのボタン、信頼を伝える短い1行、そしてその横に製品または被写体の写真が入ります。
  3. すでに他の人に信頼されていることを示す数字や名前。
  4. できること:タイルのグリッドで見せ、最も強いポイントを最大のタイルにします。
  5. 使い方:番号付きの3つのステップです。
  6. 写真や画面のギャラリー。
  7. 料金:2つか3つのプランで、1つにPopularの印が付き、月払いと年払いの切り替えがあります。
  8. お客様の声:2つか3つの引用で、それぞれに顔、名前、星が付きます。
  9. 開閉できるよくある質問と答え。
  10. 最後の行動の呼びかけ:合う場合は、メール登録も付きます。
  11. リンクを並べたフッターと、そのために書かれたPrivacy policyとTermsのページ。

そして、これらの周りに次のものが付きます。

  • 確実に届く登録。メール、ウェイティングリスト、問い合わせのフォームは、訪問者が入力した内容をあなたに送ります。あなたにメールが届き、すべての内容をManageのCloud、Formsで読めます。フォームが「送信しました」と表示するのは、本当に送信されたときだけです。メッセージ1通ごとに連携クレジットを1つ使い、1人の訪問者が送れるのは1時間に10通までです。
  • リンク切れなし。すべてのリンクは、存在するセクションかページへつながります。まだ作られていない部分には、何も起きないのではなく、Coming soonと表示されます。
  • ログインなし。アカウントを頼まない限り、ランディングページにはログインがありません。頼んだ場合は、Googleとメールとパスワードによるログインがきちんと動きます。
  • あらゆる画面に合うレイアウト。パソコンだけでなくスマートフォンにも合わせて作られ、ビルドのたびにスマートフォンの幅で確認されます。

このように頼む

ページが何のためのものか、誰に向けたものか、訪問者にしてほしい1つの行動を伝えます。日付、価格、場所があれば加えてください。

text
A landing page for a meditation app, with what it does, three plans,
reviews, and a waitlist for the Android version
text
A landing page for a cooking workshop in London on 14 March: the chef,
the menu, the price, and a form to reserve a place
text
A coming soon page for a craft beer bar opening in May, with photos
of the place, the address, and a list to hear about opening night
text
A sales page for an online course in personal finance, with the modules,
who it is for, a money-back guarantee and a Buy now button

Landing Pageを選んで入力欄を空にしておくと、その下にアイデアが表示されます。1つを押すと入力欄に入り、そのまま変更できます。横の矢印Other ideasを押すと、さらに表示されます。

ランディングページのアイデア一覧
  • App launch
  • Agency
  • Restaurant
  • Course sales
  • Portfolio
  • Conference
  • Gym
  • Real estate
  • Newsletter
  • SaaS pricing

自分のものにする

やりたいこと方法
言葉や写真を変えるプレビューの上のEditを押して、クリックします。依頼は不要です。
色とフォントを全体で変えるプレビューの上のThemeを使います。
セクションを追加する「3人の講演者とその講演を載せたセクションを追加して」
支払いを受け付けるStripeを接続し、ManageのPaymentsで販売するものを追加します。そのあとで「Buy nowを押したらコースのチェックアウトが開くようにして」と頼みます。オンラインストアをご覧ください。
人が登録できるようにする「Googleでアカウントを作れるようにして」
誰が訪れたかを知るManageのAnalyticsを開きます。または、Google Analyticsを接続します。
見つけてもらうManageのSEO & AI searchを開きます。
自分のアドレスを使うカスタムドメインです。有料プランで使えます。

知っておきたいこと

  • 支払いやアカウントを設定するまでは、メインのボタンは、訪問者を料金の部分か、ページの最後にある登録の部分へ導きます。ページ上のどの部分も、課金したりログインさせたりするふりはしません。
  • Privacy policyとTermsは、ページに合わせて書かれたもので、弁護士が書いたものではありません。読んで、あなたの運営に合わない部分は変更してください。
  • Power Sethでは、スクロールで画面に入るとセクションがゆっくり現れ、ボタンはホバーや押下に反応し、ページ上のすべてのリストが、3つのプレースホルダーではなく、きちんと埋まった状態になります。ビルドモードをご覧ください。

このページは役に立ちましたか?

コミュニティに参加

質問、アイデア、ほかの人が作っているもの。