自主制作 | カフェLP
OVERVIEW
SHElikes Webデザインコースのデザイン編課題にて、提出したものです。 コンセプトやワイヤーフレーム、デザインカンプまでを担当しました。 サイト名:Nuage(にゅあーじゅ)公式サイト
01 . 制作情報
使用ツール:Photoshop
制作時期:2025.10 制作時間:2週間
使用素材(フリー):すべての画像
02 . 要件
サイトの内容を決めた経緯:実際に私の近所にあるカフェが、遠方から訪れる方もいるくらい、田舎でありながらとても人気で、そのような地域に根ざしたお店のWebサイトを作りたいと思ったため。
ターゲット:近辺に住む地域の方々、カフェが好きな女性、20~30代の女性、子供
目的:お店の魅力や商品を伝えて実際に来店してもらうため
デザインイメージ:
・やさしい雰囲気を感じられる内装、実際に販売する商品の写真を取り入れる
・淡色系(ベージュ、ホワイトなど)自然を感じられる配色 ナチュラル系
・ふんわり、柔らかい光
内容:オープン日/内装や商品の写真/イートインスペースの案内/お店のコンセプト/店舗情報
03 . 制作ポイント
【情報設計】
・カフェのイメージに合わせた余白
➡淡色系カフェをイメージして余白のあるデザインに
・来店につながる導線
➡初めてサイトを訪れる人でも、カフェのコンセプトやメニューをしっかりと理解して来店できる
【デザインの工夫】
・トンマナの統一
➡画像の色味やトーンの調整にもこだわり、サイト全体を通してトンマナを統一
・お店のイメージに合ったロゴ
➡楕円形を組み合わせ、雲の形を表現。カフェのコンセプトに合わせて制作
