Teal Private nail room

姉にヒアリングを行い、コンテンツ、ベースカラーを決めた後Photoshopでデザインカンプを製作しました。

ファーストビューの画像は複数枚使って雰囲気を伝えたかったので、slickスライドでスライドショーにしました。

1ページのホームページなので、ある程度スクロールされたら、上へ戻るボタンを表示されるようにしました。具体的には、jQueryを使用してスムーススクロールを実装しました。MENUのコンテンツはtableタグを使用してます。

全体的に動きが欲しかったので、jQueryを使用して、スクロールされたら、下から要素がフワッと表示されるようにしました。

リンクボタンは目立つように、ホバーしたら色を変えたり、不透明度を変えるようにしています。

モバイル版では、ヘッダーメニューを非表示にして、ハンバーガーボタンを表示させ、クリックされたら、横から表示されるようにしました。