- クライアント
-
陶器・雑貨などのオリジナル商品を販売する小規模EC事業者様
- ターゲット層
-
器やインテリアに関心のある30〜50代女性
- 概要
-
デザインカンプをもとに、陶器を扱うECサイトを想定したコーディングを行いました。
商品の質感や世界観が伝わるよう、余白や写真サイズのバランスを意識して実装しています。
スタイルはSCSSで管理し、保守性・メンテナンス性を考慮した設計にしました。
また、各デバイスでレイアウトが崩れないようレスポンシブ対応を行っています。
- 制作のポイント
-
・商品一覧をグリッドレイアウトで整理し、視認性と回遊性を向上
・商品詳細ページでは購入導線（数量選択・カートボタン）を分かりやすく配置
・レスポンシブ対応により、スマートフォンでも快適に閲覧・購入が可能
・ECサイトを想定し、一覧 → 詳細 → 購入の導線を意識して設計
- 期待できる効果
-
・商品の魅力が伝わり、購買意欲の向上につながる
・商品一覧の視認性向上により、回遊率アップが期待できる
・購入導線を整理することで、カート投入率の向上に貢献
・ブランド世界観を表現し、ショップの信頼感向上につながる
- 制作期間
-
約5日間
- 使用ツール
-
Figma / Visual Studio Code
