LP制作
AUREA One – スマートウォッチLP
- Client
- AUREA One（自社制作）
- Industry
- ウェアラブルデバイス
- Year
- 2026.03
- Technology
- Next.js Tailwind CSS Framer Motion Cloudflare Pages
The Challenge
架空の高級スマートウォッチブランド「AUREA One」のランディングページ制作。Apple Watch等のプレミアムウォッチブランドに匹敵する世界観の表現と、スクロール連動アニメーションによる没入感のある体験設計が求められました。
The Approach
Next.js + Tailwind CSSでコンポーネントベースの設計を採用。Framer Motionによるスクロール連動パララックスアニメーション、IntersectionObserverによるフェードイン演出を実装しました。
ダークトーンを基調としたデザインシステムを構築し、ゴールドのアクセントカラーで高級感を演出。レスポンシブ対応はモバイルファーストで設計しています。
The Result
Lighthouseスコア: Performance 90+ / Accessibility 90+ / SEO 100を達成。Core Web Vitals全項目Goodを実現しました。
スクロール連動アニメーションにより、ユーザーの平均滞在時間の向上が期待できるインタラクティブな体験を提供しています。