Project Overview
プロジェクト概要
- プロジェクト名
- liceria kichen
- 業種
- カフェ・レストラン
- 制作内容
- Webサイト制作
- 対応範囲
- 企画・構成・Webデザイン
- 使用ツール
- STUDIO / Figma
- サイトURL
- サイトを見る ↗
Background & Purpose
制作背景・目的
料理のおいしさだけでなく、店内の温かい雰囲気やスタッフの親しみやすさまで伝わるWebサイトを目指して制作しました。
初めて訪れる方にも、お店で過ごす時間を具体的にイメージしてもらえるよう、料理・店内・スタッフ・カフェタイムなどの写真を中心に構成しています。
メニューや店舗の雰囲気を分かりやすく伝え、実際の来店につながるような自然な情報設計を意識しました。
Design Approach
デザインアプローチ
木の温もりや自然光を感じられる写真を活かし、アイボリーやベージュ、ブラウンを基調とした落ち着きのあるデザインにしました。
料理写真を大きく見せながら、十分な余白を確保することで、料理の魅力と店舗の世界観が自然に伝わる構成にしています。
装飾を増やしすぎず、写真・文字・余白のバランスを整えることで、親しみやすさと清潔感を両立したデザインを意識しました。
Food
料理・メニュー
料理の質感や彩りが自然に伝わる写真を使用し、お店のメニューを視覚的にイメージできる構成にしました。
Interior
店内・空間
木の家具と自然光がつくる温かな店内の雰囲気を伝え、初めて訪れる方にも過ごし方をイメージしてもらえるようにしました。
Staff
スタッフ紹介
スタッフの自然な表情を見せることで、お店の親しみやすさや
来店前の安心感が伝わる構成にしました。
Cafe Time
カフェタイム
コーヒーとデザートを楽しむ時間まで想像できるよう、
落ち着いたカフェタイムの写真を取り入れました。
Design Points
設計ポイント
- 01
写真を活かしたデザイン
料理や店内の写真を大きく配置し、お店の雰囲気や料理の魅力を視覚的に伝えられる構成にしました。
- 02
温かみのある配色
アイボリーやベージュ、ブラウンを基調に、木の温もりを感じられる落ち着いた配色にしました。
- 03
料理が伝わる情報設計
料理写真を効果的に配置し、メニューの魅力を直感的に感じてもらえる見せ方を意識しました。
- 04
店舗の雰囲気が伝わる構成
店内やスタッフの写真を組み合わせ、初めて訪れる方にもお店の空気感が伝わる構成にしました。
- 05
スマートフォンでの閲覧性
スマートフォンでも写真と文章を読みやすい順番に配置し、画面幅に応じて自然にレイアウトが変化するよう設計しました。