Hair Salon(Sample)
架空の美容室のホームページです。
URL
https://shuichiroyagasaki.com/salondebeaute/
特徴
・1枚のページにコンテンツを集約。
・オリジナルのイントロアニメーション。
・レスポンシブデザイン対応。
・positionを駆使した単調でないレイアウト。
・三本線から×印に変化するドロワーメニュー。
・Google mapの埋め込み。
・AOS.jsを用いて、スクロール時に各要素をふわっと表示。
備考
・PENGIN LLC.さんの「PENGIN BLOG」よりご提供いただいている
「Webデザイン実践課題配布！」に取り組ませていただきました。
素材はご提供いただいているものを使わせていただいております。
提案書、ワイヤーフレーム、デザインカンプ、コーディングと一通り
Web制作フローを体験することができました。ありがとうございます。
↑