サイトのご紹介

啓蒙ヌードル様の第四回公演「どこにもいない」の特設ページのデザイン＆コーデイングを担当させていただきました。

演劇の特設ページということでアニメーションを各所に取り入れて、少しでも公演雰囲気を演出できるようにデザインとコーディングで工夫して作成しました。

実装機能のご紹介

★モバイルファーストなデザイン
こちらのサイトはPCでもスマホでもレイアウトを変更せずに観覧できるモバイルファーストなサイトになっています。
PCでは画面が横幅になる分、左右の余白に公演情報やナビゲーション、チケット購入の誘導などデザイン面で工夫しております。

★スクロールを促すアニメーション
ファーストビューにはスクロールを促すアニメーションを実装しています。

★スクロールアニメーション
スクロールして可視領域に入るとふわっとコンテンツが現れるよう実装しています。