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

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

blog

ブログ

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

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

今月も恒例のWebサイトまとめを公開します!今回は先月Webデザインが気になった12サイトを紹介します。

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

Level

level
URL : http://level-barvikha.ru/en#

※注意:このWebサイトは音が出ます。

モスクワ郊外にあるハイエンド住宅のコンセプトサイト。

住宅広告としてのWebサイトがここまでクリエイティブに振りきれるという点で、デザインに対する社会的な評価と文化背景が日本とはどれだけ違うかを考えさせられます。

少し使いづらいナビゲーションという感じはあるのですが、独特のインタラクションを持ったサイトだったので今回チョイスしてみました。

The Boat

the-boat
URL : http://www.sbs.com.au/theboat/

※注意:このWebサイトは音が出ます。

スクロールするとイラストやアニメーションとともにインタラクティブにストーリーが進行していくWebサイト。

ベトナム戦争を扱った重たいテーマですが、スクロールアニメーションの表現にはこういった物語を伝えていく力もあるのだと実感する内容です。

表現手段としてのウェブの可能性はまだまだ広いですね。

BLITZ

blitz
URL : http://www.blitzagency.com/

アメリカのサンタモニカにあるデジタルエージェンシーのホームページです。

トップページに現れるブラシ風のタイポグラフィは最近のWebデザインによく見られます。

スクロールやマウスホバーのアニメーションがいちいち凝った作りになっていて、技術力やクリエイティブをアピールするためのWebサイトとして機能しています。

スマートフォンでの動作もしっかりと、細かな動きまで参考にしたいサイトです。

dnlsptzk

dnlsptzk
URL : http://www.danielspatzek.com/home

先月の海外Webデザインギャラリーで多数取り上げられた、オーストリアのアートディレクターのポートフォリオサイト。

ソリッドな画像とタイポグラフィのバランスがとてもかっこいいです。

ブログアーカイブの見せ方もアイデアがあって素敵です。

ミニマルな構成だけど、必要なコンテンツが十分に用意されていて本人の実績や実力がしっかりとアピールされています。

フリーとして活動するクリエイターはぜひ参考にしておきたい。

THUIS | WEGET

thuis-weget
URL : https://weget.nl/

オランダを拠点にWebマーケティングやWeb制作を行う企業のホームページです。

こういう制作現場を動画背景にしたサイト、憧れます。

コンテンツの情報量はそれほど多くないけどインタラクションのカッコよさで魅せていきたいサイトを作る時に参考したいです。

Malika Favre

malika-favre
URL : http://malikafavre.com/

ロンドン拠点のフランス人アーティストのポートフォリオサイトです。

オシャレでクールなイラストがぎっしり並んで、インパクトがすごいです。

クラシックなんだけど新しい。映画のワンシーンを切り取ったような構図と配色がめちゃくちゃかっこいいです。

Webサイトの設計もシンプルで使いやすいです。

Signature International

signature-international
URL : http://www.signatureintl.com/

パリに拠点を置くコンテンツ制作企業によるデジタルマガジン。

SVG画像やVideoを多用した表現が目を惹きます。

雑誌感覚でザッピングしていくのが楽しいWebサイトです。

Namie Amuro “Anything” for Google Chrome

namie-amuro-anything
URL : http://anything.namieamuro.jp/

不動の人気を誇るシンガー安室奈美恵さんの新アルバムのプロモーションサイト。

Canvasによる3D表現がカッコいいトップページから遷移すると、Chromeの拡張機能をインストールするように促されます。

この拡張機能を使うと新曲「Anything」のミュージックビデオの完全版が見れるのですが、この仕組がすごすぎる。

ブラウザの拡張機能をこんなやり方でプロモーションに活かすなんて!と驚くばかりです。

今話題のIoT、とまではいかないのですが自分のパソコンが拡張されたような仕掛けにWebの可能性を再認識しました。

our company

our-company
URL : http://our.co.jp/

東京にある商品企画や空間プロデュースを手がける企画会社のホームページです。

コピーライティングが並ぶトップページがインパクト大。

さらにそのコピーにマウスオンすると背景画像が切り替わり、各実績とそのコンセプトが一目瞭然という形になっています。

メンバー紹介のイラストがゆるかわいくて好き。

DreamTeam Katarzyna Konkowska

dream-team
URL : http://dreamteam.pl/

※注意:このWebサイトは音が出ます。

ポーランド出身の空間プロデュースを行うデザイナーのポートフォリオサイト。

テレビやコンサートのステージデザインでのキャリアが強みらしく、ステージへ登る階段をモチーフにしたアニメーションが、もう、サイトを開いてのっけからギュンギュン動く。

これだけアニメーションしているにも関わらず、サイト構成はシンプルで情報もコンパクトなので使いやすいホームページになっています。

Namale

namale
URL : http://creationsnamale.com/

Etsyでも販売しているジュエリー作家のWebサイトです。

スクロールで中心が別れていくようなUIは最近トレンドになっているのか多くのWebサイトで見られるようになりました。

写真中心でコンセプチュアルな世界観を表現しています。

4:20 avec Dead Obies

avec-dead-obies
URL : http://420.deadobies.com/fr/

ちょっと何のサイトかよくわかっていないのですが、とにかくインパクトが強くて、サイト内容はわかる必要ないかな、とそのまま掲載。

ローディング画面からして強烈なのですが、開かれたサイトをスクロールすると展開される万華鏡のようなドラッギーな世界。

これはこれでひとつの表現として、何か「ヤバい」ものを感じました。

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

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

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

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