連載
» 2009年07月31日 00時00分 UPDATE

一撃デザインの種明かし(5):最旬!世界の制作会社コーポレートサイト徹底比較! (1/3)

Webの世界で企業の看板ともいえるのがコーポレートサイト。30の制作会社のコーポレートサイトを参考に、オリジナリティの表現手法を考えたい

[小倉亜由美, 西慶子,面白法人カヤック]

 いきなり手前味噌で恐縮ですが、面白法人カヤックのコーポレートサイトが2年ぶりにリニューアルしました。

r1200.jpg

 今回は、『コーポレートサイトというジャンルで、いかにしてオリジナリティあるデザインをするか?』をテーマにコーポレートサイトの事例紹介と、カヤックサイトのデザインを使ってデザイン手法をお伝えします。

手の内見せて競う! 制作会社のコーポレートサイト

 企業のブランドイメージをビジュアルで表現する、コーポレートサイトのUI。

 中でも、Web制作会社のサイトでは、自社の技術力を駆使し、斬新性を打ち出すことで個性を競っています。

 国内外のWeb制作会社やデザイン会社がどのような方法でオリジナリティを打ち出しているかを、いくつかのUIパターンや表現手法に沿って紹介します。そのうえで、今回のカヤックのリニューアルで、皆さんの気になっている点を説明します。

最旬!世界の制作会社コーポレートサイト事例 30

 ここでは、参考にしたサイトからトップ29サイトを厳選して、以下の8つのカテゴリに分類してご紹介します。 最後にはカヤックのサイトも紹介していますので、旬なサイト30となります。

  • ズームイン・ズームアウト 
  • キャラクターがナビゲート
  • 遊んで楽しい!
  • 派手!なトランジション(切り替え効果)
  • 働く人を前面に押し出す
  • 作品、実績を中心に見せる
  • 文字を扱ったデザイン
  • 実験的なインターフェイス

ズームイン・ズームアウト

引きの画と個別のコンテンツを行き来したり、そこにメタファーをからめることで、ユーザーをコンテンツの世界観に引き込んでいくことができます。

r12arrow_white.gif

Schematic.com

軽快な動きで心地よい操作感が得られます 軽快な動きで心地よい操作感が得られます
r12arrow_white.gif

Square Circle

テーブルの上の雑貨などをメタファーに、コンテンツの情報が織り交ぜられています テーブルの上の雑貨などをメタファーに、コンテンツの情報が織り交ぜられています
r12arrow_white.gif

+GOOD

電気回路のメタファー。YES NOでコンテンツを進めていくことができます 電気回路のメタファー。YES NOでコンテンツを進めていくことができます

キャラクターがナビゲート

 キャラクターを立てることで、イラストやアニメーション、3D、演出など、専門性や技術力を総合的に表現することができます。

r12arrow_white.gif

DUBOISmeetsFUGGER

キャラクターがナビゲーションになってコンテンツを探索できます キャラクターがナビゲーションになってコンテンツを探索できます
r12arrow_white.gif

BIRDMAN

映画の予告編のような、ナレーション付きのオープニングムービー。飛翔するBIRDMANは迫力満点です 映画の予告編のような、ナレーション付きのオープニングムービー。飛翔するBIRDMANは迫力満点です
r12arrow_white.gif

Fat-Man Collective

ジェットの爆音とともに現れる、丸々と膨らんだFat-Man! ジェットの爆音とともに現れる、丸々と膨らんだFat-Man!
r12arrow_white.gif

FIFTYEIGHT 3D

シンプルなデザインに、不思議な質感のキャラクターが存在感あります シンプルなデザインに、不思議な質感のキャラクターが存在感あります
r12arrow_white.gif

Sense Titol

ドットのキャラクターが、跳んだり、走ったり、生き生きと動き回ります ドットのキャラクターが、跳んだり、走ったり、生き生きと動き回ります
       1|2|3 次のページへ

Copyright© 2017 ITmedia, Inc. All Rights Reserved.

@IT Special

- PR -

TechTargetジャパン

この記事に関連するホワイトペーパー

Focus

- PR -

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。