1.8倍
購入率向上
2.3秒
ページ表示速度(改善後)
4ヶ月
設計〜公開期間
Background
課題・背景
ブランドの世界観を表現できるECサイトがなく、売上のほとんどをInstagram経由に依存していた。既製テンプレートのShopifyテーマではブランドイメージと乖離があり、カゴ落ち率も高い状態だった。
Solution
ソリューション
- ブランドのコンセプトヒアリングから始め、カラー・タイポグラフィ・写真のトーンをデザインシステムとして定義
- Shopify Liquidでフルカスタムテーマを実装
- 商品ページにサイズガイドのインタラクティブ表示・コーディネート提案などUX改善施策を複数盛り込んだ
- Core Web Vitalsを重視したパフォーマンス最適化を実施
Result
成果
- 購入率(コンバージョン率)が導入前比1.8倍に向上
- カゴ落ち率が62%から41%に改善
- サイト公開後2ヶ月でインスタグラム以外のチャネルからの売上が30%を占めるように
- Lighthouseスコア平均92点を達成
Tech Stack
使用技術
ShopifyLiquidTailwind CSSAlpine.jsFigmaGoogle Analytics 4