A V I S U A L S T U D Y

企業ホームページ、
三十年の変遷。

1996—2025

Apple、Sony、Toyota──三社のコーポレートサイトを五年刻みに並べ、
技術・視覚言語・メッセージ・役割の変化を観察する。
浮かび上がるのは、企業がWebを通じて自らをどう提示してきたか、
その「文法」の三十年史である。

A P P L E ・ S O N Y ・ T O Y O T A
— 0 1 —

観察の五つの軸

漫然と眺めるのではなく、五つの軸を立てて比較する。
視覚と構造、動きとメッセージ、そしてHPが企業全体の中で担う「役割」。

i.
構造
情報の階層、ナビゲーション形式、トップに何を置くか。
ii.
視覚言語
色、タイポグラフィ、そして余白の総量。
iii.
動き
静的か動的か。実装技術と動きの設計思想。
iv.
メッセージ
「最初に伝えたい」ことの中身そのもの。
v.
役割
HPが企業活動全体の中で担っている機能。
— 0 2 —

三十年の俯瞰

三社・七時点を一望する基本マトリクス。

年 Apple Sony Toyota
1996 テキスト＋小画像のリンク集。製品カテゴリの網羅。 事業部一覧型。テキストリンク中心、ほぼパンフレット。 企業概要中心。車種紹介は二次的。
2000 iMac G3 と Aqua風UIの萌芽。製品ヒーロー画像登場。 グラフィカル化。ニュース／製品／企業の三分割。 車種カタログ化。CG・写真の使用が増える。
2005 白背景＋単一製品ヒーロー。iPodシルエットと同調。 Web 2.0的グロスボタン。ポータル化、サブサイト群。 プリウス／ハイブリッド前面。マーケ色強まる。
2010 スキューモーフィズム。タブ式の製品カード群。 PS3／BRAVIA時代。ライフスタイル写真の導入。 「クルマのある暮らし」訴求。家族・環境の写真。
2015 フラット化、巨大タイポ、フルブリード写真。 整理が進むも情報密度は依然高い。和風コーポレート。 TNGA／安全技術。レスポンシブ対応。
2020 縦長スクロールの一製品一物語。極限の余白。 モバイルファースト。CSR／パーパスが上位に。 「モビリティカンパニー」宣言。e-Palette前面。
2025 Apple Intelligence。動画ヒーロー、深い黒、対話的UI。 センシング／半導体／モビリティの統合企業像。 マルチパスウェイ（BEV／水素／HEV）、Woven City。
— 0 3 —

年代別 — 共通点と差異

七つの時点を順に開く。各社の選択を並べ、その背後に流れる共通点と、
決定的に異なっていた箇所を抽出する。

1996
「あること」自体が先進性。
パンフレットの電子化。
Apple
  • 中心製品カテゴリ一覧
  • 視覚灰背景・小サムネ
  • 主語「Macを選べ」
  • 役割製品カタログ
余白
25
動き
10
情報量
75
Sony
  • 中心事業部リンク集
  • 視覚ほぼテキスト
  • 主語「Sonyという企業」
  • 役割名刺＋目次
余白
35
動き
05
情報量
65
Toyota
  • 中心会社概要・沿革
  • 視覚プレーン
  • 主語「トヨタという会社」
  • 役割名刺
余白
40
動き
03
情報量
55
共 通 点
パンフレットの電子化。情報を「並べる」発想。誰も「見せる」段階に到達していない。
差 異
Appleは既に「製品＝ブランド」の文法。日系2社は「会社案内」が主役で、製品は奥に。出発点から、語る主語が違っている。
2000
表現の獲得。
ブロードバンド前夜の「見せる」志向。
Apple
  • 中心iMac G3 ヒーロー
  • 視覚Aqua風（透明・光沢）
  • 主語「製品＝アート」
  • 役割ブランド体験
余白
45
動き
30
情報量
60
Sony
  • 中心三層構造の総合ポータル
  • 視覚グラデ・タブ
  • 主語「事業の幅」
  • 役割総合ポータル
余白
25
動き
25
情報量
80
Toyota
  • 中心新型車ビジュアル
  • 視覚カタログ的写真
  • 主語「車種ラインナップ」
  • 役割車種カタログ
余白
30
動き
20
情報量
70
共 通 点
画像表現が解禁され、各社が「見せる」志向に踏み出す。CMと同等予算がWebにも投じられはじめた時代。
差 異
Appleは早くも「製品＝アート」の演出に振り切る。Sonyは事業の幅をそのまま見せるポータル化、Toyotaは紙カタログをWebに移植する段階。
2005
Web 2.0、双方向性。
「足し算」と「引き算」の分岐点。
Apple
  • 中心iPod／iTunesの単一物語
  • 視覚白背景・極シンプル
  • 主語「個人の物語」
  • 役割物語伝達装置
余白
75
動き
35
情報量
30
Sony
  • 中心グロスボタン群、サブサイト
  • 視覚鏡面反射・グラデ
  • 主語「全製品・全事業」
  • 役割ポータル＋発信源
余白
20
動き
55
情報量
90
Toyota
  • 中心プリウス／環境訴求
  • 視覚写真＋情報密度
  • 主語「環境とブランド」
  • 役割ブランド広告の延長
余白
25
動き
50
情報量
80
共 通 点
Flash／CSS／Ajaxの成熟で「動く・反応する」が標準化。Webサイト＝動的メディアという認識が固まる。
差 異
Appleがここで決定的に「引き算」へ向かう。日系2社は逆に「足し算」を続け、Web 2.0 のグラフィカル要素を全面採用。余白の哲学が分岐する瞬間。
2010
スマートフォン前夜。
HPが企業活動の「ハブ」として最大化。
Apple
  • 中心iPad訴求＋製品タブ
  • 視覚スキューモーフィズム
  • 主語「エコシステム」
  • 役割エコシステムのハブ
余白
80
動き
50
情報量
35
Sony
  • 中心BRAVIA／PS3／VAIO並列
  • 視覚玻璃感・写真導入
  • 主語「多事業の総体」
  • 役割多事業ポータル
余白
30
動き
60
情報量
85
Toyota
  • 中心ハイブリッド＋ライフ写真
  • 視覚リアル写真＋環境訴求
  • 主語「クルマのある暮らし」
  • 役割ブランド × 環境
余白
35
動き
55
情報量
75
共 通 点
HTML5／CSS3が成熟。HPが企業活動全体のハブとして最大化される時代。
差 異
Appleはすでに「物語のヒーロー画像1枚」志向。Sony・Toyotaは依然として情報を並列化する設計──日本企業の「網羅志向」が継続。
2015
モバイルファースト確立。
レスポンシブ標準化、フラットの定着。
Apple
  • 中心Watchのフルブリード
  • 視覚フラット・巨大タイポ
  • 主語「映画的体験」
  • 役割物語装置＋EC
余白
85
動き
65
情報量
30
Sony
  • 中心整理されたカテゴリ＋IR
  • 視覚フラット寄り、密度高
  • 主語「統合企業」
  • 役割統合企業ポータル
余白
40
動き
55
情報量
75
Toyota
  • 中心TNGA／安全技術
  • 視覚写真主体
  • 主語「技術と安全」
  • 役割ブランド＋技術伝達
余白
45
動き
50
情報量
65
共 通 点
レスポンシブ標準化、フラットデザイン定着。スマホ流入が主役という前提が共有される。
差 異
Appleはスクロールを「映画の一場面」のように扱い始める。日系2社はレイアウトの整理は進むが、依然として情報が「敷き詰められる」傾向。
2020
パーパスの時代。
「企業は何のために存在するか」を語り始める。
Apple
  • 中心一製品の縦長物語
  • 視覚極限の余白＋深い黒
  • 主語「個人と製品」
  • 役割物語＋EC＋サポート
余白
95
動き
80
情報量
25
Sony
  • 中心パーパス／ESG／IR
  • 視覚ミニマル化進行
  • 主語「Kando（感動）」
  • 役割統合ブランド表明
余白
65
動き
70
情報量
55
Toyota
  • 中心「モビリティカンパニー」
  • 視覚赤＋白基調
  • 主語「移動の未来」
  • 役割産業構造変革の宣言
余白
60
動き
75
情報量
50
共 通 点
コロナ禍と相まって、各社が「企業の存在意義」をWebで語り始める。動画ヒーローが標準装備に。
差 異
Appleは依然プロダクト中心、Sony・Toyotaはむしろ「企業の在り方」へ重心移動。日系2社が15年遅れて余白とミニマルに到達。
2025
AIと対話の時代。
同じ動画ヒーローでも、語る主語が異なる。
Apple
  • 中心Apple Intelligence／Vision
  • 視覚動画・深い黒・3D要素
  • 主語「あなたへ」
  • 役割パーソナライズ応答装置
余白
90
動き
95
情報量
30
Sony
  • 中心センシング × エンタメ × モビリティ
  • 視覚統合された世界観
  • 主語「事業の総体」
  • 役割多事業の統合的提示
余白
75
動き
85
情報量
55
Toyota
  • 中心マルチパスウェイ／Woven
  • 視覚産業転換のビジュアライズ
  • 主語「社会システム」
  • 役割未来の宣言場
余白
70
動き
90
情報量
55
共 通 点
動画とスクロール演出が標準。AIによる個別応答が組み込まれ始める。表面の様式は急速に近接した。
差 異
同じ動画ヒーローでも、語りかける主語と対象が違う。Appleは「個人への問いかけ」、Sonyは「事業の統合的世界観」、Toyotaは「社会システムの再設計」──30年の到達点としての差異。
— 0 4 —

三社が描いた、異なる軌跡

同じ三十年を、三社はどう生きたか。

Apple
早期に「引き算」へ転換した稀有な例

2000年代前半に既に「白背景＋単一ヒーロー」へ移行した。

余白の哲学を2010年代を通じて深化させ、一貫して「個人の物語」として製品を提示し続けた。

三社の中で、最も長い時間「同じ思想」を貫いた企業。

Sony
「網羅」から「統合」への長い旅

1996〜2010はポータル型。事業の幅をそのまま見せる構造を維持した。

2015以降、徐々に統合的世界観の提示へと舵を切る。

「多角化企業」という構造そのものをWebで語る難しさと、向き合い続けた30年だった。

Toyota
紙カタログ → ブランド → 産業宣言

1996〜2005は紙の延長線上。Webは「もう一つの販促媒体」だった。

2010年代に「ライフスタイル」訴求へ移行。

2018年の「モビリティカンパニー」宣言以降、HPの役割が劇的に変化。会社の自己定義そのものを書き換える場となった。

— 0 5 —

通史的に見える、三つのパターン

三十年の弧の中に、繰り返し現れる構造。

i.
情報の「並列」から「物語」へ
すべての企業が、リンクを並べる構造から、スクロールで読ませる構造へ移行している。ただし、その速度と徹底度には大きな差がある。
ii.
役割の重層化
1996年の「カタログ」から、2025年には「カタログ＋ブランド体験＋EC＋IR＋採用＋サポート＋AI対話」へ。HPは「すべて」を抱える場所になった。
iii.
余白の獲得時期に十五年の時差
Appleは2005年、SonyとToyotaは2020年前後。「余白＝何も置かない」という決断は、企業文化として最も難しい選択肢だったことが、三社並列で見るとはっきり分かる。