PROJECT OVERVIEW
プロジェクト概要
架空の子供服ブランド「Sunny Steps」の特設ランディングページです。明るくポップなイラストと淡いカラーパレットで、ブランドの世界観を表現しました。モバイルファーストで設計されたデザインカンプをもとに、スマートフォンでの視認性・操作性を最優先に実装しています。GSAPを用いたスクロール連動アニメーションで、子どもや親がページを見ながらワクワク・ウキウキするような体験を動きで表現しました。
- 担当範囲
- HTML / CSS（SCSS）/ JavaScript / GSAP
PROJECT DETAILS
制作のポイント
制作内容
- Sunny Steps（デモサイト）
- URL：https://www.portfolio09.wolfulldesign.com/
- 対応：デザインカンプのコーディング
- 使用技術：HTML / CSS（SCSS）/ JavaScript / GSAP
主な実装内容
- デザインカンプからの忠実なコーディング・再現
- GSAPを用いたスクロール連動アニメーションの実装（子どもや親がワクワク・ウキウキする体験を動きで表現）
- モバイルファースト設計・レスポンシブ最適化
PC画面
スマホ画面
