S w e e t S w i r l シェイク専門店

タイプ

仮想サイト

制作日

2025. 04. 03

制作時間

デザイン：30h

コーディング：28h

対応機種

PC（1920 × 1080px）

コンセプト

健康志向で可愛いもの好きな30歳以下の女性に商品の特徴を知ってもらう

こだわり

メインビジュアルの切り替えは、ふんわりしすぎると若々しく可愛い印象が薄れてしまうと感じたため、Swiper.jsではなくjQueryを使用し、テンポよく切り替わるようにしました。 リサイズ時のヘッダーも同様に、一瞬だけ消えるような動きを再現しています。 また、CSSアニメーションで星を回転させることで、お店のテーマである「くるくる甘い　しあわせシェイク」のイメージを表現しました。

サイトURL

https://ss025433.stars.ne.jp/sweetswirl