Bella and Bloom

クライアントの背景

ベラアンドブルームは、製品の詳細が重要なファッションアパレルやアクセサリーを販売しています。チームは、商品をカートに追加する前に、バイヤーが生地、仕上げ、デザインの詳細を検討することを望んでいました。デフォルトの Shopify 製品ページは、そのレベルの検査向けに構築されていません。

プロジェクトのクイックスナップショット

業界

Fashion / Accessories

プラットフォーム

Shopify

サービス

Custom Theme, PDP Customization, Image Zoom Feature

タイムライン

5 weeks

結果

Detail-rich product pages and a smoother shopping experience

使用される技術スタック

Shopify, Liquid, JavaScript Zoom library, HTML, CSS, Shopify Theme APIs

チャレンジ

PSD デザインは Shopify へのクリーンな変換が必要でした
デフォルトの製品ページはズームや詳細表示をサポートしていませんでした
画像ギャラリーは平坦で魅力的ではないと感じた
購入者からのサポートチケットに詳細な質問が多すぎた
モバイル PDP にはクリーンで直感的なレイアウトが必要でした

アプローチ

私たちは、PSD ファイルと顧客からのフィードバックを調査して、製品詳細ページの主要なギャップを特定することから始めました。その後、私たちのチームは、高品質の画像、ズーム機能、明確に構造化された製品の詳細に重点を置いた PDP レイアウトを計画しました。開発には、高度なフィルタリングと見本ベースのバリエーション選択を備えた製品カタログを強調表示するカスタム Shopify テーマの構築が含まれていました。開発後、実際に稼働する前に、シームレスなエクスペリエンスを確保するために、さまざまなデバイスにわたるショッピングジャーニー全体をテストしました。

提供されたソリューション

製品の詳細を中心としたカスタム Shopify テーマを構築しました。各製品ページは、モバイルでのホバー時のズームおよびタップによるズームをサポートしています。画像ギャラリーには複数の角度がきれいに表示されます。生地と詳細情報は、顧客が期待する場所に配置されます。モバイル PDP はプライマリビューとして扱われます。

主な特長

ズーム付きのカスタム製品画像ビュー

マルチアングルの製品ギャラリー

モバイルファースト PDP レイアウト

ブランドに合わせたタイポグラフィ

カスタムコレクションページ

クリーンなカートとチェックアウト体験

結果

95%商品ページに費やす時間の増加

99%購入前のサポートに関する質問の削減

96%モバイルエンゲージメントの向上

99%チェックアウト時の購入者の信頼を高める