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

finesse-design-atelier

こんにちは。アイドットデザインの越水です。

みなさんGWは楽しんで過ごせたでしょうか?アイドットデザインはメンバー一同リフレッシュして5月も元気にホームページ制作に邁進します!

先月も業務をしながらたくさんのWebサイトを見てきたので、そのなかから4月分としてデザインやインタラクションが気になったWebサイトをまとめました。

ホームページ制作を行うときのデザインのひきだしやアニメーション実装の参考にできるものばかりです。それではどうぞ!

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

特別な祝古酒 トビンテージ TOVINTAGE

tovintage

URL : http://jizakesohko.okayama.jp/tovintage/

岡山県の室町酒造が手がける古酒「TOVINTAGE」のウェブサイト。

マウスを動かした時のアニメーションやスッキリと見やすいデザインが水々しい印象を与えます。

Plane—Site

plane-site

URL : http://plane-site.com/

ベルリンのクリエイティブエージェンシーのホームページ。

スクロールしたときにSVG画像を制御して動作するインタラクションが面白いです。

Boom Botix

boom-botix

URL : http://pro.boombotix.com/

スピーカーガジェットBOOMBOTIXのWebサイト。

ファーストビューをスクロールさせると動画表現にシームレスに移行する導入部分がカッコいいです。

商品の見せ方で採用されているインタラクションは何か他のプロダクトにも使えそうですね。

東京大学エッジキャピタル UTEC

utec

URL : https://www.ut-ec.co.jp/

ベンチャーキャピタル「株式会社東京大学エッジキャピタル」のWebサイト。

各コンテンツの遷移の仕方など、とてもチャレンジングなUI設計をしていると思いました。

レスポンシブの設計なども参考にしたい内容です。

 

飛騨の家具・インテリア 日進木工株式会社

nissin-mokkou

URL : https://www.nissin-mokkou.co.jp/

飛騨高山の職人文化を大切にする日進木工株式会社のコーポレートサイトです。

シンプルなデザインですが、ハイクオリティな写真がバシッと決まったクールなサイトになっています。

ベーシックな構成を押さえつつトレンドにあったインタラクションが採用されていて、今時なコーポレートサイトのお手本になりそうです。

Finesse Design Atelier

finesse-design-atelier

URL : http://finesseatelier.com/

パリを拠点にするクリエイティブスタジオ。

大胆な配色とクールなデザインがめちゃくちゃ好みだったのでご紹介です。

言葉で語らずともサイトを見ればそのセンスは言わずもがな。ブランド感があってカッコいいですね。。

Rotate°

rotate

URL : https://studiorotate.com/

ロンドンのブランディングを支援する制作会社です。

トップページの不思議な表現が気になって何度もマウスを滑らせてしまいます。

PCのでもモバイルでも変わらぬルック&フィールを保っていて設計の参考にしたいサイトです。

IDEO

ideo

URL : http://new.ideo.com/

もはや説明不要のデザインカンパニーIDEOのウェブサイトです。

シンプルだからこそ力強い、という表現がピッタリはまるようなデザインになっています。

必要最低限の要素で構成されているからこそテキストの訴求力が活きてくる、そんなサイトだと思います。

あなたの知らないインターネットの世界

jprs

URL : http://知るほど面白い.jp/

.jpドメインを管理する株式会社日本レジストリサービスのプロモーションサイトです。

ファーストビューからスクロールさせると起こる見せ方が面白いですね。

実は各所にちりばめられているコンテンツへのリンクを探すのも楽しいです。

秋保ワイン RASIN DE AKIU

akiu-wine

URL : http://akiuwine.jp/

仙台で作られている秋保ワインの紹介サイトです。

Canvasでの表現が多用されたデザインになっていて、季節や時間帯によって表情を変える自然の風景をおしゃれに表現したインタラクションは眺めているだけで楽しいです。

The Next Rembrandt

the-next-rembrandt

URL : https://www.nextrembrandt.com/

オランダの画家、レンブラントの絵画に隠された秘密を解き明かすプロモーションサイト。

複雑に絡み合うアニメーションや、要素をマウスオーバーしたときの細かな動きが勉強になります。

おわりに

いかがでしたか?気になったWebサイトはありましたか?

またアイドットデザイン内で話題になったWebサイトのまとめをお届けしたいと思います。それでは、また次回!

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

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

follow us in feedly

Facebookページに「いいね!」して更新情報をチェック!

« »