CITRA（シトラ）

架空のシトラスドリンクブランド「CITRA」の世界観を、スクロール操作そのもので体験できるランディングページです。

売るためのサイトではなく、スクロール連動の映像演出やブランド表現を試すためのデモです。

① スクロールで進むヒーロー動画

ページをスクロールすると、背景の動画が再生位置に合わせて進みます。ボタン操作ではなく、スクロール自体が演出の一部になる構成です。

通常の「流れる動画」ではなく、見る人の操作に合わせて映像が動く体験を目指しています。

② ブランド世界観を届けるセクション演出

商品ラインナップやブランド紹介など、各セクションにパララックスや動きを加え、ドリンクの爽やかさや世界観が伝わるようにしています。

情報を詰め込むより、見た目と動きで「CITRAらしさ」が残ることを優先しています。

③ スマホでも見やすいレスポンシブ対応

デスクトップ向けのスクロール演出に加え、スマホでは専用のヒーローやレイアウトに切り替え、小さな画面でも読みやすく・見やすくしています。

端末が変わっても、ブランドの印象が大きく崩れないように調整しています。