メニュー
スタンダードプランの制作の流れ
ステップ１
構成を考えます。
ステップ２
パーツを選びます。
ステップ３
文章や画像を用意
ステップ４
テーマカラーを決める
ステップ５
完成したデモを見ながら変更・修正点を出す
各ステップには『おまかせ』という設定ができるので、「構成だけおまかせで！」という事も可能です。
また、基本事項だけご記入頂き『全ておまかせ』なんて事もOK！
反対に「こだわりたい」という方は上記のステップの流れでご検討頂き制作指示書（エクセル）をご提出頂くだけ。
デザインやレイアウトは、お選び頂いたパーツやテーマカラーなどを元に、
当社Webデザイナーが最適なご提案を行います。
ヘッダーパーツ
ページの一番最初のパーツとなるのがヘッダーパーツです。
最近ではヘッダー無しのページもあり、必須ではありません。
LOGOの部分はテキストでもOK、ボタンの有無も選択出来ます。
parts_header01
parts_header02
parts_header03
parts_header04
電話する
問合せる
ヒーローパーツ
一番最初に訪問者の目に飛び込むのが、このヒーローパーツです。
最初の数秒でそのページに興味を持つと言われています。だからこそ、最初にして一番重要なパーツと言えます。
一番伝えたいことをこのパーツ内に入れましょう！
活用イメージ例
- サービスや商品について
- インパクトのあるキャッチコピー
- このページが何のページなのかを端的に
parts_hero01
parts_hero02
parts_hero03
ショーケースパーツ
サービスや商品一覧、特徴や強みなどをコンパクトにまとめ、
見る人が短時間で内容を理解出来るように工夫されたパーツです。
画像やアイコンなどを活用することで、ビジュアル的アプローチが可能となります。
活用イメージ例
- サービスや商品の紹介
- サービスや商品の特徴
- 特典や差別化ポイント
parts_show01
コーナータイトル
商品名・サービス名など
商品やサービスに関する説明文章を入れる事が出来ます。
商品名・サービス名など
商品やサービスに関する説明文章を入れる事が出来ます。
商品名・サービス名など
商品やサービスに関する説明文章を入れる事が出来ます。
parts_show02
parts_show03
parts_show04
コーナータイトル
メインテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
特徴１
特徴２
特徴３
parts_show05
コーナータイトル
商品名・サービス名など
商品やサービスに関する説明文章を入れる事が出来ます。
商品名・サービス名など
商品やサービスに関する説明文章を入れる事が出来ます。
リストパーツ
共感部パート（例：こんなお悩みありませんか？）などに、
よくある課題をリスト形式で表現したり、
サービス・商品の特徴を箇条書きで端的にまとめたりと、
アイデア次第で色々なコンテンツに使えます。
活用イメージ例
- 飲食店やサービスの価格表
- 課題や悩みを箇条書きにした共感部
- サービスや商品の特徴をシンプルにまとめる
parts_list01
コーナータイトル
- 内容１（ここにリスト内容が入ります）
- 内容２（ここにリスト内容が入ります）
- 内容３（ここにリスト内容が入ります）
- 内容４（ここにリスト内容が入ります）
- 内容５（ここにリスト内容が入ります）
parts_list02
コーナータイトル
リスト内容に関する説明文がここに入ります。画像を入れる事も可能です。
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
parts_list03
コーナータイトル
サンプルテキスト
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
parts_list04
ステップパーツ
サービス申し込みの流れや、商品の使い方手順など、
より具体的な表現が出来ます。
アイコンは画像素材に置き換えることも可能！
「→」のデザインも他のパーツに合わせてアレンジします。
活用イメージ例
- お申し込みから契約までの流れ
- 初回利用までの流れ
- サービスや商品の簡易利用方法
parts_step01
コーナータイトル
ステップ１
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ２
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ３
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ４
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ５
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
parts_step02
コーナータイトル
ステップ１
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ２
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ３
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ４
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
ステップ５
ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。
parts_step03
コーナータイトル
ステップ１
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
ステップ２
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
ステップ３
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
ステップ４
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
ステップ５
サンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
テキストパーツ
おそらく一番利用する機会が多いテキストパーツ。
テキストだけでも良いのですが、興味が薄いユーザーには長々と書かれた文章を読んでもらえません。
画像で注意を引き、テキストで伝えたいことを書くなど、工夫されたテキストパーツとなります。
活用イメージ例
- 商品やサービス説明
- 企業の思い、開発者の考えなど
- 社長あいさつ、企業理念など
parts_text01
タイトル
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
parts_text02
タイトル
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
parts_text03
見出しテキスト
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
見出しテキスト
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
parts_text04
表パーツ
欠かせないのが「表」価格表やメニューなど色々のシーンで登場する表
見やすくわかりやすい表のパーツを考えました。
複雑な表の場合は、エクセルで作成したものを画像化し、画像として入れる方法もあります。
活用イメージ例
- 価格表・サービス一覧
- 会社概要やプロフィール
- 適応表や正誤表など
parts_table01
タイトル
| 1-1 | 1-2 |
| 2-1 | 2-2 |
| 3-1 | 3-2 |
| 4-1 | 4-2 |
| 5-1 | 5-2 |
parts_table02
タイトル
| 項目1 | 内容1 |
|---|---|
| 項目2 | 内容2 |
| 項目3 | 内容3 |
| 項目4 | 内容4 |
| 項目5 | 内容5 |
parts_table03
タイトル
| 項目１ | 項目２ | 項目３ | |
|---|---|---|---|
| 項目A | A1 | A2 | A3 |
| 項目B | B1 | B2 | B3 |
| 項目C | C1 | C2 | C3 |
parts_table04
CALL To Actionパーツ
ユーザーに問合せや申し込みなど（Action）をしてもえるよう、
呼びかけたり、注意を惹きつける（Call）重要なパーツです。
わかりやすい大きめのボタンで目を引きます！
１度のみならず、複数箇所に設置することで、
ユーザーのアクション機会を増やします。
活用イメージ例
- サービス・商品の問合せ誘導
- メルマガ会員申し込みやプレゼント申し込み
- セミナー参加やイベント申し込み
parts_CTA01
メインテキスト
サブテキスト サンプルテキストサンプルテキスト
補足説明・注意事項など説明文を入れることも可能です。
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
parts_CTA02
parts_CTA03
メインテキスト
サブテキスト サンプルテキストサンプルテキスト
補足説明・注意事項など説明文を入れることも可能です。
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
ギャラリーパーツ
画像を中心としたコンテンツコーナー
商品紹介や事務所や店舗の写真などにご活用頂く事で、
テキストでは伝わりにくい雰囲気を伝える事が出来ます！
活用イメージ例
- 事務所・店舗ないの雰囲気
- 代表商品やサービス利用風景
- セミナー風景やイベント風景
parts_gallery01
メインテキスト
Previous
Next
parts_gallery02
メインテキスト
parts_gallery03
メインテキスト
コーナータイトル
コーナーの説明や紹介文章 サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
フォームパーツ
入力のしやすさ、わかりやすさを追求したデザインをご提案致します。
入力項目は出来るだけ少なくすることで、入力途中で離脱される事を少なくなります。
入力タイプは、テキスト・メール・電話番号・ラジオボタン・プルダウンと数多くご用意しております。
活用イメージ例
- サービス・商品の問合せ
- メルマガ会員申し込み
- セミナー参加やイベント申し込み
parts_form01
メインテキスト
テキスト（注意事項など） サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
parts_form02
メインテキスト
サブテキスト
メインテキスト
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト （画像でも可能）
マップパーツ
Googleマップの埋め込みを活かしたマップツール。
地図に加え、テキスト情報を加える事で、迷う事なくお客様を誘導できます。
活用イメージ例
- 店舗所在地
- 事務所の場所
- セミナーやイベントの会場
parts_map01
parts_map02
メインテキスト
項目１
項目２
項目３
内容１サンプルテキスト サンプルテキスト サンプルテキスト
内容２ サンプルテキスト
内容３ サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト
フッターパーツ
特に長くなったページでは
もう１度見たいコーナーへ戻ったり、トップへ戻るのにスクロールするのは大変です。
フッターにもう１度見てもらいたいコーナーへのリンクや、会社メインのホームページへのリンクなど、
フッターを設ける事でより利便性を高めます。
活用イメージ例
- 長くなったページの利便性向上
- メインホームページへの誘導
- 企業情報や著作権表記
parts_footer01
リンク１
リンク２
リンク３
コピーライト
parts_footer02
リンク１
リンク2
リンク3
リンク4