" title="ページを印刷する"> ページを印刷する

制作事例

制作事例アイコン

繁盛店が実際に作った制作例を見ることができます。制作時のヒントにしましょう。



①トップイメージの活用方法

チェックポイント
トップイメージに商品画像と店名を明記して、
一目で何の販売店かを伝えている例。

お客様に安心して商品を見てもらえる
効果があります。

トップイメージ

レイアウトの見本ページを見る

トップイメージ

トップページの中央部分に表示される画像エリアです。
はじめは、テンプレートのイメージ画像が表示されていますが、
取り扱い商品の画像など、オリジナルの画像に入れ替えることができます。

一目で何の店かがわかる店名や商品画像を含めたイメージ画像が理想です。

ただし、トップイメージの画像は、リンクを貼ることができないため、
トップイメージの表示が特に必要ない場合は、非表示にしてください。

>>編集方法を確認する





②センター用フリーエリア活用法

チェックポイント
バナーを設置して、特に紹介したい商品ページ(商品一覧ページ)にリンクを貼っている例。
お客様を商品ページにスムーズに誘導することができます。

チェックポイント
ブランド(カテゴリ)ごとのバナーを設置して、各バナーに、それぞれの商品一覧ページをリンクさせている例。
お客様が、商品を探しやすくなり、商品を見ていただきやすくなります。

チェックポイント
「お客様の声」や、「お店の強み・強調したいサービス」など、商品を訴求する上で、トップページでまず目にしてほしい内容を自由に記載している例。
これにより、お店の信頼性を高めています。

センター用フリーエリア

レイアウトの見本ページを見る

センター用フリーエリア

トップページの中央部分の自由に使えるエリアです。
紹介したい商品ページや、商品一覧ページへのリンクを貼ったバナーを設置する場所として良く使われます。
センター用フリーエリアにバナーを設置することで、お客様を任意のページに即座に誘導することができます。
表示させる場所は、中部分であれば、自由に設定することができます。

>>編集方法を確認する









③サイドバー用フリーエリア活用法

<代表的なコンテンツ例>

  • 初めてのお客様へ(ご利用案内)
  • 当店のこだわり
  • 実店舗紹介
  • ポイント還元
  • よくある質問
  • FAX注文
  • プレゼント応募
  • お試しセット
  • いちおし商品
  • SALE
  • 季節の特集
  • アウトレット(わけあり)
  • 決済システムバナー
  • 販売パートナー募集
  • 卸販売について
  • お客様の声
  • ブログ

チェックポイント
常に表示される、左サイドバーに常にお客様に知ってもらいたいお店の情報ページにバナーを設置して、リンクさせている例。

サイドバー用フリーエリア

レイアウトの見本ページを見る

サイドバー用フリーエリア

トップページの左サイドバー(左側)と右サイドバー(右側)のエリア内で、
画像や文字を設定することができるバナーなどの設定箇所として自由に使えるエリアです。

左サイドバーはお客様がどのページに移動しても常に固定して表示されます。

そのため、左サイドバーには、ご利用ガイドやお試しセットなどのバナーやテキストを設定し、
常にお客様に知ってほしい情報が記載されているページへのリンクを貼る場所として良く使われます。

右サイドバーのエリアも同じく自由に活用することができます。
表示させる場所は、左・右サイド内であれば、自由に設定することができます。

テンプレートで右サイドバーを表示しないレイアウトを選択されている場合は、
右サイドバーは表示されません。

>>編集方法を確認する






④フリーページ活用法

<代表的なコンテンツ例>

  • 初めてのお客様へ(ご利用案内)
  • 当店のこだわり
  • 実店舗紹介
  • ポイント還元
  • よくある質問
  • FAX注文
  • お客様の声
  • ブログ(スタッフブログなど)
  • 商品関連情報(●●についてなど)
  • 商品ノウハウ
  • ご意見/ご感想募集

チェックポイント
ご利用ガイドやよく受ける質問などを載せたり、
商品知識に関する情報を豊富にのせている例。

お客様に安心して購入していただける上、
お店の信頼度の向上、賑やか感の演出にもつながります。

また、豊富にコンテンツページを増やすことで、
SEO対策にもつながります。

フリーページ

レイアウトの見本ページを見る

フリーページ

フリーページとは、ご利用ガイドや、商品やお店の注意事項、および関連情報などが記載された自由に作れるページです。

制作したページは、トップページの左サイドバー(左側)のエリア内から、テキスト文字でリンクを貼ることができるようになっています。表示場所は左サイドバー内であれば自由に設定ができます。

伝えたい情報をより多く伝えたい場合に、かんたんにコンテンツを作成することができます。

>>編集方法を確認する










⑤ヘッダのバナーエリア活用法

チェックポイント
お客様が購入する際に気になる情報を載せたり、迷わずに購入ができるように、ご利用ガイドなどを、記載している例。
ページ滞在時間を延ばし、商品の購入率を高める効果があります。

チェックポイント
お客様が、商品を選択しやすくするために、商品を分類し、カテゴリごとのバナーを設置している例。
また、購入時のメリットを常に記載することで、商品の購入率を高める働きをしています。

ヘッダのバナーエリア

レイアウトの見本ページを見る

ヘッダのバナーエリア

トップページの中央、一番上に表示されるエリアで、お客様がどのページに移動しても、常に固定されて表示されるエリアです。

お客様が、商品を選択しやすくするために、商品メニューを設置するエリアとして良く使われます。
その他、ご利用ガイドを設置するなど、お客様が快適な買い物ができる環境を整える上で重要なエリアです。

>>編集方法を確認する





⑥フッタのバナーエリア活用法

チェックポイント
ご利用ガイド一覧表を設置している例。

オンラインショップでは設置していない
店はない、欠かせないガイドです。
必ず設置しましょう!


お客様がいかなるページに移動しても、
常に閲覧できるエリアのため、
お客様に迷うことなく購入をしていただくことが
できます。
ページの下部にあるため、ヘッダの
バナーエリアよりも幅を気にすることなく
情報を載せることができます。

チェックポイント
常に固定されて表示されるエリアという
特徴を生かし、商品ページ・特集ページへ
誘導するバナーを設置している例。

お客様が買い物かごに商品を入れた後の
画面でも必ず目に触れるため、
ついで買いを促すなどの効果があります。
セールのバナーなどを貼っておくことも
効果的です。

フッタのバナーエリア

レイアウトの見本ページを見る

フッタのバナーエリア

トップページの中央、一番下に表示されるエリアで、お客様がどのページに移動しても、常に固定されて表示されるエリアです。
ご利用ガイドなど、お客様が買い物をされる際に、必要となる情報を表示する箇所として頻繁に使われます。

>>編集方法を確認する








⑦ヘッダの背景活用法

チェックポイント
はじめてに設定されている、テンプレートの
背景画像を、オリジナルの画像に差し替えている例。

差し替え画像は、予め、
①商品をイメージさせる画像、
②ご利用案内(電話番号・決済方法・送料など)
を含めて作成しておきましょう。


ヘッダの背景は、お店の看板となる部分です。
問い合わせ先などの情報を必ず記載することで、お店の信頼度を高めることが可能ですし、
販売の機械を逃す心配がありません。

デザインばかりにこだわらずお客様視点での
制作を心がけることがポイントです。

ヘッダの背景

レイアウトの見本ページを見る

ヘッダの背景

トップページのお店の名前が表示されている看板部分のエリアです。
はじめは、テンプレートの画像が表示されていますが、任意の画像に入れ替えることができます。

ぴったりした画像に入れ替えるには、用意した画像の高さや横幅と
選択したテンプレートの高さや横幅とあわせる必要があります。

>>編集方法を確認する