
OJI GLOBAL BRAND BOOK
王子グループの事業全体をイラストの一本道で見せるブランドブック。GROW から RENEW まで5章がスクロールで繋がる。
- クレジット
- Bravis International
- 使用技術
- WebGL3Dイラストレーションスクロール連動ストーリーテリング
王子ホールディングス(王子グループ)が公開したWeb版のブランドブック。製紙・林業を出発点にしたグループ全体の事業と、そこで働く人のつながりをイラストで語る構成です。章立ては GROW(森を育てる、ものづくりの土台)、DISCOVER(探索と可能性)、CREATE(生活者起点の製品開発)、CONNECT(流通と価値の共有)、RENEW(循環と資源の再生)の5つ。制作は Bravis International。
Awwwards のタグは WebGL / 3D / Animation / Scrolling / Illustration / Storytelling で、スクロールに沿って場面が切り替わる構成であることが示されています。エントリーページ側では Scene が3点と Scroll の動画が見どころとして挙げられており、章ごとに独立したシーンを持っていると読めます。取得できたHTMLからはローディング画像への参照が確認できた程度で、canvas や Three.js の直接的な記述は拾えませんでした。
【参考になるポイント】
・コーポレートサイト配下(/group/brandbook/)に置かれた、本体とは別デザインの読み物。会社紹介をイラストと3Dの一本道に落とし込んでいる
・og:image と twitter:image が同じ /group/brandbook/common/og.jpg を指しており、common/ 配下に共通アセットをまとめる素直なディレクトリ構成
・章名が GROW / DISCOVER / CREATE / CONNECT / RENEW と動詞で統一されている。事業説明を段階のある物語として並べる型
・※WebGLレイヤーの実装は未確認。3D表現がリアルタイム描画か、事前レンダリングした連番画像や動画かは判別できていない
・※Awwwards 上は2026年8月時点で Nominee 表示(元データでは7月18日の Honorable Mention)
