美容院のデモサイト

OVERVIEW

【自主制作】

YEAR 2024

【サイト情報】

サイト  :  https://shiory602.github.io/hear-salon_hp/


【制作概要】

制作時期:2023年11月〜

制作時間:総計約65時間

制作内容:デザイン・コーディング

ページ数:4ページ

サイト構成:トップ / MENU / お料理 / 温泉

使用ツール:VScode、Adobe XD

使用スキル:HTML、CSS、Sass、JavaScript、jQuery


【実装した機能、工夫したこと】

・メインビジュアル画像が徐々に切り替わるようにカルーセルを使用

・JavaScriptを用いてスクロールのボタンが表示・非表示にされるように設定

・メインビジュアル横の予約ボタンにマウスを持ってくると拡大されるようにC S Sのアニメーションを設定


トップページ(pc)の外観




WEBSITE