DONUTS
丁お子さんと一緒に。
Web Design
Do not mind today, slowly and relaxing, relaxing.
Let's surround the delicious food, family, everyone in circles.
親はゆっくり、子は楽しく、
子どもたちを中心に考えた、
街カフェ向けWebサイトデザイン
親子でも入りやすい街カフェを想定し、写真の明るさと焼き菓子の楽しさが自然に伝わるトップページデザインとして構成しました。情報量を絞りながら、店内の雰囲気と来店前の安心感がやさしく伝わる見せ方を意識しています。
One day of "maru cafe".
Behavior of small children, cleaned up.Do not mind today, slowly and relaxing, relaxing.
Let's surround the delicious food, family, everyone in circles.
01
CONCEPT
親子で
親はゆっくり、子は楽しく、
親子にやさしいカフェ。
小さなお子さまのお行儀も、お片付けも。今日は気にせず、くつろいで。
02
MENU
LUNCH
手軽にきちんと、お腹を満たす。
SWEETS
コーヒーと楽しむ、午後のおやつ。
DRINK
特製ブレンドと、やさしい一杯。
03
GALLERY
たのしむ
子どもたちを中心に考えた、
やさしい空間づくり。
こども椅子、キッズスペース、おむつ台も完備。
遊ぶお子さまを見ながら、パパママも安心してお過ごしいただけます。
04
ACCESS
maru cafe
〒123-456 東京都板橋区
2-20-14 北町ビル1F
TEL. 01-2345-6789
OPEN. 10:00–18:00 月曜定休日
画面内の店舗名・文章は自主制作のサンプルです。
写真は利用規約を確認した素材を使用しています。
概要
小規模な街カフェを想定し、メニューやアクセス情報だけでなく、親子でも入りやすい雰囲気や来店前の安心感が伝わるトップページデザインを制作しました。 写真の印象を活かしながら、店内の過ごし方、メニューの選びやすさ、アクセス情報まで自然に確認できる構成にしています。
デザインのポイント
明るい店内写真と余白を使い、初めて訪れる方にも入りやすさが伝わる見せ方にしました。 メニューエリアでは、焼き菓子やドリンク、軽食を写真で見せながら、何が楽しめるお店なのかがすぐに分かるよう整理しています。 また、親子で利用する方にも配慮し、店内の雰囲気や来店前に知りたい情報が自然に伝わる流れを意識しました。
制作内容
- トップページデザイン
- ファーストビュー
- Concept エリア
- Guide エリア
- Menu エリア
- Gallery エリア
- Access エリア
- スマホ表示想定
補足
実案件ではありませんが、デザインの考え方を見ていただくための自主制作です。画面内の店舗名や文章はサンプルとして作成し、写真は利用規約を確認した素材を使用しています。