目指した体験
専門知識がなくても味の違いをイメージでき、気に入った商品をスムーズに選べること。
毎日の一杯を、
選ぶ楽しさに。
DAYBREW COFFEECONCEPT PROJECT / 2026
日常に寄り添うコーヒーブランドのECサイト。ブランドの親しみやすさを伝えながら、商品選択からバッグへの追加までを体験できます。
デモサイトを見る ↗自主制作 / デザイン・実装
デザインの考え方
明るい黄色と濃いグリーン、大きな欧文タイポグラフィで印象をつくりました。商品カードでは焙煎度・味わい・価格を一定の順序で配置しています。
操作できること
3商品それぞれの詳細ページ、内容量・豆の状態・数量の選択、ブラウザー内で保存するバッグ、送料・合計金額の計算を実装。
バッグはこのブラウザー内に保存します。決済・配送・在庫管理との接続は含みません。