デザイン/ HTML/ CSS/ jQuery/ WordPress/ Shopify

美容室を想定したデモサイトです。
Figmaにてサイトデザインを制作した後、WordPressのオリジナルテーマを作成し、コーディングを行いました。アニメーションにはjQueryとWOWを使用しています。

予約フォームはSelect Type、グッズ販売はShopifyをそれぞれ埋め込んでいます。

デザインにおいては、落ち着きがあり上品で信頼感のある店舗をイメージしていただけるように心がけました。飽きが来ないようにアニメーションを多用しつつも、デザインを邪魔しないようにさりげない動きにしました。

コーディングにおいてはFLOCSS設計に基づき保守性を担保しています。またクライアント側での編集を意識して、できる限りのテキスト、アイコン、画像をWordPressの管理画面から編集可能にしました。