FACTUAL ACTIVITY RECORD · 実際の作業をもとにした活動記録
ブランドナラティブをサイトの入口へ反映する
共通header、About、Homeと装飾的3D背景を一貫した体験へする
対象期間: —
目的
訪問者がWirohの問いと実践を一貫して理解できるよう、共通header、About、Homeを同じブランドナラティブと導線へ揃える必要があった。
実装
日英AboutとHomeのHero、説明、AIタレント、現在の実践、metadataを正本へ合わせ、headerをAbout、AIタレント、Habitat、編集部中心に再編した。Home背景ではHabitatと共有する島とcharacterを非操作の装飾として表示し、motion低減、強制配色、非表示tab、濃色sectionでは描画を抑止する。
- Homeページはpage別design masterで、日本語・英語それぞれのデスクトップ／モバイル画面を管理します。固定された透明3D CanvasをHTML本文の背面へ置き、Habitatと共有する島、公開AIタレント10体、generic character 1体を表示します。各characterはHome固有のscene stateで、島の障害物と互いを避けながら、歩行、休息、走行、jump、dance、sleepを切り替えます。Canvasは操作不可の装飾とし、Heroでは明瞭に、本文sectionではsurface越しに弱く見せ、濃色の現在の実践では隠してください。Reduced Motion、強制配色、公開AIタレント取得failureではCanvasを表示せず、本文の意味や操作を3Dへ依存させないでください。図を描画しています…
確認したこと
確認結果
107 TypeScript test、62 Web test、38 Swift testを含む全体検証が通り、日英のdesktopとmobileを確認した。
本文操作、支援技術、Habitat既存表示を損なわず、再編した入口が対象へ反映された。
完了とした根拠
ブランドの意味と主要導線を日英の入口全体へ反映し、3D装飾の代替動作と回帰を確認したことをもって完了とした。