期間限定キャンペーンLPのUI設計

期間限定キャンペーンの特典と条件を誤解なく伝えるためのLPデザインです。割引や特典だけを強調せず、対象期間、対象商品、利用方法、注意事項を分かりやすく掲載しました。

重要情報は色と余白で区別し、装飾を増やしすぎないようにしています。CTAはページ上部と内容を理解した後の二か所に配置し、急かしすぎない導線にしました。

キャンペーン終了後は自動的に案内表示へ切り替えられるよう、公開期間を設定する想定です。CSSアニメーションはopacityとtransformを中心にし、描画負荷を抑えています。