案件名
緑葉珈琲(架空LP公式サイト)
企画・構成設計・デザイン・コーディング(HTML / CSS)を、すべて一人で担当しています。
| 使用ツール | Photoshop/illustrator/VSコード |
| 制作時間 | 約20時間 |
| カンプ | illustratorで作成 |
| レスポンシブ | 未対応 |

サイトはこちら:https://portfolio1207ks.shop/Midori-Leaf-Coffee
コンセプト
抹茶×珈琲
伝統的な日本の落ち着きと現代的なカフェ文化を融合させました。
※本プロジェクトはLPサイト制作の練習として行ったもので、商品画像は練習用に簡易的に配置しています
| ターゲット層 | 20~30代女性、「おうちカフェ」 「抹茶・和テイスト」が好きな層 |
| メインカラー | 木賊色(#3b7960) |
| サブカラー | 韓紅色(#e95464) |
| アクセント | 京紫(#9d5b8b) |
デザイン意図
かなり初期からプロトタイプが脳内に存在していたので、それをもとに全体のバランスを調整し、色の主張が強くなりすぎないよう設計しました。
女性向けを想定して柔らかいグラデーションを使用し、文章量を絞ることで手軽にさっと目を通せる構成にしています。
ターゲット層に合わせた配色と構成で、親しみやすさと上品さを意識しました。

