RORRI. logo RORRI. logo

[架空]Cafe Site
Hanacafe nappa69

UI design
2022.4

概要

課題として作成した、架空のカフェサイトリニューアル案件です。
コーディングまでしたいと考えています。
武蔵小杉にある隠れ家カフェ HanaCAFEnappa69(実在するカフェです。)

サイトの目的

お店のコンセプトや雰囲気が伝わるサイトを作り、現状のお客さんの定着と新規のお客さんの集客を目的としています。

ターゲット

カフェ巡りが好きな20~30代の女性をターゲット層とし、繊細ですっきりとしたデザインを目指しています。

サイト設計

水彩の優しい色の素材をはなやかに使いたかったので、ベースカラーを白、ロゴやフォントの色は落ち着いたアースカラーにして、ロゴや背景、フォントの色数を極力減らしました。
見出しはロゴに使用したフォントと似た印象のゴシック体にしていますが、文章のフォントは明朝体の繊細で上品な柔らかい印象のものにし、お店の方の気持ちが伝わるように心がけました。
来店前に電話で確認した方がいいことなどの情報をできるだけ分かりやすくまとめ、新規のお客さまのご来店時にトラブルを減らせるように配慮しました。
また、Bootstrapの使用やWordPressの導入を考えたデザインにしています。

使用ツール、機能

Adobe XD

制作期間

ロゴ: 約3日
UIデザイン: 約4日

UI design

WORKS