ASSUMED ISSUES
想定した課題
仮想案件として設定した課題です。
- SNSでは営業時間や所在地をまとめて確認しづらい
- 店内の落ち着いた空気感を十分に伝えられない
- 初めてのお客様がメニューや来店方法を探しやすくしたい
CASE STUDY / Cafe / Restaurant
KOMOREBI
店舗の空気感とメニューを伝え、初回来店につなげるWebサイト。
このページは架空の店舗・ブランドを想定したケーススタディです。実際の顧客案件ではありません。
CONCEPT
地域に根ざした小さな喫茶店を想定。温かさと静かな時間が伝わり、初めてでも訪れやすいサイトを考えました。
制作目的お店の雰囲気と基本情報を伝え、初めての来店につなげる。
APPROACH
課題へのアプローチ
- ファーストビューで雰囲気と店の特徴を伝える
- メニュー、営業時間、所在地を来店前の順序で配置
- ページ下部にアクセス情報と来店導線をまとめる
DESIGN
デザインの理由
- 生成りとブラウンを基調に、木やコーヒーを連想する落ち着いた色設計
- 写真が入ることを想定した大きなビジュアル領域とゆったりした余白
- 読み物のような明朝体と、情報を読みやすいゴシック体を組み合わせる
RESPONSIVE
モバイルで重視したこと
- 営業時間と所在地を早い段階で確認できる構成
- メニューを1列に並べ、価格と説明を読みやすく表示
- 来店導線を指で押しやすい大きさに調整
FEATURES
デモ内の機能・情報
- コンセプト紹介
- 季節のメニュー
- 営業時間・所在地
- SNSへの案内を想定した導線
TECHNOLOGY
使用技術
- Astro
- HTML
- CSS
このデモの既存コードから確認できる技術のみを掲載しています。
LET'S TALK
業種と目的に合うWebを考えます。
デモのどの部分が気になったか、相談時にお知らせください。