cat cafe milk(架空サイト)
web site
branding site
COMMENT
サイトの目的
- ・お店ができたばかりで、ほとんど顧客に認知されていない状態の為、顧客の興味を獲得できる様にする。
- ・「猫カフェmilk」のブランドがどんなものなのか簡潔に読者に伝わるようにし、認知度を広げる。
ペルソナ
- 都内住みで猫好きな20代の女性
- ・仕事が忙しいので、休日はゆっくり過ごしたい。
- ・デートや友人との遊びでどこ行こうか悩んでいる。
- ・ゆるキャラなど、可愛いものが好き。
情報設計
- ・お客さんが猫と自由に過ごすことができるというお店のコンセプトをファーストビューの タイトルに反映させました。
- ・最初にコンセプトのセクションを設け、お店の雰囲気や方針がすぐに伝わる様にしました。
- ・店内での過ごし方のページを設け、「猫カフェmilk」ならではの猫との過ごし方を 紹介しました。
- ・トップページの猫スタッフの紹介では、スリックを使用し、どのような猫達がいるのか ざっとわかる様にしました。
デザイン
- ・全体的に可愛さと癒しを表現できるデザインにしました。
- ・ロゴはイラストのフリー素材と「cat cafe milk」の店名を組み合わせて制作しました。
- ・フォントはあたたかみがあり、丸みを帯びた筑紫A丸ゴシックを使用しました。サブタイトルは、ナチュラルな手描き風文字のCaveatを使用しました。
- ・配色は優しく落ち着いた色合いのニュアンスカラーを使用しました。
- ・猫のシルエットや足跡のイラストをサイト全体に配置しすることで、可愛いく楽しい雰囲気を演出しました。
- ・写真やイラストの切り替わりやアニメーションは、動きをスローに設定し、落ち着いた印象を保ちました。
作ってみて
ページ数が複数で構成されたサイト制作は初めてでした。 企画から制作したサイトで、しかも架空のお店だったので、お店の設定から考える必要がありました。 多くの猫カフェのサイトを見て、参考を探すのが大変でした。 デザインの面では、足跡の配置をレスポンシブで崩れやすい位置に配置してしまった為、コーディングが大変で、細かい調整が必要でした。コーディングすることを考えて、イラストの配置やデザインをするべきでした。 アクセスと連絡先のページをトップページに記載してしまい、ページをわけなかった点が、SEOに上手く対応できていませんでした。SEOを考慮したサイト構成をするべきでした。 ターゲットの20代の女性が好みそうなサイトの参考を沢山探してデザインしたので、ターゲットが好みそうな可愛らしい雰囲気のサイトを作成できた点は満足でした。
contact
都内でお仕事を一緒にしてくださる会社様を探しています。
女性向けの柔らかい・可愛いデザインが得意です。
ご連絡お待ちしております。