WEB エステサロン

PC画面
スマホ画面
エステティックサロン「Maison de Beauté」 サンプルサイト

デザインについて

一関市のエステサロンを想定した架空の店舗サイト。
jQuery・JavaScript・CSSアニメーションを活用し、ユーザー体験を意識した動きのあるデザインに仕上げています。

実装ポイント

  • **ローディングアニメーション(splash画面)**でブランドの世界観を演出
  • スクロールに応じたフェードイン・ズーム・スライド効果で、コンテンツを動的に表示
  • メニューセクションに**スライダー(slick.js)**を導入し、複数メニューをわかりやすく整理
  • ハンバーガーメニューやページトップボタンなど、インタラクティブなUIも実装
  • レスポンシブ対応でスマートフォンからも快適に閲覧可能

使用ツール

HTML / CSS / JavaScript / jQuery / slick.js / Figma(デザイン原案)

目次