ビアカフェのホームページ
＜内容＞Webスクール課題
＜制作時期＞2025年8月
＜使用ツール＞Photoshop
デザインの説明
＜お店の特徴(架空)＞
大学のプロジェクトとしてクラフトビールを研究・醸造していたグループがオープンしたビアカフェ。
スタイリッシュで居心地が良く、様々な種類のビールとビールに合う料理が楽しめる。
＜ターゲット＞
20代から50代男女、ビールが好き。普段は一般的なビールしか飲まないが、クラフトビールに興味がある男女。
＜デザインの特徴＞
温かみのあるブラウンとベージュを基調に、居心地の良さとクラフト感を演出したカフェサイトです。
トップページでは「心地よい空間で、ビールと語らう。」というコンセプトを直感的に伝えるデザインを意識しました。
メニューやアクセス情報を整理し、初めて訪れる人にもわかりやすい構成にしています。
また、Business HoursとContactをコンパクトにまとめることで、利便性とデザイン性の両立を図りました。
視覚的なバランスと操作性を両立させた、ブランドイメージを大切にしたWebサイトです。
実際にコーディングしたサイトは以下のリンク先でご覧いただけます
レスポンシブ対応を意識してコーディグしました。
https://white-mullein.com/portfolio-coding/sample1_beercafe/index.html