ユーザーインターフェース
- スクロール＝タイムトラベル：縦横無尽なスクロール操作がそのまま年表の移動（タイムトラベル）になっており、自分のペースで45年の歴史を遡ることができる仕組み。
- 触感のあるインタラクション：左側の随所に配置された「回せるハンドル」のような動きをするギミックなど、物理的な「ガシャポンの操作」とリンクする設計になっている。
コンテンツ構成
- 時代ごとのトピックス：1977年の誕生から現在に至るまで、その時代のヒット商品だけでなく当時の「マシン」の変遷も詳細に追っている。
- 圧倒的なアーカイブ量：商品名だけでなく、開発秘話や当時の流行など、読み応えのあるコラム形式。
デザイン
- 象徴的な赤の活用：バンダイのCIカラーでもある「赤」。背景の白とのコントラストが非常に強く、丸みを帯びたフォントやカプセルの”丸”がモチーフが目に飛び込んでくる。
- レトロモダンなタイポグラフィ：太めのゴシック体や力強い数字のデザインが、アニバーサリーらしいお祭り感と、ブランドの力強さを強調している。
ターゲット
- かつての子供たち：自分が夢中になった時代の世代。
- 推し活をする人たち：年齢問わず幅広い年齢層。
- コレクター：心をくすぐる（収集家）。
- インバウンド：世界各国の人達。
「ここを真似したい！」ポイント！
- 印象に残るカラー ：至る所に「赤」を使いつつも単調にならない工夫がされている。
- 視線の誘導設計：スクロールに合わせて動くカプセルが、次に読むべきテキストや画像へと自然に視線を誘導してくれる。長いページをスクロールだけで読ませるための非常に高度なテクニックだと感じる。
| 項目 | 内容 |
|---|---|
| サイト名 | ガシャポン 45周年特設サイト |
| URL | https://gashapon.jp/45th/ |
| メインカラー | #E60012 (ビビッドレッド) |
| デザイン傾向 | ストーリーテリング / アニバーサリー |
| 勉強ポイント | 視線誘導の設計と「赤」を基調としたブランド表現 |