公式テーマのShowcaseでファーストビューに迫力を! | Shopifyを活用した越境・国内ECサイトの制作・運用など役立つ情報をお届け|Shopify WORKS

2019.6.16

公式テーマのShowcaseでファーストビューに迫力を!

今回はデザイナー的目線から、特に、どうすれば商品、ブランドの第一印象を魅力的に見せるためのShopify公式テーマをお送りしていきます!

「パッと見でわかるメッセージを伝えたい」
「ブランドのイメージを大事にしたい」

そんな風に考えている方にオススメなのがShopify公式テーマストアで販売されている「Showcase」です。

人の第一印象は3秒にしてきますと言われますが、もちろんそれはオンラインショッピングにおいても同じことです。
オンラインショッピングにおいて第一印象を決めるのはサイトのファーストビューです。

よって、サイトのファーストビューを、訪れるお客様にとって魅力的にすることが重要になってきます。
すなわち、ファーストビューで印象の強い写真を表示させ、商品の強いイメージを届けることが大事なのです!

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

https://www.studyofcolour.com.au

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

主な機能として、
1.ブランドイメージを大切にした高解像度商品をフル画面(フルスクリーン)で表示
2.少数の製品によるカタログ表示
3.動画の表示
4.ヘッダーナビゲーションメニュー

ファーストビューでは、フルスクリーン表示が使用できるので、ブランドのイメージを前面に押し出すことで訪れたお客様に強く印象を残すことが可能になります。

加えて、ヘッターナビゲーションにより目的のページへすぐに飛ベルので、ユーザーにとっても使い勝手が良いです。

「Showcase」でどんなサイトが作成できるの?販売価格は?

「Showcase」はShopifyの公式テーマストアで販売されているテーマで、180ドルで購入可能です。Shopifyの公式テーマとしては平均的な価格ですね。

NCHE

https://nchesurf.com

こちらのサイトのファーストビューでは壁の殺風景の色に対してそれ以外の部分が同型色に統一されていて、緑色が印象的で強調されています。

CHABOUKIE

https://chaboukie.com

NCHEと同様に、背景色は淡いしろで、殺風景さを表している分、真ん中の少女を印象的に表現していますね。

「Showcase」はお客様にも使いやすく、ブランドのイメージを重宝する

ファーストビューにおいて、ブランドのイメージとマッチしたデザイン、装飾をした写真を表示させることで、訪れたお客様に強い印象を届けることができます。
ファーストビューの他にも、ブログやコレクションにおいて大きくて印象に残りやすい写真を表示させることも可能であるので、個々の商品の魅力を届けやすくなっています。

加えて、上の方に常に、ヘッダーナビゲーションが固定で表示されているなど、便利さにも工夫が施されていて、お客様にも優しいテーマであることがよくわかります。

「Showcase」はお客様にも使いやすく、ブランドのイメージを重宝する

商品ページ
他の項目よりも商品がより大きく表示されるので、とても見やすい仕様になっています。様々な角度から商品の細部までを、スライドショーによってみることができます。ブランドのイメージを商品画像でも保つことができます。

カテゴリー
カテゴリーの写真も商品ページと同じように大きく表示させることが可能です。商品画像にマウスオーバーすると、その商品の価格や情報が表示される機能的かつおしゃれなデザインになっています。

ブログページ
https://twiice.co.nz/pages/story

トップページではほとんどフルスクリーンで大きなアイキャッチを載せていますが、「Read more」をクリックすることで、縦並びの見やすくて読みやすいレイアウトのブログページに飛べます。
ブログページ自体は写真をメインとしたおしゃれなデザインになっています。記事のコンテンツに合わせて写真のサイズを好きに変更することが可能です。

「Showcase」を実際使ってみて気になった点

https://chaboukie.com

ナビゲーションは小洒落たハンバーガーメニューです。

他のサイトとは異なり、画面スクロールしても常に画面の左上にメニューが表示され続けます。

ハンバーガーメニューにより画面を広く使うことができますが、階層が深くなると自分が今どのページにいるのか把握するのが難しくなり、導線がわかりにくいという点が挙げられます。

ユーザーが常に自分がどのページにいるのかわかりやすくする必要があります。

「Showcase」はブランドのイメージを大事にしたい人にオススメ!

https://themes.Shopify.com/themes/showcase/styles/betty

今回は印象の強いファーストビューでお客様を魅了することができるテーマ「Showcase」についてご紹介してきました!
自社のブランドのイメージや、1つ1つに対してこだわりを持って作っている商品に強い印象を持たせ、ファーストビューのインパクトを強くしたい方へオススメなテーマです!綺麗で本格的な写真をのせることで強い印象を与えることができるので、ぜひ試してみてください!

あなたにおすすめの記事

よく読まれている記事

この記事を見た人はこんな記事も見ています

Shopify Works blogをご覧のみなさまへ

Shopify works Blogでは、Shopifyのアプリや構築制作方法、運用マーケティング手段についてはもちろん、自社のECサイトを構築・運用する 上で必要な情報を紹介しております。現在日本では開発業者の数が少ないため、検索しても役立つ情報が少ないことが現状です。そのためSh opify works Blogでは、今後Shopifyの導入を検討している企業担当者様へ向けて、正確な役立つ情報を発信して行くことを心掛けております。
企業担当者様については、Shopify導入に対してご不明点や懸念事項がございましたら、お問い合わせ窓口よりお気軽にお問い合わせください。
また他カートをご利用中でShopifyへの乗り換えをご検討中の企業様についても、ご支援が可能でございます。世界シェアNo.1のECプラットフ ォームが日本で展開を初めて2年が経ちましたが、Shopify Works blogではさらにShopifyの魅力を発信していきます。