本文へスキップ
NoMARK
実績一覧に戻る

Aurora Commerce — D2Cブランド向けECサイトリニューアル

コンバージョン率改善を目的に、UI設計から実装までを一貫して担当したD2Cブランドのフルリニューアル案件。

AstroTailwind CSSShopifyFigma
Aurora Commerce プロジェクトのカバーイメージ

概要

既存ECサイトのコンバージョン率とページ表示速度に課題があったD2Cブランドの、デザインから実装までを一貫して担当したリニューアルプロジェクトです。情報設計の見直しと、Astroによる高速なフロントエンド実装により、体験と速度の両面を改善しました。

課題

  • 商品ページの離脱率が高く、購入導線が分かりにくい
  • モバイルでの表示速度が遅く、直帰率が高い
  • ブランドの世界観がビジュアルに反映されていない

アプローチ

  1. ユーザーインタビューとヒートマップ分析による課題の可視化
  2. 情報設計とワイヤーフレームの再構築
  3. デザインシステムの構築(Figma)
  4. Astro + Tailwind CSSによるフロントエンド実装、画像最適化

成果

  • LCP(Largest Contentful Paint)を約60%改善
  • 商品ページのコンバージョン率が改善
  • ブランドガイドラインに沿ったデザインシステムを整備し、今後の運用コストを削減

本サイトはポートフォリオのサンプルとして作成された架空の事例です。実際の案件に差し替えてご利用ください。