← 一覧へ

オレンジの枠が「ご利用の流れ(ステップ)」です。薄い部分は、まわりの部品のイメージです。

説明するLP会社お店ネットショップ定番

ご利用の流れ(ステップ)

How It Works / Steps

申し込みから利用までの手順を、番号と矢印で順番に見せる部分。「かんたんそう」と思ってもらう。

別名使い方の流れご注文の流れ3ステップフロー

入れるもの

  • 「ご利用の流れ」などの見出し
  • 番号付きの手順(3〜5個)
  • それぞれの短い説明とイラスト
  • かかる時間(例:最短3分)

作るときのコツ

  • 手順は少なく見せる(多ければまとめる)
  • 最初の一歩がかんたんなことを伝える
  • 最後のステップの後にボタンを置く

どこで使われている?

よく見かける場所
サービスのLP、教室・相談サービス、ネットショップのご利用ガイド
使うとよい場面
申し込みや利用の手順が不安そうなとき
いらない・注意する場面
手順がほとんどない商品

似ている部品との違い

AIへの指示文

LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。

商品・サービスを宣伝する1ページのLP(ランディングページ)に、「ご利用の流れ(ステップ)(How It Works / Steps)」のセクションを作ってください。

内容:「ご利用の流れ」という見出しの下に、番号付きの丸とイラスト、短い説明を1組にした手順を3つ、矢印でつないで横に並べる。最後に「最短3分で始められます」と申し込みボタンを置く。

入れるもの:「ご利用の流れ」などの見出し/番号付きの手順(3〜5個)/それぞれの短い説明とイラスト/かかる時間(例:最短3分)
気をつけること:手順は少なく見せる(多ければまとめる)/最初の一歩がかんたんなことを伝える/最後のステップの後にボタンを置く

スマホでも見やすいように、画面が狭いときは縦に並べてください。