楽天ショップスマホ版レイアウト例

こちらのページの内容は、下記の楽天ショップスマホ版サービスのレイアウトについてになります。
スマホ版をPC版に反映されたい場合のレイアウトについてもこちらを参照ください。

基本サービスレイアウト

基本サービスのレイアウトは大きく3つあります。
違いは、4枚のメインビジュアルを含めたバナー部分のレイアウトです。
①「バナー4枚を縦に並べる」場合と、②「バナーをスライダーにする」場合と③「バナーとスライダーを並べる」場合になります。

バナーの位置は、ページのどの部分にでも配置は可能です。
ページの上部である必要はありません。

又、バナーの縦の長さは自由に決める事は可能です。

内容 料金
基本サービス
スマホ版 トップページ
・看板画像
・メインビジュアル(1枚)
・バナー(3枚 / メインビジュアルに変更も可能です)
・スライダー(バナーをスライダーに変更可能)
・おすすめ商品(目玉商品)
・おすすめカテゴリー商品(5カテゴリーまで)
・売れ筋ランキング
・お知らせ
・商品レビュー
・お客様にピッタリの商品
スマホ版 商品ページ/スマホ版カテゴリーページ(作成バナー設置)
・編集方法マニュアル
50,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

バナー4枚を縦に並べる

バナーをスライダーにする

バナーとスライダーを並べる

スマホ版をPC版へ反映する場合について

楽天のスマホ版(トップページ)は、PC版(トップページ)にも反映する事が可能です。
その場合、スマホ版を修正するだけでPC版も変更できるメリットがあります。

ご注意点として、スマホ版(トップページ)をPC版(トップページ)に反映する場合にもPC版の商品ページとカテゴリーページ(第二階層)のヘッダー・フッター・サイドコンテンツは必要となります。設置されない場合は、ヘッダー部分などが何も無い状態になります。当方では、こちらはオプションで作成可能です。

又、一度スマホ版をPC版に反映させる仕様を使いますと、元に戻す事が出来ません。例えば、通常の楽天レイアウトには出来ませんのでご注意ください。

更に、商品やバナーが、スマホ版は2カラム(2つの並び)が、PC版は4カラム(4つの並び)になるなど、スマホ版とPC版とでは横に並ぶ数が変わってくる為、特にバナーの大きさにはご注意ください。スマホ版では大きいバナーがPC版では小さく見える事があります。
※この並びの数や大きさなどについては、楽天の仕様のため変更できません。

こちらの「楽天ショップスマホ版レイアウト例」のページには、スマホ版のレイアウトにの上にPC版のページのリンクをつけていますので、そちらをご確認ください。

内容 料金
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

スマホ版基本レイアウト

PC版基本レイアウト

PC版第2階層

おすすめ商品のバリエーション

おすすめ商品は、サービス内で設置できます。
基本的には、①と②で設定させていただきます。
おすすめ商品のバリエーションは大きく3つあります。

①は、目玉商品の機能を利用したもので、商品管理番号を入れていく事で1商品づつ登録できます。この目玉商品は、スマホ版カテゴリーページや商品にも表示されます。表示は、スライダーのみ。設置は1つのみです。
②は、カテゴリーを入れると自動的に商品が表示されます。表示は2カラム、もしくはスライダーを選べます。設置は5つまでできます。
③は、商品管理番号を入れていく事で1商品づつ登録できます。表示は2カラム、もしくはスライダーを選べます。設置は5つまでできます。

おすすめ商品(目玉商品)

おすすめカテゴリー商品

カテゴリーバナーのバリエーション

カテゴリーは、オプションで設置できます。
バリエーションは大きく4つあります。

①は正方形になります。縦の長さについては、正方形ではなく自由に変更もできます。2カラムになります。
②については、楽天の仕様の小バナー(共通バナー)に使える大きさ(横266px x 縦110pxの比率)にしています。2カラムになります。
③については、楽天の仕様の大バナー(共通バナー)に使える大きさ(横616px x 縦120pxの比率)にしています。1カラムになります。
④については、縦の長さについては、自由に変更できます。1カラムになります。

それぞれ、スライダーにする事も可能です。
(スマホ版をPC版に反映されたい方:スマホ版でスライダーにした場合は、PC版でもスライダーになります。)

大バナーの大きさを選ばれた場合は、スマホ版の「商品ページ」と「カテゴリーページ」の上部にスライドの形で表示する事ができます。
スマホ版では、一番目につきやすい部分なので、大バナーにするメリットはあります。
正方形や、小バナーにした場合でもスマホ版の「商品ページ」と「カテゴリーページ」の下部に設置させていただきます。

内容 料金
カテゴリーバナーの設置(10件まで。それ以上の場合はお見積りいたします。) 8,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

小バナー 2カラム

大バナー 1カラム

バナー縦自由 1カラム

おすすめレイアウト1

基本サービスのバナーの位置を変更した例です。
サービス内のバナーをカテゴリーバナーにして、その下に商品を並べています。
カテゴリーと商品両方を目立たせたいケースに最適です。
また、基本サービスの金額内で作成できるので、金額を抑えたい方におすすめです。

内容 料金
基本サービス(メインビジュアル1枚、バナー3枚含む) 50,000円
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
合計※ 140,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

おすすめレイアウト2

基本サービスに「カテゴリーバナー」を追加した例です。
カテゴリーバナーを追加する事で、全体にボリュームが出て華やかになります。
1番ご注文の多いレイアウトになります。

内容 料金
基本サービス(メインビジュアル1枚、バナー3枚含む) 50,000円
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
カテゴリーバナーの設置 (10件まで。それ以上の場合はお見積りいたします) 8,000円
合計※ 148,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

おすすめレイアウト3

基本サービスに「カテゴリーバナー」を追加した例です。
カテゴリーバナーを追加する事で、全体にボリュームが出て華やかになります。
サービス内バナーをスライダーにして、上部に動きを出しています。

内容 料金
基本サービス(メインビジュアル1枚、バナー3枚含む) 50,000円
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
カテゴリーバナーの設置 (10件まで。それ以上の場合はお見積りいたします) 8,000円
合計※ 148,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

おすすめレイアウト4

基本サービスに「カテゴリーバナー」を追加した例です。
カテゴリーバナーの下に商品一覧を並べる事で、
カテゴリーと商品両方を目立たせたいケースに最適です。

おすすめ商品は、「おすすめ商品機能」と「おすすめカテゴリー商品」の機能を2つを使う想定です。
注意点として、カテゴリーバナーとおすすめ商品のセットの設置は8個までになります。

内容 料金
基本サービス(メインビジュアル1枚、バナー3枚含む) 50,000円
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
カテゴリーバナーの設置 (10件まで。それ以上の場合はお見積りいたします) 8,000円
合計※ 148,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

おすすめレイアウト5

基本サービスに「カテゴリーバナー」を追加した例です。
カテゴリーバナーの下に商品一覧を並べる事で、
カテゴリーと商品両方を目立たせたいケースに最適です。

おすすめ商品は、「おすすめ商品機能」と「おすすめカテゴリー商品」の機能を2つを使う想定です。
おすすめ商品は、スライダーにして、全体のボリュームを抑えています。
注意点として、カテゴリーバナーとおすすめ商品のセットの設置は8個までになります。

内容 料金
基本サービス(メインビジュアル1枚、バナー3枚含む) 50,000円
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
カテゴリーバナーの設置 (10件まで。それ以上の場合はお見積りいたします) 8,000円
合計※ 148,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

おすすめレイアウト6

基本サービスに「カテゴリーバナー」を3つ追加した例です。
サービス内のバナーを大カテゴリーのカテゴリーバナーにして、
その下に小カテゴリーを並べ、更に、おすすめカテゴリー商品を並べています。
大カテゴリー、小カテゴリーと商品3つを目立たせたいケースに最適です。

内容 料金
基本サービス(メインビジュアル1枚、バナー3枚含む) 50,000円
PC版(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
カテゴリーバナーの設置 (10件まで。それ以上の場合はお見積りいたします) (8,000円x3)
24,000円
合計※ 164,000円

※システム手数料、消費税は別になります。
※基本サービス料金が上記と異なる場合がございます。料金については直接お問合せください。

オプション

オプション 料金
追加バナー・画像作成(バナーの長辺が500px未満) 1,500円/1枚
追加バナー・画像作成(バナーの長辺が500px以上) 4,000円/1枚
ショップロゴ作成 15,000円/1案
ショップロゴのpsdもしくはaiファイル 5,000円/1案
カテゴリーバナーの設置
(「カテゴリーバナーのバリエーション」の①〜④の場合、10件まで。
カテゴリーバナーのバリエーション」の⑤の場合、6件まで。
カテゴリーバナーのバリエーション」の⑥の場合、カテゴリーは3件まで。それ以上の場合はお見積りいたします。)
8,000円
おすすめ商品の設置
(ランキングに変更も可能です。
おすすめ商品のバリエーション」の①〜④の場合15件まで。
おすすめ商品のバリエーション」の⑤の場合、3商品まで。)(納品後の修正にはhtmlの知識が多少必要となります。商品の入れ替えは自動ではありません。手動で商品を入れ替える形になります。)
8,000円
スライダー設置
(画像の作成料金は入っておりません。ヤフートリプルを使って作成します。納品後の修正にはFTPのソフトが必要になります)
スライダーを2個目の設置の場合には、追加で2000円になります。
4,000円/1個
6,000円/2個
スライダー設置
(画像の作成料金は入っておりません。楽天Goldを使って作成します。納品後の修正にはFTPのソフトが必要になります)
スライダーを2個目の設置の場合には、追加で2000円になります。
4,000円/1個
6,000円/2個
ナビゲーション又はヘッダーカスタマイズ(楽天ショップ) 15,000円
独自コンテンツ作成(html+css追加作成)(お見積りいたします) 15,000円〜
デザイン確定後のhtml、画像の修正 1,000円/1回
有料画像(小) 800円/1枚
有料画像(中) 2,600円/1枚
有料画像(大) 4,800円/1枚
楽天ショップPC版第2階層(ヘッダー・フッター・サイドコンテンツ・作成済バナー設置)、スマホ版第2階層、会社概要ページのメニュー設置など 90,000円
楽天ショップトップページ構築(同デザイン適用)
Yahooショップを最初に作成の場合のオプションです。
※ショップの開店までお済みになってからご依頼ください。
お問い合わせください
Yahooショップトップページ構築(同デザイン適用)
楽天ショップを最初に作成の場合のオプションです。
※ショップの開店までお済みになってからご依頼ください。
お問い合わせください

※システム手数料、消費税は別になります。