自主制作 | カフェLP

OVERVIEW

SHElikes Webデザインコースのデザイン編課題にて、提出したものです。 コンセプトやワイヤーフレーム、デザインカンプまでを担当しました。 サイト名:Nuage(にゅあーじゅ)公式サイト

YEAR 2025

01 .  制作情報

使用ツール:Photoshop

制作時期:2025.10  制作時間:2週間

使用素材(フリー):すべての画像


02 . 要件

サイトの内容を決めた経緯:実際に私の近所にあるカフェが、遠方から訪れる方もいるくらい、田舎でありながらとても人気で、そのような地域に根ざしたお店のWebサイトを作りたいと思ったため。

ターゲット:近辺に住む地域の方々、カフェが好きな女性、20~30代の女性、子供

目的:お店の魅力や商品を伝えて実際に来店してもらうため

デザインイメージ:

  ・やさしい雰囲気を感じられる内装、実際に販売する商品の写真を取り入れる

  ・淡色系(ベージュ、ホワイトなど)自然を感じられる配色 ナチュラル系

  ・ふんわり、柔らかい光

内容:オープン日/内装や商品の写真/イートインスペースの案内/お店のコンセプト/店舗情報


03 . 制作ポイント

【情報設計】

・カフェのイメージに合わせた余白

 ➡淡色系カフェをイメージして余白のあるデザインに


・来店につながる導線

 ➡初めてサイトを訪れる人でも、カフェのコンセプトやメニューをしっかりと理解して来店できる


【デザインの工夫】

・トンマナの統一

 ➡画像の色味やトーンの調整にもこだわり、サイト全体を通してトンマナを統一


・お店のイメージに合ったロゴ

 ➡楕円形を組み合わせ、雲の形を表現。カフェのコンセプトに合わせて制作