架空のカフェ「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/