Works に戻るWeb Design

アパレルブランドECサイト構築

アパレル / D2Cブランド

1.8倍
購入率向上
2.3秒
ページ表示速度(改善後)
4ヶ月
設計〜公開期間

課題・背景

ブランドの世界観を表現できるECサイトがなく、売上のほとんどをInstagram経由に依存していた。既製テンプレートのShopifyテーマではブランドイメージと乖離があり、カゴ落ち率も高い状態だった。

ソリューション

  • ブランドのコンセプトヒアリングから始め、カラー・タイポグラフィ・写真のトーンをデザインシステムとして定義
  • Shopify Liquidでフルカスタムテーマを実装
  • 商品ページにサイズガイドのインタラクティブ表示・コーディネート提案などUX改善施策を複数盛り込んだ
  • Core Web Vitalsを重視したパフォーマンス最適化を実施

成果

  • 購入率(コンバージョン率)が導入前比1.8倍に向上
  • カゴ落ち率が62%から41%に改善
  • サイト公開後2ヶ月でインスタグラム以外のチャネルからの売上が30%を占めるように
  • Lighthouseスコア平均92点を達成

使用技術

ShopifyLiquidTailwind CSSAlpine.jsFigmaGoogle Analytics 4
← Works 一覧に戻るお問い合わせ