Overview ・オーガニックカフェを想定したスマートフォン向けWebサイトを制作しました。 ・「自然・温もり・居心地の良さ」をテーマに、店舗の魅力が伝わり、来店・予約につながるデザインを目指しています。 ・料理や店内写真を効果的に活用し、カフェの雰囲気を視覚的に伝えることで、ユーザーの来店意欲を高める構成にしました。 Target ・20〜40代の男女 ・オーガニックや健康志向の食事に興味があるユーザー ・カフェ巡りが好きなユーザー ・スマートフォンから店舗情報やメニュー、予約を行うユーザー Design Concept 「自然を感じる、落ち着きのあるカフェ体験」 ・ベージュをメインカラーに採用し、木目や植物を連想させる温かみのある印象を演出しました。 ・料理写真を大きく配置することで、商品の魅力や店舗の世界観を直感的に伝えられるデザインを意識しています。 ・全体をシンプルにまとめることで、落ち着きがあり、長く見ても疲れにくいUIを目指しました。 Design Strategy ・ファーストビューに店舗の魅力が伝わる写真を配置し、第一印象で興味を持ってもらえる構成に設計 ・営業時間や予約ボタンを目立つ位置へ配置し、必要な情報へ素早くアクセスできる導線を設計 ・メニューをカテゴリーごとに整理し、料理・スイーツ・ドリンクを探しやすいレイアウトを採用 ・店舗マップを掲載することで、アクセス情報もトップページ内で完結できるように設計 ・WEB予約ページでは、日付・時間・人数をシンプルに入力できるUIとし、予約まで迷わず操作できるよう意識しました。 Point ・デザイン性だけでなく、「予約までスムーズに進めること」を意識したUI設計を行いました。 ・写真を中心としたレイアウトにすることで、店舗の雰囲気や料理の魅力を視覚的に伝え、来店意欲を高めるデザインを目指しています。 ・配色や余白、文字サイズを統一することで、スマートフォンでも読みやすく、親しみやすい印象を演出しました。 ・トップページからメニュー、予約ページまでデザインの統一感を持たせ、実際の店舗サイトとして利用できることを意識して制作しました。 Tool ・Figma