Marketing Blog マーケティングブログ

2015.08.04

WEBサイト集

夏の暑さも吹き飛ばす!ひんやりwebサイト集

こんにちわ!
キューブデザイナーの片山です。

ジメジメとした梅雨もあっという間に過ぎ去り、
暑い暑い8月がやって来ましたね。

皆さんは、暑い夏は好きですか?

私は暑い夏は少し苦手です(笑)
でも、海のように青いものや、透明感のあるものを見ると
自然と暑さを忘れてしまうような涼しさを感じますよね。

そこで今回はそんな真夏の暑さを吹き飛ばしてくれるような、
ひんやりを感じることができるwebデザインを紹介したいと思います!

● 株式会社 秋田屋

osake

http://www.akita-ya.com/

お酒を取り扱う企業のサイトです。

まず、メインビジュアルには透明感のあるあわ~い水色の背景に
お酒のビジュアルが流れている表現に「ひんやり・冷たい」という感じがしますよね。
これだけでも、お酒が夏に飲みたいと思わせるようなのど越しのよさと
美味しさを感じ取れますね。

そして、文字がフェードイン・フェードアウトする動きに、
コンセプトのタイトル文字もほんの少しですが波をうっているようになっていることで
更に、涼しさを思わせますね。

白を基調とし、テキストは黒でまとめたサイト全体と
各ページの見出しの少し色相を落とした加工がなされている写真が
サイト全体の淡さを保っており、このサイトに統一感をだしているように見えますね。

● swimmie

swimmie

http://swimmie.me/

ハンカチを販売している企業のサイトです。

TOPには水の中にいるような淡い色の青が使用されており、
スクロールさせると文字がふわっと消えていきます。
その動きと背景との連動が水のなかにいるように感じせます。

他の各ページは、白の背景に変わりますが、
文字は薄いグレーを使用していて、より涼しさが感じ取れますね。

onlineshopのページでは、ただ、商品名のテキストを置くだけではなくて、
商品の上に触れると、透明の青のBOXに白字が浮き出てくる仕組みになっており、
見やすさとひんやり感があり、二つの良さを組み合わせた素敵なデザインではないでしょうか?

● 海遊館

kaiyukan

http://www.kaiyukan.com/newkaiyukan/

海遊館の新体感エリアを紹介したページです。

目に飛び込んでくるのは、画面いっぱいを使用した海の生き物たちが悠遊と泳ぐ動画!

全画面に水の中の動画を取り込むことで、海遊館や海の中にいるように感じさせられますね。

また細めの明朝体を使用することで、サイトにすっきり感ももたせていますね。

スクロールさせていくと、各ページのカテゴリーに合わせた生き物のシルエットや、
twitterとの連携で、見た人のコメントを載せている水泡などがスクロールと同時に動き、
それらに透明感を持たせることで、パララックスデザインを上手く活かした、
涼しさが表現されていますね。

「涼しい」をテーマにしたwebサイト集はいかがでしたか?

色やフォント、動画や画像によって、
暑い真夏でもこんなに涼しさを感じることができるっていいですね♪

夏が苦手な方も、涼しいwebサイトを見て、
少しでも夏の暑さを吹き飛ばしてみては?

以上、「夏の暑さも吹き飛ばす!ひんやりwebサイト集」でした。

次回もお楽しみに~(*^^*)

お困りのことがあれば、
お気軽にお問い合わせ
ご相談ください。

ホームページ作成 / スマホ対応 /
アクセス解析 / サーバー管理 / サイト更新

営業電話は電話ではなくパートナー募集メールフォームより入力してください

pagetop