使用ツール:Figma
ケーキ店のホームページをイメージして制作しました。
少し動きのあるページとなっており、見ていて飽きない工夫をしております。
・シンプルな色味にすることにより、ケーキ写真の邪魔にならないよう工夫。
・ホールケーキ中心に写真を選定することにより、特別感を演出。カットケーキの写真も一部使用し、誰でも利用しやすいと思ってもらえるよう工夫。
・文字組と各コンテンツはそれぞれオートレイアウトを使用しているので、編集しても崩れにくく、修正も楽々対応できるデザインになっています。
・PHOTOの写真は横スクロールでたくさん表示できるようにしてページの長さを節約。
・ヘッダーメニューをクリックすることにより、各コンテンツにジャンプ。
・各FAQはクリックで開閉が可能。
※滑らかに開閉するように設定はしてありますが、Figma上のバグにより開閉時のアニメーションが正常に動作しません。ご了承ください。
※コーディングする事により、実際のページでは滑らかに動かすことが可能ですので、ご安心ください。
以下よりアニメーションをご覧ください↓
https://drive.google.com/file/d/1WSU81MH0VoleMSaEDGdoduHrAj8cAz0s/view?usp=sharing