Webサイト制作「Cafe Name」

担当範囲

• サイト構成の設計
• トップページ全体のデザイン
• HTML / CSS / JavaScriptによるコーディング実装
• PC・タブレット・スマートフォン対応（レスポンシブ）
• Instagram投稿の埋め込み
• 電話問い合わせ導線の設計
• Googleマップ埋め込み
• 基本的なSEO・OGP設定
• 画像配置・表示調整

このサイトで実現できたこと

• 写真と余白を生かし、カフェの穏やかな世界観を伝える
• コンセプトから店舗情報までを1ページで分かりやすく案内する
• Instagramと連携し、季節のメニューや最新情報へ誘導する
• スマートフォンでも快適に閲覧できる
• 店舗情報の確認から電話問い合わせまでスムーズにつなげる

コメント

木のぬくもりや自然光が感じられる写真を大きく使い、ゆったりと過ごせるカフェの空気感が伝わるデザインにしました。

生成りを基調とした落ち着いた配色と、繊細な書体、ゆとりのある余白を組み合わせることで、やさしく上品な印象に整えています。

コンセプト、店内の雰囲気、メニュー、アクセスの順に構成し、初めて訪れる方が知りたい情報へ自然に進めるよう設計しました。

季節のメニューはInstagram投稿を埋め込んで紹介し、日々の情報発信とWebサイトをつなげています。店舗情報と電話ボタンも分かりやすく配置し、来店前の確認や問い合わせをしやすくしました。