制作の流れ

番号付き 4 ステップ

大きな数字 + アイコン + 説明で構成する 4 ステップフロー。サービス紹介の流れに。

プレビュー

使いどころ

大きな数字 + アイコン + 説明で構成する 4 ステップフロー。サービス紹介の流れに。

  • ご依頼から納品までの流れ
  • サービス導入の手順
  • 登録フロー
  • セミナー受講までのステップ

カスタマイズのポイント

ステップ数は 3〜5 個が読みやすい。番号は ::before で自動採番にしておくと項目追加が楽。

注意点

各ステップにかかる目安日数を書くと信頼性向上。「最短 3 営業日」「1 ヶ月程度」のような具体的な数字が効く。

よくある質問

このパーツは商用利用できますか?
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか?
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか?
一部のパーツ(アコーディオン・タブ切替・告知バーの閉じる機能など)は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は?
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。