【3/18〜】Amazon、VMwareが語る『クラウドの未来』 スラッシュドット    はてなブックマーク  Yahoo!ブックマークに登録  印刷
連載インデックスへ
一撃デザインの種明かし一撃デザインの種明かし（5）

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

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

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

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

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

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

- PR -

　企業のブランドイメージをビジュアルで表現する、コーポレートサイトの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フィード

＠IT 新着記事

スキルアップ／キャリアアップ（JOB@IT）

＠IT Special -PR-
「いつかは壊れるサーバ」そんな故障に
迅速で安価に手軽に対応する方法とは？
New！
「特権ユーザー」の事件を防げ！
万能権限を持つユーザーの管理方法とは？
New！
仮想環境の構築とデータ保護の特効薬？！
実績と信頼性の高いパッケージで安心運用
仮想環境のバックアップもこれまでどおり
「まるごと取ってまるごと戻す」簡単運用
おばかアプリ選手権、第４弾開催中！！
ムダにカッコよくてくだらない作品求ム！
社内ファイルサーバを“クラウド”に統合
VPN直結「クラウド型ストレージ」を紹介
その数、なんと400台以上！ グループ内
サーバの「統合管理」によるメリットは？
美人!? まあまあ？ 気になる いやし系!!
PV急増で「美人時計」がとった手段とは？
進化を続ける富士通ストレージETERNUS DX
製品開発者の自信を裏付けるものとは何か
運用管理の課題を“2つの観点”から分析
ユーザー満足度の高い「仮想環境」とは？

→＠IT Special ヘ

お勧め求人情報

キャリアアップ　〜JOB＠IT
＠IT Special -PR-
◆ 　 TomcatやJBossなどAPサーバ環境に関する
情報を集約！ “業務”用APサーバ大百科
New！
◆ 　 一気に解説！　最新のクラスタストレージ
「RAIDを超えたストレージ基準」……など
New！
◆ 　 クラウド的ユーザー体験の変化は脅威か？
仮想化技術を使いこなす運用管理術を紹介
New！

◆ 　 上司や部下、部署内メンバーとの情報共有
を“ガラッ”と変えるコラボツールとは？
New！
◆ 　 おばかアプリ選手権、第４弾開催中！！
ムダにカッコよくてくだらない作品求ム！
◆ 　 社内ファイルサーバを“クラウド”に統合
VPN直結「クラウド型ストレージ」を紹介

◆ 　 Twitterのアカウントはなぜ突破された？
メールによる新手の攻撃手法とその対策
◆ 　 もう仮想化のお試しフェイズは終わりだ！
Hyper-V 2.0が基幹システムも仮想化
◆ 　 美人!? まあまあ？ 気になる いやし系!!
PV急増で「美人時計」がとった手段とは？

◆ 　 クライアント企業から求められる人材
⇒IT技術と経営戦略を併せ持つ「戦略家」
◆ 　 .NET編集長が実践する「技術情報検索術」
サンプル・コードを簡単に探す“技”は？
◆ 　 業務効率と情報セキュリティ対策を両立！
手間なく確実に機密情報を守る方法とは？

◆ 　 進化を続ける富士通ストレージETERNUS DX
製品開発者の自信を裏付けるものとは何か
◆ 　 運用管理の課題を“2つの観点”から分析
ユーザー満足度の高い「仮想環境」とは？

◆ 　 【CTC事例】約30の基幹システムを統合！
膨大なバッジジョブを制御した方法は？
◆ 　 仮想化すればコストは削減できるか？
仮想化に必要な「3つの視点」を解説する
◆ 　 その数、なんと400台以上！ グループ内
サーバの「統合管理」によるメリットは？

→＠IT Special ヘ