Advertisement

agency-10

 

変化のめまぐるしいデザインの世界において、クリエイティブなウェブサイトを作成することは、なかなかできることではありません。

そんな時にアイデアを与えてくれそうな、デザインのプロとも言える、「デザイン事務所」のウェブデザインを眺めてみてはいかがでしょう。

 

 

海外デザインブログBrunoMouraで、ユニークなデザインや仕掛けがたっぷりな、世界のデザイン事務所、代理店のWebサイトデザインを30個まとめたエントリー「Creative Agency – Web Design Inspiration #24」が公開されていたので、今回はご紹介します。

 

パララックスエフェクトや、CSS3アニメーション、HTML5など新しいテクニックを惜しみなく、デザインと融合させています。

 

 

 

詳細は以下から。

 

 

 

クリエイティブな、世界のデザイン事務所、代理店のWebデザインまとめ

 

 X-Prime Groupe

画面サイズに応じて、コンテンツサイズを伸縮したレスポンシブデザインに対応したサイト。

フルスクリーン画面による、ダイナミックなイメージスライダーの切り替えも◎。

agency-14

 

 

 

SquareFactor

コンテンツに応じて左右に画面が切り替わるようになっており、クリーム色の背景色も配色の参考として。

agency-21

 

 

 

Weightshift

こちらもレスポンシブデザインで構築されており、Webフォントのスタイリング方法などは参考になりそうです。

agency-12

 

 

 

Small Studio

コンテンツが水平方向にスライドして切り替わり、 カラフルなグラフィックデザインが印象的。

agency-22

 

 

 

vlog.it

サークル状にアニメーションと一緒に、コンテンツが回転して出てくる、動きたっぷりなサイトデザイン。

agency-4

 

 

 

Rally Interactive

三角形のサムネイルに、マウスをホバーすると、独特なアニメーションを仕掛けた、ミニマルなWebデザイン。

agency-11

 

 

 

BlackNegative

マウスでスワイプしたり、クリックしたりとイベント満載な、クリエイティブなWebサイト。

agency-1

 

 

 

FullStop

太字フォントが印象的だった、シングルページ完結型のWebサイトデザイン。

agency-9

 

 

 

Forefathers

今年の要注目デザイントレンドとなっている、レトロデザインを採用した、ビンテージ風Webサイトデザイン。

agency-29

 

 

 

OK Studio

パララックスエフェクトを活用して、それぞれのコンテンツを切り替える、ビジュアルがクール。

agency-20

 

 

 

Art4Web

ヘッダー部分に用意された、フルサイズのカラフルなベクターデザインが、インパクト大なウェブサイト。

agency-24

 

 

 

Ala

パララックスエフェクトを完全マスターした、縦横無尽にイメージ写真が動き回ります。

agency-16

 

 

 

Dynamit

3つのスライダーを調整することで、関連したコンテンツを表示する、ユニークな仕組みが素敵◎。

agency-17

 

 

 

K2

イメージ画像や配色、フォント選びなどどれもセンスを感じる、デザイン事務所の公式サイト。

細かいストライプをサムネイルに合わせることで、映画のような映像を再現。

agency-5

 

 

 

Mustache

落ち着いた色使いに、横から飛び出すユニークなコンテンツメニューが、触ってたのしいサイトに仕上がっています。

agency-19

 

 

 

Yoke

淡い色使いがやさしい印象を与えてくれる、手書きスケッチデザインを使った、Webサイトデザイン。

agency-26

 

 

 

Legwork Studio

手書きされたヘタウマスケッチを、ファースビューとして利用しており、全編通じてデザインパーツは手書きで作成されたユニークな作品。

agency-30

 

 

 

Warface

マスタード色を背景色に利用した、クリエイティブでカラフルなデザインを得意としたデザイン事務所。

レスポンシブデザインに対応しており、モバイル表示もバッチリです。

agency-27

 

 

参照元リンク : Creative Agency – Web Design Inspirati0n #24 – BrunoMoura.net