プロジェクト概要
創業50年の老舗和菓子店向けECサイトのフルリニューアルを想定した制作サンプルです。「伝統の技と現代のUX」をコンセプトに、ブランドの世界観を損なわず、スマートフォンでのスムーズな購入体験を目指した設計です。UI改善とパフォーマンス最適化でコンバージョン率の向上を想定しています。
💡 想定した課題
既存ECサイトのカート離脱率が高い（78%）ケースを想定。特にスマートフォンでの購入完了率が極端に低い状況を想定しています。商品写真の質は高いものの、ページの読み込みが遅く（LCP 6.2秒）、ユーザーが購入に至る前に離脱してしまう悪循環を想定しています。
対応範囲
UI/UX設計
フロントエンド
カート最適化
画像最適化
モバイル最適化
速度改善
デバイスプレビュー
制作のポイント
改善施策
商品一覧の無限スクロールからページネーション+フィルターに変更
カート画面のステップ数を5→3に削減、ゲスト購入を導入
商品画像をWebP変換+遅延読み込みでLCPを6.2秒→1.9秒に改善
和の世界観を活かしたミニマルUIで商品写真を主役に
季節商品のバナー管理機能をカスタマイザーで実装
構造化データ（Product Schema）で検索結果にリッチスニペット表示
使用技術
HTML5
CSS3 / BEM
JavaScript
WebP変換
Lazy Loading
Schema.org
Google Analytics 4
この制作で意識したポイント
- カート導線を簡略化し、購入完了までのステップを削減
- 商品画像の最適化による表示速度の改善
- スマートフォンでの購入体験を重視したレイアウト
- ゲスト購入対応で初回購入のハードルを低減
※ こちらはデモサイトです。掲載している数値は想定値であり、実際のクライアント案件ではありません。