こんにちは。シンス株式会社の越水です。

みなさんGWは楽しんで過ごせたでしょうか？シンス株式会社はメンバー一同リフレッシュして5月も元気にホームページ制作に邁進します！

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

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

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

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

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

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

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

Plane—Site

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

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

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

Boom Botix

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Finesse Design Atelier

URL : http://finesseatelier.com/

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

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

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

Rotate°

URL : https://studiorotate.com/

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

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

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

IDEO

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

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

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

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

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

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

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

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

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

秋保ワイン RASIN DE AKIU

URL : http://akiuwine.jp/

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

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

おわりに

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

またシンス株式会社内で話題になったWebサイトのまとめをお届けしたいと思います。それでは、また次回！

ホームページ制作はもちろん、ブログ・SNSの運用やコンテンツ企画もお任せください。