エステサロン HP

ユーザー第一で、デザインの改善案を提案させていただくことも

デザインは別のデザイナーが担当し、私はフロントエンド実装を担当しました。Figmaデータを元に、デザインの意図や雰囲気を正確に表現できるよう、要素の余白・フォントサイズ・レスポンシブ時のバランスに特に注意しました。また、実装していて気付いた、使いやすさを削いでしまうデザインに関しては、こちらから改善案を提案させていただきました。

ユーザーが煩わしさを感じそうなスクロールを減らせるように、タブを選択することで複数のメニュー内容を表示させたり、いろんな種類のSwiperで見せ方を工夫したり、当サイトを見ながらも他サイトでの口コミが見られるように他サイトページの埋め込みをしていたりと、細かい工夫を行ったサイトです。

ページをスクロールするたびにゆっくり現れるアニメーションや、雲がゆっくり浮遊するアニメーションなど、CSSアニメーションやJavaScriptによる動きも取り入れ、ブランドの世界観をより引き立てる、見ていて楽しい仕様にしています。