「Showcase」はファーストビューにインパクトあり!【Shopify公式テーマ】

デザイナー目線でShopify公式テーマを解説するシリーズの第4弾!
今回は特にブランドの第一印象を魅力的に伝えるためのおすすめテーマを紹介していきます。

「ブランドのイメージを大切にしたい」
「一目でわかるメッセージを伝えたい」

そんな方におすすめするテーマがShopify公式テーマストアで販売されている「Showcase」です。

人の第一印象は3秒で決まるとよく言われますが、それはネット通販も同じことです。
ネット通販で第一印象を決めるものはサイトのファーストビューです。

つまり、サイトのファーストビューの印象を魅力的にすることが重要になってきます。

ファーストビューでインパクトある写真をおいて、商品へのイメージを膨らませることができるのじゃ!

avatar

Shopifyシェフ

Shopifyの公式テーマ「Showcase」について

Showcaseデモサイト

今回ご紹介する「Showcase」というテーマは、商品のイメージを大切にすることのできるデザイン性の高いテーマです。

主な機能:

  • 少数の製品によるカタログ表示
  • ブランドをイメージした高解像度商品をフルスクリーンで表示
  • ビデオの表示
  • ヘッターナビゲーションメニュー

ファーストビューではフルスクリーン表示が使えるので、ブランドのイメージを強く印象付けることができます。
さらにヘッターナビゲーションによって目的のページへすぐに辿り着くことができるので、ユーザーにとっても便利です。

販売価格は?どんなサイトが作れるの?

「Showcase」はShopifyの公式テーマストアで販売されている有料のテーマで、販売価格は180ドルになります。Shopifyの公式テーマとしては一般的な価格ですね。

Beard

Beard

このデモのファーストビューでは、モノクロの写真に赤いアイコンがアクセントとなっていて印象的です。
トップページはグリットレイアウトで表示されて動きがあり、おしゃれなデザインになっています。
Googleマップもデザインに合うようにカスタマイズされています。

Native

Native

Beardと違ってポップで全体的にカラフルな印象です。
使う写真によって違う印象を与えることが出来ることがわかりますね。
コレクションのページにある商品画像にカーソルをあてると、商品名と値段が表示されるのでおしゃれでわかりやすいです。

Betty

Betty

ブログのアイキャッチがトップページのセクションでフルスクリーン表示されているので、独特なインパクトがあります。

Luna

Luna

サイト全体がカラフルですが、落ち着いたエレガントな印象です。
他の3つのデモと同じ要素を使っていますが、写真や色を変えるだけで印象を変えることが出来ています。

ブランドのイメージを大切にしながら、ユーザーにも使いやすい!

ファーストビューにブランドのイメージと合った写真を表示させることによって、ユーザーに強い印象をアピールすることが出来ます。
ファーストビュー以外でも、コレクションやブログも大きい画像を表示させることができるので、商品一つ一つの魅力を伝えやすくなっています。

さらに、ヘッダーナビゲーションが常に上部に固定表示されているなど、使い勝手にも工夫がされていて、ユーザーにも優しいテーマであることがわかります。

共通ページのデザインについて

商品ページ

商品が他のテーマより大きく表示されるので、とても見やすくなっています。
さらにスライドショーで違う角度から細かい部分までみることが出来ます。
商品画像でもブランドのイメージを保つことが可能です。

カテゴリー

商品ページと同じくカテゴリーの写真も大きく表示することが出来ます。
カーソルを画像の上に置くと、商品の情報や価格が表示されるおしゃれなデザインになっています。

ブログページ

トップページではフルスクリーンに近い大きなアイキャッチを表示していますが、「Read more」をクリックすると縦並びの読みやすいレイアウトのブログページにリンクします。
ブログページは写真をメインとしたおしゃれなデザインになっています。記事の内容によって写真の大きさを自由に変えることが出来ます。

実際に使用してみて気になった点

ナビゲーションはおしゃれなハンバーガーメニューです。
他のサイトでは画面をスクロールするとメニューは見えなくなってしまいますが、画面スクロールしても常に画面の左上にメニューが固定されています。
ハンバーガーメニューにより画面を広く使うことができます。しかし、階層が深くなると今自分がいるページを把握しにくく、導線がわかりにくい点があります。
ユーザーが一目見て今自分がいるページを把握できるようにする必要があります。

「Showcase」はブランドの第一印象大切にしたい人におすすめ!

今回はインパクトのあるファーストビューでユーザーを引き込む事が出来るテーマ「Showcase」をご紹介しました!
一点一点こだわりを持って商品を作っている方や自社のブランドのイメージを印象付けたい人にオススメなテーマです。
本格的なキレイな写真をのせることでインパクトを与える事ができるのでぜひ使ってみてください。

ShopifyでのECサイト制作の無料見積もりを行っています

Shopifyレシピを運営する株式会社フルバランスでは
こんなECサイトを作りたい!
この機能を追加するにはいくらかかるの?
といったあなたのご希望のECサイトを制作するためにかかる費用を無料でお見積りしております。
ECサイト制作の依頼をご検討中の方は是非お問い合わせください!
無料見積もりバナー