Logo

定食屋ホームページ

クレジット
Avatar
WEBデザイナー
定食屋ホームページ-1
シェア

定食屋ホームページ

使用ツール:Figma 定食屋さんホームページのファーストビューです。 アニメーションを使用しています。 ・淡くくすんだ色を採用することにより、優しい「和」の雰囲気を表現。 ・丸ゴシック系のフォントを使用することにより、懐かしさ・穏やかな幸せを表現。 ・店主、囲炉裏、店先の写真でお店の雰囲気を紹介。店先の写真はレトロな感じに編集しました。 (自動・ボタンの両方で切り替わるように設定) ・ハンバーガーメニューを設置することにより、誰でもメニューがあることを分かりやすくしている。  また、ハンバーガーメニュー押下でページ全体がメインカラーで覆われ、メインメニューが現れるようになっている。 実際のアニメーションは下記よりご確認ください↓ https://drive.google.com/file/d/1slGFqTazuScWTwml8RFpRSaT4x52qndR/view?usp=sharing
クレジット
Avatar
WEBデザイナー
シェア
澁谷みな美の他の作品
画像
作品を見る
動物病院ホームページ
画像
作品を見る
ケーキ店ホームページ
画像
作品を見る
イベントインフォメーション
foriio

あなたのforiioを無料で作成

fori.io/
Logo
定食屋ホームページ-1

定食屋ホームページ

使用ツール:Figma 定食屋さんホームページのファーストビューです。 アニメーションを使用しています。 ・淡くくすんだ色を採用することにより、優しい「和」の雰囲気を表現。 ・丸ゴシック系のフォントを使用することにより、懐かしさ・穏やかな幸せを表現。 ・店主、囲炉裏、店先の写真でお店の雰囲気を紹介。店先の写真はレトロな感じに編集しました。 (自動・ボタンの両方で切り替わるように設定) ・ハンバーガーメニューを設置することにより、誰でもメニューがあることを分かりやすくしている。  また、ハンバーガーメニュー押下でページ全体がメインカラーで覆われ、メインメニューが現れるようになっている。 実際のアニメーションは下記よりご確認ください↓ https://drive.google.com/file/d/1slGFqTazuScWTwml8RFpRSaT4x52qndR/view?usp=sharing
クレジット
Avatar
WEBデザイナー
シェア
澁谷みな美の他の作品
画像
作品を見る
動物病院ホームページ
画像
作品を見る
ケーキ店ホームページ
画像
作品を見る
イベントインフォメーション
foriio

あなたのforiioを無料で作成

fori.io/