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

何をお探しですか?

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

オンラインプリンターの商品デザイナーに組み込まれた写真編集ツール

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

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

概要

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

課題

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

Netbaseが構築したもの

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

作業の進め方

両チームはフィルターの外観について合意するために協議し、3日間のワークショップでスタイルの方向性を決定しました。コレクションにはヴィンテージでペインタリーな雰囲気が採用されました。その後、Netbaseは既存のデザイナーにツールを組み込み、クライアントのカタログ、テンプレート、チェックアウトはそのままの状態を維持しました。

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

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

関連事例と次のステップ

あるデザインツールプロバイダーが複数ページのプレビューバーを追加し、招待状印刷会社が注文に合わせた商品デザイナーをカスタマイズしました。さらに多くの事例はWeb to Printのお客様事例をご覧ください。

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

情報源

  • 背景除去機能とカートゥーンフィルターに関するCMSmartコミュニティストーリー(2023年2月)、Netbase JSCの事例リストに記録済み。ストーリーがクライアント名を記載しているため、アドレスはここには掲載しません。
  • David(CEO)が提供したNetbase JSC事例リスト。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活用ビジネスシステムの設計・構築・モダナイゼーション・運用を支援します。
プロジェクトのお問い合わせ

project@netbasejsc.com

WhatsApp

+84 937 869 689

オフィス所在地

91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam

ご連絡ください

構築・モダナイズ・運用したい内容をお聞かせください。

構築・モダナイズ・運用したい内容をお聞かせください。

Netbaseに問い合わせる