ホームページ制作・SEO対策 福岡のアイドットデザイン。Webマーケティングのご相談も承ります。

お問い合わせ・ご相談はコチラ

blog

ブログ

2015年8月 ホームページ制作の参考にしたい!気になったWebサイトまとめ

| カテゴリー : Webデザイン

毎月恒例のWebデザインまとめ、8月に気になったサイトをリストアップしました!

全体的にすっきりと見やすいWebサイトがトレンドになっているようです。

Webサイトでのブランディングは高品質な写真とリッチなインタラクションが不可欠になってきていますね。

※「2015年8月に公開されたサイト」というわけではないのでご了承ください。

ABCドリームベンチャーズ株式会社

abc-dream-ventures

URL : http://adventures.co.jp/

構成はよくあるシングルページのホームページなのですが、スクロールするごとに変化する背景のアニメーションが目をひきます。

白ベースですっきり見やすく、コンテンツもシンプルな内容です。

ティザーサイトや会社案内のページデザインに参考にしてはいかがでしょうか。

Activation Nodeplus

activation-nodeplus

URL : http://www.nodeplus.com.cn/

リッチなアニメーションがカッコいいWebサイト。

ゴリゴリの3Dアニメーションを真似するのは難しいかもしれませんが、ポリゴンで表現をするデザインは他サイトでも目にする機会が増えてきているのでチェックしておこうと思います。

BIRD’S EYE VIEW OF KAGOSHIMA

birdseye-kagoshima

URL : http://kagoshima-trip.jp/drone/

鹿児島県の離島を空撮した映像を堪能できるWebサイト。

全画面動画背景のデザインはやはりインパクトがありますね。

ドローンを利用した空撮もコストが劇的に下がり、個人レベルでも手が届く技術になってきたのでいつかチャレンジしてみたいです。

Chelsea Collective

chelsea-collective

URL : https://www.chelseacollective.com/home

モノクロ写真と洗練されたタイポグラフィで、ハイブランドな雰囲気を漂わせています。

ページ遷移のしかたもシームレスで滑らかな使い心地を表現しています。

スクエアモチーフのデザインですが、アニメーションによってカッチリしすぎないWebサイトになっています。

CSS Design Awards

css-design-awards

URL : http://www.cssdesignawards.com/

大胆な配色なのにまとまりがあるデザインがカッコいいです!

見栄えの良いWebサイトをまとめたギャラリーサイトになっており、掲載されているWebサイトもチェックしておきたいところ。

計算されつくしたレイアウトも参考にしたいです。

Delica Digital

delica-digital

URL : http://www.delicadigital.com.br/2015/#/

工夫のあるUIをしていて触っていて楽しいです。

要素にマウスオーバーしたときの動きや、ページトップのタイポグラフィの動きなど、見どころがたくさんあるWebサイトになっています。

88 & 90 Lexington Avenue

gramercy-condos

URL : http://88and90lex.com/home

フラットなイラストと落ち着いた配色が洗練された印象を与えるWebデザインです。

1つ1つ丁寧にコンテンツをみせていく、スクロールタイプのWebサイトで、イラストを交えたシンプルなデザインをするときに参考にしたいです。

北干住デザイン

kitasenju-design

URL : http://kitasenjudesign.com/

いきなりトップページに現れるcanvas表現がインパクト大です。

ひとつひとつの作品も全て実験的でカッコよくて憧れてしまう。

MASAHIROMARUYAMA

masahiromaruyama

URL : http://masahiromaruyama.com/#/2side

画面をドラッグするとモデルさんがぐるりと回転するインタラクションが面白いです。

隠れている右サイドのウインドウを開いた時にスクロールすると左右が連動していくなど、使い勝手に配慮されていて素敵なデザインです。

ほんと、最近のWebデザインにおいて写真は超重要ですね。

New From Bose

new-from-bose

URL : http://special.bose.eu/en/

BOSEってもっと骨太なイメージを勝手に抱いていたのですが、ポップな配色が楽しげな印象を与えるデザインです。

斜めに大胆に切りだされたトップページのレイアウトも躍動感を感じます。

各商品ページのUIもすごく勉強になります。

VN Star

vn-star

URL : http://vnstar.com.ua/en/

アニメーション付きのインフォグラフィックを見ているかのようなWebサイト。

基本、ミニマルなデザインなのですが図形エレメントやアニメーションと融合してリッチな印象を与えます。

右端のスクロールの進捗を表す動きなど、細部まで隙がないこだわりを感じさせるデザインです。

アイドットデザインのブログはWeb業界の話題に限らず幅広いビジネストピックについて書いています。
よろしければFacebookページのフォローをどうぞ!ビジネスに役立つ情報をお届けします!

福岡のホームページ制作・SEO対策はアイドットデザインまでご相談ください!
インターネット集客やWebマーケティングのご相談も承ります。

お気軽にお問い合わせください!

お見積りやご相談は、メール/お電話にてお気軽にご連絡ください。専属の担当者が丁寧にご対応いたします。