シンプルな見た目だけど、技術的に高度なマークアップが求められた「創風」

個人やベンチャー企業のゲーム制作をサポートするプロジェクト「創風」のウェブサイト制作にて、マークアップを担当しました。
1ページ構成のシンプルなサイトながら、アニメーションやギミックの実装により、技術的に高度なマークアップが求められました。

主な対応ポイント：

モーダル & カルーセルの実装
通常であればPOPUP系のギャラリー機能を使用しますが、今回はスライド数を視覚的に示すドットナビゲーションを実装する必要があったため、モーダル内にSwiperを組み込みました。

グローバルナビゲーション
縦長のナビゲーションは、画面サイズに応じて自動調整される仕様に対応。また、hover時に光るアニメーションを加えることで、世界観にマッチする演出を実現しています。

タイピング風のローディング演出
JSライブラリを活用し、ページ表示前のタイピングアニメーションを実装。ライブラリ選定からカスタマイズまで行い、自然なテンポに仕上げました。

細部にわたって世界観を引き立てる演出を意識し、シンプルながら印象的なUIとなるよう心がけました。