桜まつりイベントLP｜デザインからコーディングまで

※ こちらは実案件ではなく、架空のイベントを題材にした制作サンプル（Concept Work）です。

業種

桜まつり（春の地域イベント）/ Concept Work

制作範囲

• ファーストビューデザイン（Figma）
• セクションデザイン（お知らせ・開催概要・イベント・お店情報・アクセス）
• HTML / CSS / JavaScript コーディング（レスポンシブ対応）

デザイン意図

満開の桜の写真に、筆記体とグラデーションの筆文字ロゴを重ねた春らしいファーストビュー。桜の花型のナビゲーションや波形の区切り、ページ全体に舞い降りる桜の花びらのアニメーションで、訪れた人が春のわくわく感を感じられる演出にしました。

下層セクションはファーストビューの世界観（淡い桜色・余白・明朝体）を踏襲し、イベント情報が読みやすく伝わる構成に整えています。

デモページ

実際に動くページをご覧いただけます（桜のアニメーション付き）。
花の郷 桜まつり 2026 デモページを見る →