Sunny Steps|子供服ブランド 特設LP(デモサイト)

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


スマホ画面



