サービスの世界観・先進性を第一印象で伝える
・視覚演出で滞在意欲を高め、離脱を抑える
・複数サービスへの理解と導線を整理する

HTMLコーディング／アニメーション実装（上下の浮遊、星のきらめき、流れ星、雲）

・演出は“重くならない範囲”に抑え、表示速度と体験を両立
・動きの種類（浮遊／きらめき／流れ星／雲）に強弱を付け、視線誘導を設計
・端末差で崩れやすい背景演出を、レスポンシブ前提で破綻しない実装に整理

・世界観を損なわず、印象に残るファーストビューを実現
・アニメーションを含むページでも操作感を損ねない実装に整理
・複数サービスへの導線をまとめ、理解しやすい構成を実現

約2週間

実装：JavaScript（アニメーション演出）
対応：PC／スマートフォン

https://hrm178.work/test/xyon/
※公開後に内容が変更されている場合があります。