【自主制作 高級チョコレートWebサイト】
OVERVIEW
架空高級チョコレートの商品サイトを制作。Figmaでのデザインカンプ作成 〜 VSコードでの実装まで。
◼️ デザインカンプ
◼️ Concept ページ
◼️ 商品ページ
◼️ ペルソナ設定
・30代〜50代女性
・自分へのご褒美、友人へのプレゼント用
・カカオ豆からこだわり、味、口溶けなどこだわり抜いた商品
・価格帯は 1枚 3,000~ の百貨店の有名パティシエのチョコレート店と同等をイメージ
◼️ 工夫したところ
高級感を出すために全体的なトーンは落とし、英字筆記体のフォント、退屈しないスタイリッシュなデザインにすることでおしゃれで洗練された雰囲気を出しました。
豆や製法などのこだわりの部分は白で一番目立つようにしながらも、高級感は崩さないために余白を多めに使いスッキリと見せるよう工夫しました。
◼️ 制作について
Figmaでデザインカンプ制作、HTML・CSS・Java Scriptで実装
制作期間 2025.4.10~ 2025. 4. 20 (制作時間 20時間)