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

HTML / CSS(SCSS)/ JavaScript / GSAP

架空の子供服ブランド「Sunny Steps」の特設ランディングページです。明るくポップなイラストと淡いカラーパレットで、ブランドの世界観を表現しました。モバイルファーストで設計されたデザインカンプをもとに、スマートフォンでの視認性・操作性を最優先に実装しています。GSAPを用いたスクロール連動アニメーションで、子どもや親がページを見ながらワクワク・ウキウキするような体験を動きで表現しました。

制作内容

主な実装内容

  • デザインカンプからの忠実なコーディング・再現
  • GSAPを用いたスクロール連動アニメーションの実装(子どもや親がワクワク・ウキウキする体験を動きで表現)
  • モバイルファースト設計・レスポンシブ最適化

PC画面

スマホ画面

目次