Top
ホーム > EC  > どんなデザインにしよう…と頭を抱えている方へ。参考にしたくなるwebデザインまとめ5選
webdesign

こんにちは!優介です。

今やほとんどの企業がもっているWebサイト。
企業だけではなく、個人の方も運営していたりしますよね。

検索結果からクリックしたとき、そのサイトをじっくり見てみるか即座に閉じてしまうかは、「デザイン」にかかっていると言っても過言ではないくらい、デザインは重要な要素のひとつだと思います。

今回は、「どんなデザインにしよう…」とお悩みの方へ、参考になるwebデザイン5選をお送りいたします。デザインに頭を抱えている方の参考になれば幸いです。

 

ユナイテッドアローズ

201605_05_united
http://store.united-arrows.co.jp/
ファッションブランド、ユナイテッドアローズ

全体的に白を基調としたデザインのWebサイト。
白は清潔感や透明感をイメージさせる色ですので、こういったファッション系にはぴったりではないでしょうか。
また、白を基調にすると、キャンペーンの広告や取り扱っているアイテムの写真などが映えます。
2カラムになっているので欲しいアイテムを探しやすくなっている点も素晴らしいと思います。

 

odori

201605_05_odori
http://odori.kitchen/
徳島県産地鶏「阿波尾鶏」の専門店「odori」

こちらは飲食店のサイトなのですが、料理のよさとのどかなお店の雰囲気を織り交ぜたデザインとなっています。
画面いっぱいに広がる画像がとてもすばらしく、動物の写真が映ったかと思えばおいしそうな料理の写真が映り、見る側の目と心を楽しませてくれます。また、メニューをちょっとスクロールさせるだけで写真と金額が表示されるので分かりやすくなっています。
写真の撮り方も綺麗ですね。

 

PARCO

201605_05_parco
http://parco.jp/
商業施設の「PARCO」
実は今回初めてwebサイトを訪れたのですが、PARCOはwebサイトでも私たちを楽しませてくれます。この写真で見るとシンプルなデザインに見えますが、下にスクロールすることで背景がカラフルに変化していきます。このポップさが、デパート内を歩いているようなウキウキ感を感じさせてくれます。

 

WOLF&SON

201605_05_wolf&son
http://www.wolfandson.net/
こちらは海外のECサイトです。

休日の親子のような写真が、見ていてあたたかい気持ちにさせてくれます。
海外のサイトは日本とはまた違った感性を見せてくれるので、デザインに煮詰まったときにいい刺激になりそうなサイトではないでしょうか。
縦にポジションをFIXさせたメニューも珍しいです。
こういう発想も参考になると思います。

 

corona extra

201605_05_corona
http://corona-extra.jp/
世界で飲まれているcorona

遊び心満載!「ビールのシュワシュワ感」が伝わってくるようで見ていて飽きない作りになっています。このサイトを見ていると、思わず仕事帰りに一本買って帰ろうかな、と思うようなデザインです。浜辺とお酒の組み合わせも相性抜群で、爽やかさが伝わってきます。
動きで何かを表現してみたいときはぜひこちらをご参考にしてみてください。

 

最後に

いかがでしたか?
今回ご紹介したWebサイトはほんの一部ですが、参考にしたくなるWebデザインはまだまだたくさんあります。最近の傾向としては、1カラムの作りが多いようですね。

jQueryCSS5で動きを付けてみたり、意図色と(やりすぎは重くなるので注意です!)、配色にこだわってみたり、いろいろと試して、納得のいくWebサイトを作ってくださいね。

 

この記事を書いた人

高校を卒業後に上京。東京在住。 昼間はWEBに携わる仕事をしており、帰宅後に時間を有意義に使うために記事の作成をしています。

ニアセが気に入ったらフォローしよう!

こちらの記事も人気です。

  • スマホ対策していますか?参考にしたくなる “レスポンシブウェブデザイン”ECサイト5選スマホ対策していますか?参考にしたくなる “レスポンシブウェブデザイン”ECサイト5選
    こんにちは!優介です。 最近では、スマホの需要が増えたことに伴い、 Webサイトのスマホ対応が欠かせない時代になりました。 2014年11月19日には、Google社より、モバイル検索ユーザーの利便性を妨げない「モバイルフレンドリー」なサイトであることをランキング要素として使用する実験をしている、とのコメントが発表されてい […]
  • 【消費体験を設計すること】ARASLモデルに見るネットと実店舗の融合【消費体験を設計すること】ARASLモデルに見るネットと実店舗の融合
    ネットも店舗も消費者にとって重要なチャネルです。それぞれが上手に連携し、消費者にとっての利便性が増し、結果として企業の売り上げ増加につながるようにするには、どのように考えればよいのでしょうか。   ネットと実店舗をまたがった消費体験の創造 ネットと実店舗には、それぞれ長所と短所があります。   ネット店舗の […]
  • 通販サイトにアプリを導入するメリットとは?通販サイトにアプリを導入するメリットとは?
    通販サイトでは従来のインターネット上にウェブサイトを公開する形態に加え、スマートフォン向けの「アプリ」を提供するケースも増えてきました。 メジャーなところではAmazonや楽天などが従来のウェブサイトに加え、iOS/Android端末に対応した専用アプリを提供しています。   通販サイトにアプリを導入するメリット […]
  • 【基本編】どこから手をつければいい?スマホ対策の5つのポイント!【基本編】どこから手をつければいい?スマホ対策の5つのポイント!
    こんにちは。WEB営業部の上柿です。   今やパソコンからのアクセス数よりもスマートフォンからのアクセス数が多くなっています。   わかるよ。だってスマホ、超便利だもん。   電車で移動するとき、ちょっと時間があいたとき、ついスマホをいじってしまうときってありますよね.. […]
  • サイトネーミングがむずかしい!そんなときのためのポイント&コツ3選サイトネーミングがむずかしい!そんなときのためのポイント&コツ3選
    ECサイトを開設するうえで、サイトネーミングは非常に重要です。 ネーミングの出来次第で売上が左右するといっても過言ではありません。 また一度サイト名を決めてしまうと変更するのが大変なので、最初の段階で慎重に検討する必要があります。 ECサイトのサイトネーミングの3つのポイント まず、ECサイトのサイトネーミングを […]