(事例) 看板・広告工事・Polish 3D / Polish AI

看板を支払い前に実景上でプレビューし、顧客が仕上がりを先に確認

看板はオーダーメイド品であり、支払い前には通常、平面のデザイン案で確認します。そこで公式サイトを3Dの街として構築しました。顧客はロゴと店舗写真をアップロードして点灯後の看板をプレビューし、プレゼンモードを提案会議に持ち込めます。

同じ手法は、完成してはじめて顧客が仕上がりを見られる業種にも適用できます:看板、建材、建具・カーテンウォール、内装工事、展示施工、照明器具。

最初の打ち合わせを予約

看板を支払い前に実景上でプレビューし、顧客が仕上がりを先に確認
5種類のサインスタイル
9点の店舗シーン
4棟のモデル建築
業種
屋外看板・広告工事
サービス
Polish 3D、Polish AI
規模
五種類の看板スタイル、九つの店舗シーン、四棟のデモ用建物
公開
繁体字中国語・英語・日本語・マレー語の四言語サイト

(課題)

看板の効果は、建物と街並みの中に置いてはじめて見えてくる

看板は、建物や街並みの中に置いてはじめて価値が見えてきます。平面のデザイン案やパースでは、次の三点を確認できません:この建物での目立ち方、夜に点灯した際の見え方、表面発光と焼付塗装の向き不向き。

営業担当はこれまで口頭で補足し、顧客は仕上がりを想像する必要がありました。公式サイトは、仕上がりを先に見られる場を提供することを目指しました。

ショールームの看板ファサード。スタイルパネルを開いた状態。
ショールームの看板ファサード。スタイルパネルを開いた状態。

(アプローチ)

公式サイトそのものが、一つの街

看板会社の公式サイトの多くは、完成写真で実績を見せており、施工経験の説明にはなります。顧客が確認したいのは自分の看板がどう見えるかであり、今回の公式サイトは、操作できるシーンでそれに答えます。

トップページは、ドラッグとズームができる3Dの街です。六つのホットスポットが街区に配置され、担当者への相談、厳選事例、サービスプラン、看板ショールームへ直接つながります。

街のテクスチャは4Kから2Kへ下げ、さらにKTX2圧縮に切り替えたことで、GPUのテクスチャメモリは約681MBから約30MBになりました。ブラウザが3Dを実行できない場合は、静的なカバー画像と主要リンクを自動で表示し、誰も閉め出さない設計です。

トップページの3D都市:カメラが観覧車に寄り、街区にホットスポットが並びます。クリックすると、対応するページへ移動します。

都市をスマホで動かすための前提:テクスチャはまずサイズを縮小してから、KTX2に変換します。

GPUテクスチャメモリは二段階を経て、約681MBから約30MBに減りました。
  1. 8枚 4096 x 4096約681MB
  2. 2048 x 2048に縮小約170MB
  3. さらにKTX2へ変更約30MB

トップページの3D都市のGPUテクスチャメモリです。数字は推定値で、このテクスチャセットは正式版に反映済みです。

全文を読む 3Dモデル最適化の前後比較:ダウンロード量とメモリの実測

(設計の要点)

顧客自身が操作できる、三つの設計

ショールーム

四棟のデモ用建物から選び、SVGロゴをアップロードすると、看板がすぐにファサードへ取り付けられます。表面発光、背面発光、表裏発光、塗装立体文字、広告用ライトボックスの五つのスタイルをワンクリックで切り替え、色、縁取り、明るさ、位置、サイズ、厚みを細かく調整できます。「展示」を押すと操作パネルが閉じてカメラが自動で建物を周回し、営業担当はノートパソコンを開くだけで提案できます。

看板スタイルを順に切り替えると、ロゴが塗装の質感と発光表現の間でリアルタイムに変化します。展示モードに入るとパネルが閉じ、カメラが建物を自動で周回します。

デスクトップ

ロゴもスタイルも切り替えて、看板をすぐに外壁へ

デモ用の建物4棟から自由に選べます。ロゴのテンプレートはワンクリックで入れ替わり、スタイルは正面発光・背面発光・塗装立体文字などの間で切り替わり、位置・厚み・大きさはスライダーで微調整でき、画面はすぐに更新されます。写真シミュレーションに切り替えて内蔵の店舗写真を選ぶと、写真の中の外壁に看板が載ります。

デスクトップの画面録画:ロゴとスタイルの変更、デモ建物の切り替え、スライダーによる位置と大きさの微調整、そして写真シミュレーションへ。

写真シミュレーション

店舗の写真を一枚アップロードすると、看板をドラッグして位置合わせでき、顧客が最も気にする点に答えられます。それは、自分の店舗に取り付けたときの見え方です。写真がない場合は、内蔵の九つの昼景・夜景の店舗シーンを使えます。写真はブラウザ内だけで処理し、サーバーには送信されません。

同じ看板を、ガラス張りのオフィスから現代的な店舗、黒い石張りのビルへと差し替え。展示を押すと、カメラが夜景のファサードに寄ります。

スマートフォン

スマートフォンで看板を店舗写真に直接重ねる

スマートフォンでも写真シミュレーションをそのまま操作できます。ロゴのテンプレートとスタイルはワンタップで切り替わり、スライダーで水平・垂直の位置と上下・左右の回転を調整して、看板を写真の外壁に合わせます。

スマートフォンの画面録画:ロゴのテンプレートとスタイルを切り替え、スライダーで位置と回転を調整。

使いやすさ

ショールームに初めて入ると、七ステップのガイドが表示されます。カラーピッカー、スライダー、アップロードウィンドウはいずれもキーボードとスクリーンリーダーで操作でき、マウスに頼る必要はありません。

初めてショールームに入ると、ガイドツアーが各操作を順番に説明します。

完成品が出来上がってから初めて顧客に見せられる業種は、初回ミーティングでプレビューの手法を確認できます。

(成果)

事例ページに問い合わせフォームを埋め込み、四言語の内容を検索エンジンが読み取れるように

公式サイトは繁体字中国語、英語、日本語、マレー語の4言語に対応しています。各事例ページの末尾には相談フォームを埋め込み、要件項目と予算帯を先に確認します。事例ごとにFAQの構造化データとllms.txtも同時に出力し、検索エンジンとAIアシスタントの双方が読み取れるようにしています。

事例ページ末尾の相談フォーム。要件項目と予算帯を先に確認します。
事例ページ末尾の相談フォーム。要件項目と予算帯を先に確認します。
スマホ版トップページ、3D都市の読み込み完了。
スマホ版トップページ、3D都市の読み込み完了。
顧客が切り替えて満足したら、営業が展示モードで提案に持ち込みます。
探索
試用
提案
問い合わせ
顧客
営業
1
顧客3D都市6つのホットスポットから各ページへ直接移動
2
顧客ショールーム5種類の看板スタイルをワンクリックで切り替え
3
顧客写真シミュレーション看板を直接ドラッグして位置合わせ
4
営業展示モードコントロールを収納し、カメラを自動で周回
5
顧客事例ページの相談フォーム要件項目と予算帯

写真はブラウザ内でのみ処理され、サーバーには送信されません。

新しい事例記事はAIが作成し、ルールは既存記事の統計から導いています。

プログラムは検証可能な関門を担い、モデルは生成と抜き取り確認を担い、人はプログラムが見落とす誤りを担います。
ルールを定める
生成とアノテーション
審査
公開前
プログラム
モデル
人
1
プログラム既存コンテンツの集計図の数、段落見出し、キャプションの長さ、Q&Aの種類
2
モデルルールに従い生成・アノテーション出典が見つからない場合は空欄にします。
3
プログラム検証器で担保構造の一致、一字一句の照合、終了コード0のみ採用
4
人補完空欄のフィールドは人が出典を補います。
5
プログラム審査用の照合ファイルを整理審査者はデータベースと原本ファイルを参照しません。
6
モデルリスクに応じた抜き取り確認約一割、難しい事例のみ引き上げ
7
人図とテキストの照合、ファーストビューのスクリーンショットスマホとPCの両方で確認

事例記事と大量の文書のアノテーション、二種類の方法をもとに整理しました。

全文を読む AI一括生成コンテンツの品質ゲート:既存コンテンツを集計し、検査可能なルールを定める

(工程記録)

手法と実測、カードごとに展開

AI一括生成コンテンツの品質ゲート:既存コンテンツを集計し、検査可能なルールを定める

二回の試行では、審査費用はアノテーション費用の約20倍でした。 関連する手法・数字は他プロジェクトの実績
二回の試行では、審査費用はアノテーション費用の約20倍でした。
アノテーション費用審査費用
  • 1倍
    最も高価なモデルによる記事ごとの審査試行
    約20倍

匿名プロジェクトのため、費用は定価をもとに換算した概算であり、請求額ではありません。アノテーション費用を1倍とします。

全文を読む
難しい事例のうち二種類だけを最も強力なモデルに引き上げ、残りは抜き取り確認にとどめます。 関連する手法
難しい事例のうち二種類だけを最も強力なモデルに引き上げ、残りは抜き取り確認にとどめます。
  1. プログラムが審査用の照合ファイルを生成審査者はデータベースと原本ファイルを参照しません。
  2. 中位のモデルによる、リスクに応じた抜き取り確認約一割、長文・スキャンファイル・レイアウトに懸念があるものを優先
  • 境界またはカバレッジの評価が3点以下で、原因がラベル側にある場合
    最も強力なモデルに引き上げ難しい事例
  • 検証器の不合格
    最も強力なモデルに引き上げ終了コードが0以外
  • その他
    抜き取り確認にとどめ、引き上げない検証器を通過、評価が基準を達成
全文を読む
全量アノテーションは約1,500記事で、モデルによる審査は約一割のみ抽出します。 関連する手法・数字は他プロジェクトの実績
全量アノテーションは約1,500記事で、モデルによる審査は約一割のみ抽出します。
  1. 全量アノテーション約1,500記事一記事一サブタスク、検証器の終了コードが0の場合のみ採用します。
  2. 抽出外約1,350記事モデル審査の対象外とし、検証器で担保します。
  3. リスクに応じた抜き取り確認約160記事約一割、長文・スキャンファイル・レイアウトに懸念がある・新しいソースを優先

匿名プロジェクトの全量結果の数字は概算値です。抽出されなかった文書も、必ず検証器を通過させます。

全文を読む
まず既存コンテンツを集計し、その後にルールを定めます。翻訳時、プログラムが照合する文字列を翻訳してはいけません。

3Dパフォーマンス数値の計測誤差と信頼できる計測方法

実GPU、読み込み完了、ベースラインに戻ること。三つのうち一つでも欠ければ、数字は採用しません。 関連する手法
実GPU、読み込み完了、ベースラインに戻ること。三つのうち一つでも欠ければ、数字は採用しません。
  1. 実GPU上でのレンダリングを確認ソフトウェアレンダリングのフレームレートとメモリは採用しません。
  2. 読み込み完了、タブが前面にあること、コンテンツが実際に描画されていることを確認読み込み中と非表示タブの数字は採用しません。
  3. 一通りの操作後、ベースラインと照合タブとGPUの両プロセスを計測
  • 三つすべてを満たす
    単回の数字として採用引き続き別バージョンと交互に比較します。
  • いずれかの前提が成立しない
    採用せず、計測し直す事後の数字修正は行わない
  • 一通りの操作後にベースラインへ戻らない
    重畳の発生源を別途調査絶対値は比較しない
全文を読む
二つのバージョンを同じ時間帯に交互に計測すると、ノイズも両方に同時に乗ります。 関連する手法
二つのバージョンを同じ時間帯に交互に計測すると、ノイズも両方に同時に乗ります。
まずノイズフロアを計測
1回目
以降の各回
読み取り方
バージョンA
バージョンB
1
バージョンAAを繰り返し計測同一バージョン内のばらつきの大きさを確認
2
バージョンAAを一回計測
3
バージョンB直後にBを一回計測ノイズが両バージョンに同時に乗る
4
バージョンAAをもう一回計測
5
バージョンBBをもう一回計測回数はばらつきで決定
6
バージョンAAの中央値を採用
7
バージョンBBの中央値を取り、Aと比較差がノイズフロアを上回ったときのみ改善と判定

各バージョンはそれぞれビルドし、同じスクリプトで計測します。回数はノイズフロアとばらつきに応じて決めます。

全文を読む

SEO・AEO・GEO とは:違いと実施の順序

SEO・AEO・GEO は同じコンテンツと索引を共用し、違いは最後の出口にあります。 関連する手法
SEO・AEO・GEO は同じコンテンツと索引を共用し、違いは最後の出口にあります。

Webサイト側

  • クロール可能なHTML
  • 直接回答と事実
  • 構造化データ
クロール

検索とAIエンジン

  • クローラーと索引
  • 検索とランキング
表示

ユーザーに表示される内容

  • ランキングのリンクSEO
  • 直接の回答AEO
  • AI回答での引用GEO

概念図です。各エンジンの索引とランキングの方法は異なります。

全文を読む
実装の順序:インデックス登録がコンテンツより先、コンテンツがマークアップより先 関連する手法
実装の順序:インデックス登録がコンテンツより先、コンテンツがマークアップより先
土台
コンテンツ
マークアップ
技術
コンテンツ
1
技術インデックス登録クロール可能、noindex、404、hreflang
2
コンテンツ質問に一致title、h1、購入者が使う言葉
3
コンテンツ冒頭の一文で直接回答ページごとに一段落
4
コンテンツ引用可能な事実出典、数字、日付
5
技術マークアップとクローラー構造化データ、振り分け

各ステップは前のステップの上に成り立ちます。

全文を読む

3Dモデル最適化の前後比較:ダウンロード量とメモリの実測

前後比較表
指標前後計測方法
GPUテクスチャメモリ:8枚の4096 x 4096を2048 x 2048に縮小(WebP品質80)約681MB約170MB「枚数 x 辺の長さ² x 4バイト x 4/3(mipmap)」で算出
テクスチャのダウンロード量3.38MB2.84MBテクスチャのファイルサイズ
GPUメモリ:さらにKTX2に変更(ETC1S、mipmap含む)約170MB約30MB推定値。このテクスチャセットは正式版に導入済み。2段階の合計で約681MBから約30MBまで
全文を読む

初回ミーティング(15〜30分)で、手法の方向性、予算帯、スケジュール案を確認できます。

Polish 3DPolish AI次のプロジェクト:四ステップの質問でグレード別メニューを受け取り、確定後は3Dシーンでテーブル全体をセッティング

(お問い合わせ)

Start a project.

三つのステップで、判断に足る進め方と予算帯が得られます。

  1. 01最初の打ち合わせを予約:時間を選びます。完全な仕様は不要です。
  2. 02オンライン相談(15〜30分):進め方の方向性、予算帯、スケジュール案を提示。
  3. 03素材を確認したうえで、約3〜5営業日で見積書兼納品仕様明細書を提出します。
メール
hello@polish-design.com.tw
郵送先住所
(104) 台湾 台北市 中山区 植福路191-1号 3F

最初の打ち合わせを予約

平日 16:00〜18:00オンライン30分

先に時間帯を選び、Google アカウントまたはメールアドレスで確認します。予約が確定するとカレンダーに追加できます。

時間を選ぶ

または、先に内容を送信

まだ時間を決めていない場合は、先にプロジェクトの内容をお送りください。担当者がメールで返信します。送信後に続けて予約することもできます。

補足情報(任意):サービス項目、現在のフェーズ、既存リンク、知ったきっかけ

入力内容は、今回のプロジェクト評価にのみ使用します。

ISO/IEC 27001:2022 認証書

(Certificate)

ISO/IEC 27001:2022

認証機関
ARES International Certification
認証範囲
インタラクティブ没入型3Dシステムの開発プロセス、ならびにネットワークおよびインフラの運用・管理。

認証機関サイトで確認