ネットで買い物が出来るオンラインストアの登場により、物販の裾野は大きく広がりました。壁紙やインテリア・商品の陳列でお店を演出するように、オンラインストアにも、Webサイトデザインによるお店の演出が必要不可欠です。
今回は扱う商品によってさまざまな演出を使い分ける、オンラインストアのWebサイトデザインを一緒に見ていきましょう。(※紹介する Webサイトのデザインは当サイトの制作事例ではありません)
キーカラーでポジティブなイメージを作るWebサイトデザイン作例
Webサイトのデザインを見る
ウクライナのクリエイターによる、ペット用品を扱うオンラインストアのWebサイトデザイン。元気や無邪気といった印象を与えるイエローをキーカラーに、画像を大きくレイアウトすることで「元気で無邪気なペット」というポジティブなイメージを演出しています。
商品としてペットフードも扱っているので、元気というイメージを印象づけるイエローは、とても効果的といえるでしょう。ヘアクリップやウェアなどを、商品だけの画像ではなく、商品を身に着けているペットの画像にすることで、画面に温かみと可愛さを与えています。
控えめなフォントに白い背景を使った明るい画面作りも、ペット用品を扱うオンラインストアにとって、ポジティブなイメージにつながっているでしょう。
派手だけど見やすいバランス感のあるWebサイトデザイン作例
Webサイトのデザインを見る
パキスタンのデザイナーLayyah, Pakistanさんによる、おもちゃを扱うオンラインストアのWebサイトデザイン。原色である赤青黄色、原色を２つ混ぜて作られる2次色の緑とオレンジ、それにピンクを加えた明るくポップな色構成が、気分を高揚させます。
商品画像を囲むパステルカラーのパーツもそれぞれ色を変えるなど、とにかく明るく華やかな画面作りは、おもちゃを選ぶ楽しさを増幅させてくれそうです。ポップで華やかな色構成に対して、UI自体は従来のベーシックなデザインにすることで、全体のバランスをとる工夫もされています。
派手さだけでなく実用性も備えた、バランスの良いWebサイトデザインといえるでしょう。
作品の空気感と調和する凛としたWebサイトデザイン作成例
Webサイトのデザインを見る
ウクライナのクリエイターKristina Potapenkoさんによる、ハンドメイドの食器を扱うオンラインストアのWebサイトデザイン。背景を白一色にすることで、無駄のない洗練されたイメージを演出し、そのイメージを手作りの食器という作品性の豊かな商品に見事に落とし込んでいます。
規律正しく並ぶ写真と丸いフォントで添えられるテキストは、画面の視認性を高めると同時に商品のデザインを引き立てています。
色の無いシンプルな画面構成が、陶磁器が持つ凛とした空気感と調和して全体に統一感を感じさせる、とても魅力的なWebサイトデザインに仕上がっているでしょう。
海外デザイナーによる、個性豊かなオンラインストアのWebサイトデザインをご紹介いたしました。オンラインストアにおいて、お店の個性やキャラクターの大部分が、デザインによって決められます。
優れたWebサイトデザインは、商品の価値を伝えるだけでなくお店の価値さえも高める、とても重要な存在といえるでしょう。
