Logo

カフェWebサイト※自主制作

クレジット
Avatar
WEBデザイナー
カフェWebサイト※自主制作-1
シェア

カフェWebサイト※自主制作

架空のカフェ「KOHARU BAKE&CAFE」のWebサイトを制作しました☕️ ◆ターゲット・目的 ・20〜40代を中心とした、1人でも友達とでも気軽にカフェでの時間を楽しみたい女性 ・カフェの雰囲気やメニューをWebサイトで伝え、「行ってみたい」と感じてもらい来店につなげる ◆ポイント ①世界観の表現 木漏れ日を感じる柔らかな写真に、淡い配色と余白を組み合わせ、温かさや心地よさを感じられる、親しみやすい雰囲気を目指しました。 ②情報の見やすさ ABOUT・MENU・ACCESSの各セクションをシンプルに整理し、余白や文字サイズにメリハリをつけ、必要な情報を直感的に把握できる構成にしました。 ③レスポンシブ設計 PCとスマートフォンそれぞれの画面幅に合わせてレイアウトを調整し、デバイスが変わっても見やすく、使いやすい設計にしました。 ◆使用ツール Figma / Visual Studio Code ◆実装 HTML / CSS / JavaScript ※AIを活用して実装 ◆実装サイト https://eclectic-marzipan-e26425.netlify.app/
クレジット
Avatar
WEBデザイナー
シェア
なつの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
カフェWebサイト※自主制作-1

カフェWebサイト※自主制作

架空のカフェ「KOHARU BAKE&CAFE」のWebサイトを制作しました☕️ ◆ターゲット・目的 ・20〜40代を中心とした、1人でも友達とでも気軽にカフェでの時間を楽しみたい女性 ・カフェの雰囲気やメニューをWebサイトで伝え、「行ってみたい」と感じてもらい来店につなげる ◆ポイント ①世界観の表現 木漏れ日を感じる柔らかな写真に、淡い配色と余白を組み合わせ、温かさや心地よさを感じられる、親しみやすい雰囲気を目指しました。 ②情報の見やすさ ABOUT・MENU・ACCESSの各セクションをシンプルに整理し、余白や文字サイズにメリハリをつけ、必要な情報を直感的に把握できる構成にしました。 ③レスポンシブ設計 PCとスマートフォンそれぞれの画面幅に合わせてレイアウトを調整し、デバイスが変わっても見やすく、使いやすい設計にしました。 ◆使用ツール Figma / Visual Studio Code ◆実装 HTML / CSS / JavaScript ※AIを活用して実装 ◆実装サイト https://eclectic-marzipan-e26425.netlify.app/
クレジット
Avatar
WEBデザイナー
シェア
なつの他の作品
foriio

あなたのforiioを無料で作成

fori.io/