VIEW
MORE

Works

  • lp

【架空案件】カフェのLPを作成しました

カフェのLP

VILLA PRESS CAFE

製作範囲

  • デザイン

使用ツール

  • Figma
  • Photoshop

制作期間

  • ワイヤーフレーム  1日
  • デザイン      2日

使用したフォント

  • Quentin
  • Noto Sans JP

使用したカラー

  • #EFEDE8ベースカラー
  • #003B3E キーカラー
  • #01ADB5 ブランドカラー
  • #C16539 アクセントカラー

概要

【架空案件】カフェのLPを作成しました。

目的

① 新規顧客の開拓
② SNS等を活用した集客
③ ネット上への情報掲載

ターゲット

① 20代~50代
② カフェ周辺の会社や学校に行っている人
③ 休日などにカフェ周辺に遊びに来た人

デザイン

お店の雰囲気を直感的に伝えるため、ファーストビューは文字情報を最小限に抑え、写真が画面いっぱいに広がるデザインとし、スライドショーにしました。ファーストビューの写真には、ややレトロな色味とノイズを加えることで、空気感と全体の統一感を演出しています。

イラストなどは使用せず、文字と写真のみで構成することで、すっきりとした印象にまとめました。また、ページ内の写真はすべてトーンを揃え、清潔感のある世界観を保っています。

配色はアースカラーをベースにし、見出しには手書き風フォントを取り入れることで、やわらかさと親しみやすさを表現しました。さらに、Newsセクションの背景には木漏れ日の画像を使用し、温もりを感じられるアクセントとしています。

カフェらしい「ナチュラル」「落ち着き」「シンプル」といったイメージを大切にし、植物を取り入れた写真を多く使用するとともに、緑や木目など自然素材と調和する配色を心がけました。

お気軽にお問い合わせください!

お問い合わせ