Tweet

一撃デザインの種明かし（5）

最旬！世界の制作会社コーポレートサイト徹底比較！

面白法人カヤック
小倉亜由美
西 慶子
2009/7/31

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

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

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

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

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

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

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

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

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

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

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

　Schematic.com

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

　Square Circle

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

　+GOOD

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

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

　DUBOISmeetsFUGGER

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

　BIRDMAN

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

　Fat-Man Collective

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

　FIFTYEIGHT 3D

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

　Sense Titol

ドットのキャラクターが、跳んだり、走ったり、生き生きと動き回ります

1/3

INDEX
一撃デザインの種明かし（5）　 最旬！世界の制作会社コーポレートサイト徹底比較！
	Page1 手の内見せて競う！ 制作会社のコーポレートサイト 最旬！世界の制作会社コーポレートサイト事例　30 * ズームイン・ズームアウト * キャラクターがナビゲート
	Page2 * 遊んで楽しい！ * 派手！なトランジション（切り替え効果） * 働く人を前面に押し出す * 作品、実績を中心に見せる * 文字を扱ったデザイン * 実験的なインターフェイス
	Page3 カヤックの挑戦！ コーポレートサイトのメディア化 サイトの軽さを保つための工夫いろいろ 漫画の世界観を表現！面倒なスクロールも楽しく ユーザーに楽しんでもらうためのさまざまな仕掛け

「デザインハック」コーナーへ

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード