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

何をお探しですか?

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

オンラインデザイナーでPDFアートワークを編集できる大判プリントストア

Netbaseは、CMSmart部門を通じて、シンガポールの大判インクジェット印刷会社のWebサイトを再構築しました。既製のWordPressプリントストアパッケージを出発点として、独自のインターフェース・ワークフロー・カスタム機能を備えたサイトへと作り直し、ショッパーがオンラインデザイナー内でPDFアートワークを編集できる機能も実装しています。なお、クライアント名は非公開です。

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

実績の概要

記録種別
ポートフォリオ記録:スコープと納品内容のみ、測定結果なし
クライアント
大判インクジェット印刷会社(社名非公開)
地域
シンガポール
サービス
ECサイト開発
提供部門
NetbaseのCMSmart部門
ベース
CMSmart WordPress PrintstoreパッケージとNBDesignerオンラインデザイナー
期間
1年以上にわたる複数フェーズ
公開指標
なし

課題

この印刷会社はプリントストアのソリューションを探す中でCMSmartを発見し、WordPress PrintstoreパッケージのオンラインデザイナーにCMSmartを気に入りました。しかし、パッケージテーマはどの印刷会社でも利用できるものです。規模が大きく実績のある印刷会社には、自社ブランドを体現し、自社の生産フローに合ったサイトが必要です。そこで、同社はNetbaseに対して、パッケージの機能を活かしつつもユーザーエクスペリエンス・インターフェース・システムの大部分を再開発するよう依頼しました。

大判印刷にはファイルの問題が伴います。印刷品質はアートワークに依存しており、大きなサイズのJPGやPNGファイルは、1日に多数の受注が来る環境では保存容量が課題となります。PDFはファイルサイズを抑えつつ品質を維持できますが、当時のデザイナーはPDFをショッパーが編集できない固定背景としてのみ受け付けていました。

Netbaseが構築したもの

  • プリントストアの再開発。クライアントが提供した詳細なワークフロー・デザインファイル・各バックエンドおよびフロントエンド機能の仕様書に基づき、PrintstoreのフィーチャーセットをベースにUXとUIを新設し、システムの大部分を再構築しました。
  • デザイナー内のPDFアートワーク。アップロードされたPDFはページごとに高解像度のPNG画像に変換され、デザインキャンバス上で通常の画像と同様に扱えます。
  • 解像度警告。アップロードしたファイルの解像度が低い場合、印刷上の問題になる前にポップアップでショッパーに通知します。
  • 複数ページのマッピング。複数ページのPDFの各ページは、製品の面に順番に割り当てられます。ファイルのページ数が製品の面数を超える場合も、各ページはエディタで選択できる個別の画像として提供されます。
  • カスタム機能。クライアントの仕様書に基づくバックエンドおよびフロントエンドの追加機能を、複数フェーズにわたって実装しました。

作業の進め方

印刷会社のチームは、ワークフロー・デザイン・各機能の挙動を記述したドキュメントを提供しました。この水準の準備があったことで、Netbaseは再構築を単一リリースではなくフェーズ分けして計画できました。PDFアップロード機能は複数回の試行を要しました:PDFはキャンバスエディタが直接読み込めないテキスト・ベクター・画像の各要素が混在しており、他の手法がテストで失敗した後に現在の変換アプローチが採用されました。

本記録が主張しないこと

この公開ストーリーは協業が継続中に執筆されたため、本記録はスコープのみを記載しています:ローンチ日・トラフィック・売上・生産数値はいずれも含みません。また、本プロジェクトにAI機能は含まれていません。

関連事例と次のステップ

他の印刷会社もデザイナー機能を求めていました:写真編集ツールを追加したオンライン印刷会社とプレビューバーを追加したデザインツールプロバイダーの事例があります。これらはすべてWeb to Print導入事例集にまとめられています。

Web to Printプラットフォームと製品パーソナライゼーションのソリューションページではデザイナー・ファイル処理・価格設定を解説しており、Web to Printプラットフォームガイドでは構築上の判断を説明しています。また、ストアプラットフォームについてはコマース・エンタープライズ技術ページをご覧ください。Netbaseの実績一覧をご覧いただくか、類似プロジェクトについてはNetbaseにお問い合わせください。

出典

  • CMSmartウェブサイト上のコミュニティストーリー(2021年8月)、Netbaseケーススタディリストに記録済み。ストーリーにクライアント名が記載されているため、URLは本記録には掲載しません。
  • Netbaseケーススタディリスト(David(CEO)提供)、David(CEO)により公開確認済み、2026年9月17日(F140)。
  • WordPress, Work with themes documentation, https://wordpress.org/documentation/article/work-with-themes/(2026年9月17日アクセス):既製WordPressテーマパッケージのインストールおよびカスタマイズ方法。
  • W3C, Portable Network Graphics (PNG) Specification, https://www.w3.org/TR/png-3/(2026年9月17日アクセス):アップロードされたPDFページをデザインキャンバス用に変換する画像フォーマット。
Netbaseに問い合わせる

プロジェクトを相談する

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

[email protected]

WhatsApp

+84 937 869 689

オフィス所在地

91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam

お気軽にご連絡ください

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

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

Netbaseに問い合わせる