• HTML/CSS
• JavaScript
• デザイン
• 情報設計

• URL

  shiosai-salt.chizu-web.com

  ID / demoPass / demo

• 制作期間

  2ヵ月

• サイトについて

  クライアント様のイメージやターゲット、制作の目的を丁寧にくみ取り、商品パッケージと連動した統一感のあるデザインを制作。 ユーザーが迷わず情報にアクセスできるよう、導線設計と快適な操作性に配慮しました。 GSAP・Lenis・Swiper を使用し、心地よいアニメーションと滑らかな慣性スクロールを実装しました。 全体のフェードイン／フェードアウトは、開始タイミングとイージングを最適化し、アクセシビリティにも配慮しています。 また、パッケージの印象を残すため、各所に遊び心を感じるパッケージモチーフのデザインや動きを加えました。 レスポンシブはリキッドレイアウトを採用し、各デバイスにも適した柔軟な実装を目指しました。