WEBショップカスタム

・ＴＯＰページにレコメンドシステムを導入した事例

トップページの左サイドエリアにレコメンドシステムを導入しました。

購入者の閲覧履歴からデイリー・ウィークリーなどのランキングや「最近チェックした商品」などを自動で表示するため、更新の手間もいらず、 コンバージョン率・離脱率・回遊率が大幅に改善されます。レイアウトデザインも自由にカスタムすることができます。

ウィークリーランキング：自動更新のため手間いらず！ 他にデイリー・マンスリーも設置可能です。		最近チェックした商品：いわゆる閲覧履歴です。 購入者に「気付き」を与え、客単価ＵＰも狙えます。

http://kj-shopping.com/

・左サイドエリアを2列表示にした事例

左サイドエリアの幅を広げ、コンテンツを2列表示にすることが可能です。
ショップサーブの更新機能を活かしたまま作成することができます。
左サイドエリアのコンテンツが多い、またはＴＯＰページのファーストビューに賑わいを出したい場合に最適です。

通常テンプレートの左サイドエリア		ＴＯＰページのファーストビューにコンテンツを豊富に表示できます。

http://kj-shopping.com/

・Googleページ検索を導入した事例

通常の商品検索ボックスとは別に、Googleページ検索を導入した事例です。 サイト内の商品だけでなく、フリーページも検索結果に反映することが可能になりました。

変更前：商品検索ボックスのみ		変更後：Google検索ボックスでサイト内ページの検索も可能に。

http://bercelesta.jp/

・左カテゴリーの頭にアイコンをつけた事例

大カテゴリーと小カテゴリーの違いを出すためにも小さいですが、サイトの雰囲気を考えたアイコンを設置致しました。テキストだけで味気なかったのですが、アイコンを入れたことでオシャレになりました。

変更前：デフォルト		変更後：アイコンを入れるだけでも見た目にかわいらしくなりました。

http://sugartime.jp/

・検索BOX背景デザイン事例

テンプレートの検索BOXでは物足りないない、サイトデザインに合わせたいという場合、検索BOXの背景デザインを変更することができます。
色だけではなく、サイトの雰囲気に合わせてデザインした事例です。

通常テンプレートの検索BOX		サイドの検索BOXをオリジナルデザインに

http://comfort-style.co.jp/

・オリジナルデザイン検索BOX　グローバルナビ編　事例

検索BOXをヘッダのグローバルナビ内に入れ込んだ事例です。バーの雰囲気に合わせて、オリジナルデザインに変更することができます。 http://peach758.com/

グローバルナビに検索BOXを設置。ボタンもオリジナルデザイン出来ます。

・オリジナルデザイン検索BOX　フリーエリア編　事例

オリジナルデザインの検索BOXをヘッダイメージエリアやセンターフリーエリア内にも設置することができます。下の画像はヘッダイメージエリアに設置した事例です。 http://naturallife-market.com/

ヘッダイメージエリアにオリジナル検索BOXを設置しました。

・特大トップイメージ事例

通常のトップイメージでは物足りないお客様のために、ヘッダー下部に3カラム全てを使用したインパクト抜群の特大トップイメージを作成した事例です。（注：3カラムで作成しているショップに限ります）

通常、最大で横幅520pixまたは690pixのトップイメージを		最大横幅860pix程度まで大きくできます。

http://comfort-style.co.jp/

・JavaScriptを使用したアコーディオンカテゴリ事例

カテゴリーをクリックすると下段にスライドして下層カテゴリーを表示するようにJavaScriptで作成した事例です。 カテゴリー数の多いお客様におすすめです。

カテゴリーをクリックすると		下段がスライドして小カテゴリーが現れます

http://d-park2nd.jp/

・ヘッダー部分をカスタマイズした例

ヘッダーにオリジナルのナビゲーションを設置した事例です。通常のショップサーブテンプレートでは設置が難しいので、弊社がカスタマイズを行い設置いたしました。

通常のナビゲーション		オリジナルのナビゲーション

http://www.titicaca.co.jp/

・ヘッダー部分の高さを調節した例

ヘッダー部分に挿入した画像等の高さに合わせて、ヘッダー部分の高さを調整した事例です。ヘッダーの高さが足りず、画像をすべて表示することができない場合に有効です。

通常のヘッダーの高さ （画像が一部切れている）		調整したヘッダーの高さ （画像が正しく表示されている）

http://www.prizm23.jp/

・TOPページのメインイメージにFLASHを使用した例

ショップサーブでは、TOPページのメインイメージや・フリーページ・商品ページなどにFLASHを設置できます。FLASHの動画をうまく活用してショップや商品のイメージアップが期待できます。

通常のメインイメージ（JPGで作成）		FLASHで作成したメインイメージ（動画も可能）

http://www.bowll.co.jp/

・TOPページをフルFLASHで作成した例

ショップサーブでは、TOPページのメインイメージや・フリーページ・商品ページなどにFLASHを設置できます。FLASHの動画をうまく活用してショップや商品のイメージアップが期待できます。 http://www.gordianwines66.com/

フルFLASHで作成したトップページ

・長文の箇所（お知らせなど）にスクロールバーをつけた例

「ショップからのお知らせ」など、更新が頻繁に行われる箇所は、更新を重ねるごとに文章量が増えるため、場所を大きく取ることがよくあります。そこで、そういった箇所にスクロールバーを取り付けて、表示域の縦幅を最適なサイズに固定し、コンパクトに表示できるようにいたしました。 http://www.ishiiya.net/

長文にスクロールバーを設置してコンパクト化