メインコンテンツへスキップ

何をお探しですか?

私たちのサービスを探索し、目標達成をどのようにお手伝いできるかをご覧ください

オンライン印刷サービスのプロダクトデザイナーに追加した写真編集ツール

NetbaseはCMSmart部門を通じて、セーシェルの印刷サービス事業者のオンラインデザイナーに2つの写真ツールを追加しました。背景除去ツールと30種類以上のスタイルを持つカートゥーンフィルターコレクションです。ショッパーは別のアプリで編集してからアップロードする代わりに、デザイン・注文の場で写真を仕上げられるようになりました。クライアント名は非公開です。

類似プロジェクトを確認する 関連ソリューションを見る
star

記録の概要

記録種別
ポートフォリオ記録:スコープと納品内容のみ、測定結果なし
クライアント
カード・招待状・バナー・Tシャツ・ステッカー・ラベルを販売するオンライン印刷サービス(名称非公開)
地域
セーシェル
サービス
ECサイト開発
提供元
NetbaseのCMSmart部門
ベース
CMSmart NBDesignerオンラインデザイナーを使用するクライアントの既存ストア
公開指標
なし

課題

クライアントはすでにNBDesignerオンラインデザイナーを利用しており、プロのデザイナーにも一般のショッパーにも対応できるようにしたいと考えていました。調査により、2つのギャップが明らかになりました。多くのユーザーが、ステッカーやミーム、新しい背景を作るために写真から人物・ペット・商品を切り抜きたいと考えていました。また、写真をイラスト風に加工したいというニーズもあり、ユーザーは別のアプリで加工してからアップロードしていました。どちらの作業もストアの外で行われていたため、注文に時間がかかり、ショッパーがサイトを離脱する原因となっていました。

Netbaseが構築したもの

  • 背景除去。ショッパーはデザイナー内で写真をアップロードして背景を除去し、切り抜いた被写体を商品・新しい背景・ステッカーの形に配置できます。
  • カートゥーンフィルターコレクション。鉛筆・水彩エフェクトから2D・3Dアニメーション調まで30種類以上のスタイルで、アップロードした写真を約5秒でイラストに変換します。
  • 1か所でデザイン。両ツールはテンプレート・テキスト・クリップアートと並んでデザイナー内に配置されているため、編集した画像をそのまま印刷デザインと注文に使用できます。

納品プロセス

両チームはフィルターの外観を決めるために打ち合わせを行いました。3日間のワークショップでスタイルの方向性が決まり、コレクションにはヴィンテージで絵画的なキャラクターが採用されました。その後Netbaseは既存のデザイナーにツールを組み込み、クライアントのカタログ・テンプレート・チェックアウトはそのまま維持されました。

主張しないこと、およびAIの位置づけ

公開されているストーリーには2つのツールを動かす技術が記載されていないため、この記録ではAIとは説明していません。背景除去と写真スタイル変換は、コンピュータービジョンモデルが多くの作業を担うようになったタスクです。同様のプロジェクトを現在進行する場合は、そのアプローチを選択し、実寸での印刷品質を確認することから始めるでしょう。この記録にはトラフィック・コンバージョン率・売上の数値は公開されていません。

関連事例と次のステップ

デザインツールプロバイダーが複数ページのプレビューバーを追加した事例や、招待状印刷業者が注文に合わせてプロダクトデザイナーをカスタマイズした事例もあります。さらに多くの事例はWeb to Print導入事例でご覧いただけます。

プロダクトパーソナライゼーションとWeb to Printプラットフォームのソリューションではデザイナー機能を網羅しており、Web to Printプラットフォームガイドでは計画方法を説明しています。ストアプラットフォームについてはコマース・エンタープライズテクノロジーページをご覧ください。Netbaseの実績をもっと見る、またはNetbaseに問い合わせると、類似プロジェクトを確認できます。

出典

  • 背景除去機能とカートゥーンフィルターに関するCMSmartコミュニティストーリー(2023年2月)、NetbaseのケーススタディリストにRecordedに記録されている。ストーリーにクライアント名が記載されているため、URLはここに掲載しません。
  • David(CEO)提供のNetbaseケーススタディリスト;David(CEO)により公開を確認、2026-09-17(F141)。
  • MDN Web Docs、Canvas API、https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API(2026-09-17アクセス):ブラウザーベースのデザイナーがアップロードされた写真を編集・配置する方法。
  • MDN Web Docs、CanvasRenderingContext2D filterプロパティ、https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter(2026-09-17アクセス):デザインキャンバス上の写真に画像フィルターを適用する方法。
Netbaseに問い合わせる

プロジェクトを相談する

Netbase JSCは、デジタルプロダクトおよびAI活用型ビジネスシステムの設計・構築・モダナイゼーション・運用を支援する組織です。
プロジェクトのご相談

[email protected]

WhatsApp

+84 937 869 689

オフィス所在地

91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam

お気軽にご連絡ください

構築・モダナイゼーション・運用したい内容をお聞かせください。

構築・モダナイゼーション・運用したい内容をお聞かせください。

Netbaseに問い合わせる