マルチページオンラインデザインツール向けデザインプレビューバーの構築

課題

クライアントは印刷物やSNS投稿向けのオンラインデザインを提供しており、大手ブラウザベースのデザインツールと競合しています。調査の結果、ユーザーがデザインを複数バージョン作成することが多いことが判明しました（例：2種類のポスター案を比較するなど）。既存のツールでは各デザインが別ページに存在していたため、バージョンを比較するにはページを行き来する必要があり、時間がかかり、ミスが生じやすい状況でした。クライアントは、複数のデザインを1ページにまとめ、素早く切り替えられる方法を求めていました。

納品プロセス

クライアントがアイデアを開発チームに説明し、チームはバーを見やすい右側に配置したうえで、ユーザーがバージョンを比較する方法に合わせた操作セットを設計しました。コンセプト、デザイン、実装、改善の全工程が約1週間で完了し、テストチームが引き渡し前に各操作を確認しました。バーは既存のエディター上で動作するため、ユーザーはこれまで使い慣れたテンプレート・テキスト・画像ツールをそのまま利用できます。

本事例で主張していないこと

公開されているストーリーはこの機能に対するクライアントの期待を記述したものであり、計測された結果ではないため、本記録では売上・トラフィック・コンバージョンの数値は公開していません。プレビューバーはインターフェース機能であり、AI機能ではありません。

関連事例と次のステップ

招待状印刷会社の注文フローに合わせて商品デザイナーをカスタマイズした事例や、印刷ショップが新しい商品ページとエディターツールを導入した事例もあります。全事例はWeb to Print顧客事例集でご覧いただけます。

商品パーソナライゼーションとWeb to Printプラットフォームのソリューションではエディター機能を網羅しており、Web to Printプラットフォームガイドでは計画方法を解説しています。デザインエディターの内製vs購入ガイドではエディターの拡張と新規構築を比較しており、ストアプラットフォームについてはコマース・エンタープライズ技術のページをご覧ください。Netbase JSCの実績一覧もご参照いただくか、類似プロジェクトのご相談はNetbase JSCへお問い合わせください。