escort_sitelogo

スタンダードプラン

パーツ一覧ページ

パーツメニュー

スタンダードプランの制作の流れ

ステップ1

構成を考えます。

ステップ2

パーツを選びます。

ステップ3

文章や画像を用意

ステップ4

テーマカラーを決める

ステップ5

完成したデモを見ながら変更・修正点を出す

各ステップには『おまかせ』という設定ができるので、「構成だけおまかせで!」という事も可能です。
また、基本事項だけご記入頂き『全ておまかせ』なんて事もOK!
反対に「こだわりたい」という方は上記のステップの流れでご検討頂き制作指示書(エクセル)をご提出頂くだけ。

デザインやレイアウトは、お選び頂いたパーツやテーマカラーなどを元に、
当社Webデザイナーが最適なご提案を行います。

ヘッダーパーツ

ページの一番最初のパーツとなるのがヘッダーパーツです。
最近ではヘッダー無しのページもあり、必須ではありません。
LOGOの部分はテキストでもOK、ボタンの有無も選択出来ます。

parts_header01

parts_header02

parts_header03

parts_header04

logoimage

0120-123-456

平日 10時〜18時
土日祝 10時〜12時

logoimage

電話する

問合せる

ヒーローパーツ

一番最初に訪問者の目に飛び込むのが、このヒーローパーツです。
最初の数秒でそのページに興味を持つと言われています。だからこそ、最初にして一番重要なパーツと言えます。
一番伝えたいことをこのパーツ内に入れましょう!

活用イメージ例

parts_hero01

サブキャッチコピーを入れることができます。

キャッチコピーがここに入ります。

サービスの説明や、ポイントなど補足的説明を入れることができます。
画像を配置することも可能です。

parts_hero02

サブキャッチコピーを入れることができます。

キャッチコピーがここに入ります。

サービスの説明や、ポイントなど補足的説明を入れることができます。
画像を配置することも可能です。

image4

parts_hero03

サブキャッチコピーを入れることができます。

キャッチコピーがここに入ります。

サービスの説明や、ポイントなど補足的説明を入れることができます。
画像を配置することも可能です。

ショーケースパーツ

サービスや商品一覧、特徴や強みなどをコンパクトにまとめ、
見る人が短時間で内容を理解出来るように工夫されたパーツです。
画像やアイコンなどを活用することで、ビジュアル的アプローチが可能となります。

活用イメージ例

parts_show01

コーナータイトル

image4

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。

image4

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。

image4

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。

parts_show02

コーナータイトル

商品名・サービス名など​

商品やサービスに関する説明文章を入れる事が出来ます。
ポイント

商品名・サービス名など​

商品やサービスに関する説明文章を入れる事が出来ます。
ポイント

商品名・サービス名など​

商品やサービスに関する説明文章を入れる事が出来ます。
ポイント

parts_show03

コーナータイトル

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。​

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。​

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。​

parts_show04

コーナータイトル

メインテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

特徴1

特徴2

特徴3

parts_show05

コーナータイトル

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。

商品名・サービス名など

商品やサービスに関する説明文章を入れる事が出来ます。

リストパーツ

共感部パート(例:こんなお悩みありませんか?)などに、
よくある課題をリスト形式で表現したり、
サービス・商品の特徴を箇条書きで端的にまとめたりと、
アイデア次第で色々なコンテンツに使えます。

活用イメージ例

parts_list01

コーナータイトル

parts_list02

コーナータイトル

リスト内容に関する説明文がここに入ります。画像を入れる事も可能です。

image4

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト

parts_list03

コーナータイトル

サンプルテキスト

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキスト

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキスト

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

parts_list04

ステップパーツ

サービス申し込みの流れや、商品の使い方手順など、
より具体的な表現が出来ます。
アイコンは画像素材に置き換えることも可能!
「→」のデザインも他のパーツに合わせてアレンジします。

活用イメージ例

parts_step01

コーナータイトル

ステップ1

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ2

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ3

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ4

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ5

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

parts_step02

コーナータイトル

ステップ1

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ2

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ3

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ4

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

ステップ5

ステップの詳細やアクションによる変化などを説明し、より利用者のイメージを膨らませます。

parts_step03

コーナータイトル

ステップ1

image4

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

ステップ2

image4

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

ステップ3

image4

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

ステップ4

image4

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

ステップ5

image4

サンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

テキストパーツ

おそらく一番利用する機会が多いテキストパーツ。
テキストだけでも良いのですが、興味が薄いユーザーには長々と書かれた文章を読んでもらえません。
画像で注意を引き、テキストで伝えたいことを書くなど、工夫されたテキストパーツとなります。

活用イメージ例

parts_text01

タイトル

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

parts_text02

タイトル

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

parts_text03

image4

見出しテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

見出しテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

image4

parts_text04

image4

見出しテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

image4

見出しテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

表パーツ

欠かせないのが「表」価格表やメニューなど色々のシーンで登場する表
見やすくわかりやすい表のパーツを考えました。
複雑な表の場合は、エクセルで作成したものを画像化し、画像として入れる方法もあります。

活用イメージ例

parts_table01

タイトル

1-11-2
2-12-2
3-13-2
4-14-2
5-15-2

parts_table02

タイトル

項目1内容1
項目2内容2
項目3内容3
項目4内容4
項目5内容5

parts_table03

タイトル

項目1項目2項目3
項目AA1A2A3
項目BB1B2B3
項目CC1C2C3

parts_table04

タイトル

タイトル

説明
¥ 9,800 (税別)
  • リストアイテム #1
  • リストアイテム #2
  • リストアイテム #3
テキスト

タイトル

説明
¥ 9,800 (税別)
  • リストアイテム #1
  • リストアイテム #2
  • リストアイテム #3
テキスト

タイトル

説明
¥ 9,800 (税別)
  • リストアイテム #1
  • リストアイテム #2
  • リストアイテム #3
テキスト

CALL To Actionパーツ

ユーザーに問合せや申し込みなど(Action)をしてもえるよう、
呼びかけたり、注意を惹きつける(Call)重要なパーツです。
わかりやすい大きめのボタンで目を引きます!
1度のみならず、複数箇所に設置することで、
ユーザーのアクション機会を増やします。

活用イメージ例

parts_CTA01

メインテキスト

サブテキスト サンプルテキストサンプルテキスト

補足説明・注意事項など説明文を入れることも可能です。
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

parts_CTA02

メインテキスト

サブテキスト サンプルテキストサンプルテキスト

補足説明・注意事項など説明文を入れることも可能です。
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

parts_CTA03

メインテキスト

サブテキスト サンプルテキストサンプルテキスト

テキスト1ー1

テキスト1ー2

テキスト1ーサブテキスト

テキスト1ー1

テキスト1ー2

テキスト1ーサブテキスト

補足説明・注意事項など説明文を入れることも可能です。
サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

ギャラリーパーツ

画像を中心としたコンテンツコーナー
商品紹介や事務所や店舗の写真などにご活用頂く事で、
テキストでは伝わりにくい雰囲気を伝える事が出来ます!

活用イメージ例

parts_gallery01

メインテキスト

画像タイトル
画像補足説明
画像タイトル
画像補足説明
画像タイトル
画像補足説明
画像タイトル
画像補足説明
画像タイトル
画像補足説明
Previous
Next

parts_gallery02

メインテキスト

parts_gallery03

メインテキスト

コーナータイトル

コーナーの説明や紹介文章 サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト 

フォームパーツ

入力のしやすさ、わかりやすさを追求したデザインをご提案致します。
入力項目は出来るだけ少なくすることで、入力途中で離脱される事を少なくなります。
入力タイプは、テキスト・メール・電話番号・ラジオボタン・プルダウンと数多くご用意しております。

活用イメージ例

parts_form01

メインテキスト

parts_form02

メインテキスト

サブテキスト

メインテキスト

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト (画像でも可能)

マップパーツ

Googleマップの埋め込みを活かしたマップツール。
地図に加え、テキスト情報を加える事で、迷う事なくお客様を誘導できます。

活用イメージ例

parts_map01

parts_map02

メインテキスト

項目1
 
 

項目2

項目3

内容1サンプルテキスト サンプルテキスト  サンプルテキスト

内容2 サンプルテキスト

内容3 サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト

フッターパーツ

特に長くなったページでは
もう1度見たいコーナーへ戻ったり、トップへ戻るのにスクロールするのは大変です。
フッターにもう1度見てもらいたいコーナーへのリンクや、会社メインのホームページへのリンクなど、
フッターを設ける事でより利便性を高めます。

活用イメージ例

parts_footer01

logoimage

リンク1

リンク2

リンク3

コピーライト

parts_footer02

リンク1

リンク2

リンク3

リンク4

logoimage

コピーライト

parts_footer03(コピーライトのみ)

コピーライト