プロジェクト概要
創業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
成果
+60%
コンバージョン率
1.9秒
LCP（6.2秒→）
-42%
カート離脱率
96
Lighthouse Score
リニューアル後3ヶ月で、ECサイト全体のコンバージョン率が60%向上。特にスマートフォンでのCV率は2.4倍に改善しました。LCPを6.2秒から1.9秒に短縮したことで、直帰率も大幅に低下。クライアント様からは「お客様から"サイトが見やすくなった"という声をたくさんいただいている」と喜びの声をいただきました。