【サイト制作】緑葉珈琲

制作物名

緑葉珈琲（架空LP公式サイト）

企画・構成設計・デザイン・コーディング（HTML / CSS）を、すべて一人で担当しています。

使用ツール	Photoshop/illustrator/VSコード
制作時間	約50時間
想定ディスプレイ	PC
レスポンシブ	PC / タブレット / スマートフォン

コンセプト

抹茶×珈琲
伝統的な日本の落ち着きと現代的なカフェ文化を融合させました。
※本プロジェクトはLPサイト制作の練習として行ったもので、商品画像は練習用に簡易的に配置しています

ターゲット層

20～30代女性、「おうちカフェ」
「抹茶・和テイスト」が好きな層

デザイン意図

企画段階の時点で全体のイメージがはっきりと浮かんでいた為、イメージを書き出すと同時に全体のバランスを確認・調整し、色の主張が強くなりすぎないよう設計しました。

女性向けを想定して柔らかいグラデーションを使用し、文章量を絞ることで手軽に全体に目を通せる
構成にしています。
ターゲット層に合わせた配色と構成で、親しみやすさと上品さを意識しました。

デザインカンプ

使用ツール	Illustrator
制作時間	約8時

メインアイコン

和モダンカフェというコンセプトのもと、
抹茶ラテをイメージし、茶筅と珈琲豆を配置することで、和と洋が調和するカフェの世界観を表現しています。
木賊色を基調とした落ち着きのある配色と、生成り色の文字を用い、やさしく上品な印象に仕上げました。