◼︎制作年月:2025年7月
◼︎制作期間:6時間 × 6日
◼︎使用ソフト:Adobe Photoshop・Illustrator・Figma・VScode
◼︎課題内容:
①Figmaを用いデザインカンプを作成(トップページのみでOK)。画像を含まない仮カンプの作成後、フリー素材サイトで画像を集め完成系カンプを作成。
③デザインカンプを元にVScodeを用いてコーディング。

◼︎意識したポイント:
カートアイコンやナビゲーション、フッターにECサイトに必要な項目を入れる事を意識。大人向けのスパークリングドリンク缶の販売サイトとした為、サイト全体を落ち着いた配色(ブラウンやグレー)とし、店舗ロゴにグラスや泡をモチーフにしたものにしました。
また、送料無料やギフトラッピングの画像は生成AIを用いて作成しています。

◼︎初期カンプ内要(色味がポップすぎた為コーディング時に変更)