WORKS

VIEW ALL

架空サイトLP cafe LH

５日間

photoshop,AdobeXD,HTML,CSS （デザイン/コーディング）

制作意図

元々はスクールの課題でデザインを制作しました。自分自身がカフェに行くことが好きだったことがこのサイトを作るきっかけでした。空間の魅力をどう伝えるかを意識して制作しました。

・Consept・

「寛げる大人の空間で、いつもよりちょっぴり特別な時間を」

気分転換になる様な少し特別な空間。落ち着き、寛ぎ、大人っぽさを感じさせるようなイメージ。くすみブルー、ベージュ、茶色などのカラーを使用し落ち着いた少し大人の女性向けにデザインは極力シンプルで、質感から少しラフな雰囲気も持たせました。作業しやすそうな、一人でもゆっくりできそうな店内の雰囲気を表現することを重視し、文字よりも全体の雰囲気を伝えることを意識しました。

・Purpose・

・目的

素敵な商品や空間の魅力を最大限伝えること、そして常連さんを増やすこと
・目的に対する課題

「ビジュアルだけでなくお店の中身がわかる様な情報を提供することができるか」
　　
お店選びの一つの手段として、SNS（instagram)があります。Instagramは写真がメインであるため、それを利用してお店を探す場合多くの人が「見た目、ビジュアル」でお店を判断しているのではないかと感じています。しかし本当に素敵な、居心地の良いお店は見た目だけでは判断できません。そこで中身をしっかり知ってもらった上で行きたいと思わせることが大切だと考えます。つまりSNSとは別の要素で魅力を伝える。ということがこのサイトでの役割であり、課題であると考えました。

・Target・

・20代女性（22-26)
・一人の時間やコーヒーが好き
・都内の企業に勤めている（最近はリモートワークが中心）若手〜中堅
・作業は大体自宅かスターバックスなどを利用しているが、飽きてきたのでたまには気分転換したい

・Points

お客さんが来店するまでの流れ

何か作業する場所が欲しいけど、スタバやタリーズは少し飽きたし、気分転換にもなるようなお店はないかな〜
　　　　⇩ 　　　

「〇〇駅　カフェ　作業」　などといったキーワードで検索をかける
　　⇩

サイトに到着　
あくまで作業が目的の場合は、お店選びにはそこまで時間をかけない。基本情報やお店の雰囲気からお店に行くかどうか決定する。

シチュエーション

移動時間、空き時間の可能性が高い。
→スマートフォンで探すことが多い。

○伝えたいこと

流れの例からも、ターゲットは大体の雰囲気でお店を決めることが多いと仮定しパッと見た瞬間に雰囲気が伝わる様に心がけました。
またSNS（instagram)への導線を目立つ部分に配置し日々のSNSでの発信によって存在を常に認知していただき、一度だけでなくその後も長く続く様な、つまり常連さんを増やすということを意識しました。そして、作業をする時に欠かせない情報であるコンセントやWIFIの有無がすぐにわかる様にフッターにアイコンで表示しました。
○SNSとの差別化

基本的にSNS＝リアルタイムでの情報、ビジュアルメインの情報を扱うのに適しています。このことを踏まえた上で、サイトではお店の基本情報と、お店の裏側や隠された想いを載せました。
人が何かを好きになる瞬間は、その裏側やストーリーを知った時ではないかと考えています。目的の一つである常連さんを作るというところにフォーカスすると、その中身の部分の魅力を発信していくことがファンを増やすことに繋がると考え、そこに重点を置きました。