最旬!世界の制作会社コーポレートサイト徹底比較!
■ 遊んで楽しい!
エンターテインメント性のあるコンテンツをユーザーに体験してもらうことで、直帰率を下げたり、企業に対してユニークなイメージを持ってもらうことができます。
![]() |
| 通常ページのほかに、3Dメガネを付けて閲覧できるコンテンツを用意 |
![]() |
| 右上のアイコンをクリックするとゲームが始まります。3機なくなるとゲームオーバー! |
![]() |
| 個性的なイラストを全面に使って、見応えのあるゲームやコンテンツを展開しています。 |
■ 派手!なトランジション(切り替え効果)
コンテンツ間の遷移の動きを工夫することで、見る人をあっと驚かせるような演出をしています。
![]() |
| 絵本のようにカラフルで大きな色面がパタパタと横方向に展開します |
![]() |
| ボックス状のメニューが要塞のように口をあけて組み替わります |
■ 働く人を前面に押し出す
どんな人が、どんなことを考えながら働いているかを見えるようにすることで、会社の特色をストレートに伝えます。
![]() |
| メンバーページではポスターのようなプロフィール画像が動いてズボンをぬいだりします!? |
![]() |
| スタッフページはなんと裸!素朴な似顔絵との対比がナチュラルな印象です |
![]() |
| 社員の名前をトップで見せて、手掛けた作品の実績を紐付けています |
![]() |
| 射的ゲームで社員を狙うことができます |
![]() |
| 職種別の色分けやインタビューなど、社員1人1人の個性にスポットを当てています |
実績としてクライアントのサイトを掲載しています。制作会社としては王道といえるのではないでしょうか。
![]() |
| 光沢のある布が垂れ落ちた後、実績バナーが表示されます |
![]() |
| ブログ形式で実績をメインに打ち出しています |
![]() |
| トップの大きなバナーエリアに美しいビジュアルが展開されています |
文字通り、文字を使ったタイポグラフィデザインです。
![]() |
| 大きくてカラフルなタイポグラフィがモーション付きで展開されています |
![]() |
| ジャンプ率の高い見出しで目を引きます |
![]() |
| マウスオーバーした文字が拡大してサムネイルが表示されます |
ちょっと冒険的なUIも、自社のコーポレートサイトであれば、思い切って展開することができます。
![]() |
| 音声でデザインするという試み。耳から目のアイコンに、スライダを移動させると視覚的なコンテンツに変化します |
![]() |
| Google Analyticsのデータを、地図にマッピングしています。アクセス解析をコンテンツとして表示! |
![]() |
| ユーザーはカメラに自分の手のひらをかざしてスライドさせることで、コンテンツをスクロールさせることができます |
![]() |
| スクロールバーが左側に2本。 左のバーはメニューのナビゲーション、右のバーはコンテンツ内部でのスクロール用 |
![]() |
| なぜだか分かりませんが、スクロールバーが半端なく大きい!! |
- - PR -
いかがでしょうか。 制作会社のコーポレートサイトでは、各社の強みや個性を打ち出すために、時に思い切った斬新性や実験的な試み、トレンドが積極的に取り入れられています。
また、コミュニティサービスのように日に何度も訪問して便利に使ってもらうということを目的としてはいません。
企業としてどのような価値を社会に生み出していきたいかをコンテンツに落とし込み、ユーザーの感情や反応を引き出そうという各社の創意工夫が、リッチでバラエティに富んだビジュアル表現につながっています。
| 2/3 |
| INDEX | ||
| 一撃デザインの種明かし(5) 最旬!世界の制作会社コーポレートサイト徹底比較! |
||
| Page1 手の内見せて競う! 制作会社のコーポレートサイト 最旬!世界の制作会社コーポレートサイト事例 30 * ズームイン・ズームアウト * キャラクターがナビゲート |
||
| Page2 * 遊んで楽しい! * 派手!なトランジション(切り替え効果) * 働く人を前面に押し出す * 作品、実績を中心に見せる * 文字を扱ったデザイン * 実験的なインターフェイス |
||
| Page3 カヤックの挑戦! コーポレートサイトのメディア化 サイトの軽さを保つための工夫いろいろ 漫画の世界観を表現!面倒なスクロールも楽しく ユーザーに楽しんでもらうためのさまざまな仕掛け |
||
一撃デザインの種明かし バックナンバー 連載インデックスへ»
- 第1回 一撃必笑!名物『漫画名刺』の作り方!
- 第2回 ケータイFlashでさくさく動くIllustratorデータの作り方
- 第3回 Google 3Dを使って、1日でゲームグラフィックを制作!
- 第4回 常識破りの携帯Flashアニメーション術
- 第5回 最旬!世界の制作会社コーポレートサイト徹底比較!
- 第6回 いまからでも遅くない! ケータイデザインの基礎固め
- 第7回 アイデア力を高める! ビジュアルブレストのススメ
- 第8回 一攫千金! デザイナのためのmixiアプリ制作のコツ
- 第9回 師走を乗り切れ! 超速イケてる年賀状素材作り
- 第10回 売れるiPad/iPhoneアプリのためのデザイン必須知識
- 第11回 新人Webデザイナに贈る!美人/タレント素材の創り方
- 第12回 誰でも作れる! “崩れない”HTMLメルマガ作成術
- 第13回 デザイナは要注目! 明日から語れるHTML5&CSS3
- 第14回 スマートフォンアプリデザインに役立つ基礎のまとめ!
- 第15回 HTML5+CSS3時代のプログレッシブ・エンハンスメント
- 第16回 いますぐ使えるCSS3テクニック集 コピペ用サンプル付
| 「デザインハック」コーナーへ |
TechTargetジャパン
リッチクライアント & 帳票 フォーラム 新着記事
- 次のモバイルアプリはどのフレームワークで作る? (2012/5/24)
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS&専用エディター」でCSSをシンプルに書こう (2012/5/23)
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら (2012/5/18)
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング (2012/5/15)
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
|
|
@IT 新着記事
キャリアアップ
スポンサーからのお知らせ
イベントカレンダー
お勧め求人情報
転職/派遣情報を探す
**先週の人気講座ランキング**
〜 Android編 〜
ホワイトペーパー(TechTargetジャパン)
ソリューションFLASH





















