Logo

ケーキ店ホームページ

クレジット
Avatar
WEBデザイナー
ケーキ店ホームページ-1
シェア

ケーキ店ホームページ

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

あなたのforiioを無料で作成

fori.io/
Logo
ケーキ店ホームページ-1

ケーキ店ホームページ

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

あなたのforiioを無料で作成

fori.io/