Works
- lp
【架空案件】カフェのLPを作成しました
VILLA PRESS CAFE
製作範囲
- デザイン
使用ツール
- Figma
- Photoshop
制作期間
- ワイヤーフレーム 1日
- デザイン 2日
使用したフォント
- Quentin
- Noto Sans JP
使用したカラー
- #EFEDE8ベースカラー
- #003B3E キーカラー
- #01ADB5 ブランドカラー
- #C16539 アクセントカラー
概要
【架空案件】カフェのLPを作成しました。
目的
① 新規顧客の開拓
② SNS等を活用した集客
③ ネット上への情報掲載
ターゲット
① 20代~50代
② カフェ周辺の会社や学校に行っている人
③ 休日などにカフェ周辺に遊びに来た人
デザイン
お店の雰囲気を直感的に伝えるため、ファーストビューは文字情報を最小限に抑え、写真が画面いっぱいに広がるデザインとし、スライドショーにしました。ファーストビューの写真には、ややレトロな色味とノイズを加えることで、空気感と全体の統一感を演出しています。
イラストなどは使用せず、文字と写真のみで構成することで、すっきりとした印象にまとめました。また、ページ内の写真はすべてトーンを揃え、清潔感のある世界観を保っています。
配色はアースカラーをベースにし、見出しには手書き風フォントを取り入れることで、やわらかさと親しみやすさを表現しました。さらに、Newsセクションの背景には木漏れ日の画像を使用し、温もりを感じられるアクセントとしています。
カフェらしい「ナチュラル」「落ち着き」「シンプル」といったイメージを大切にし、植物を取り入れた写真を多く使用するとともに、緑や木目など自然素材と調和する配色を心がけました。

