(案例) 招牌与广告工程・Polish 3D / Polish AI
招牌在付款前于实景中预览,客户先看见完工样貌
招牌为定制品,付款前通常以平面稿确认。官网因此做成一座 3D 城市,客户可上传标志与店面照片,预览招牌亮灯后的样貌,再将展示模式带到提案会议。
同样做法适用于成品完成后客户才看得到的行业:招牌、建材、门窗幕墙、室内装修、展场与灯具。

(挑战)
招牌的效果要放进建筑与街道才看得出来
招牌必须放回建筑与街道上,才看得出价值。平面稿与效果图回答不了三件事:放在这栋建筑上够不够醒目,晚上亮起来是什么样子,正发光与烤漆哪一种比较适合。
销售人员原先以口头补充说明,客户需要先想象成品的样子。官网希望提供一个能先看见成品的地方。

(做法)
官网本身就是一座城市
招牌公司的官网多以完工照片呈现作品,能说明施作经验;客户想确认的是自己的招牌会是什么样子,因此这次的官网以可操作的场景回答这件事。
首页做成可拖拽、可缩放的 3D 城市,六个热点立于街区之间,直通专人咨询、精选案例、服务方案与招牌展示间。
城市贴图由 4K 降为 2K,再改用 KTX2 压缩,GPU 贴图显存由约 681MB 降至约 30MB。浏览器无法运行 3D 时,自动改为显示静态封面与主要链接,没有人被挡在门外。
城市跑在手机上的前提:贴图先降尺寸,再改 KTX2。
- 8 张 4096 x 4096约 681MB
- 降到 2048 x 2048约 170MB
- 再改 KTX2约 30MB
首页 3D 城市的 GPU 贴图显存。数字为估算,这组贴图已进正式版本。
(关键设计)
让客户自己动手的三项设计
展示间
四栋示范建筑任选,上传 SVG 标志,招牌立即挂上立面。正发光、背发光、正背发光、烤漆立体字、广告灯箱五种样式一键切换,颜色、包边、亮度、位置、大小与厚度皆可微调。按下“展示”,控制项收起、镜头自动环绕,销售人员打开笔记本电脑即可提案。
桌面端
换标志、换样式,招牌立即挂上立面
四栋示范建筑可任选。标志范本一键更换,样式在正发光、背发光与烤漆立体字等之间切换,位置、厚度与大小以滑杆微调,画面随即更新。切到照片模拟,选一张内置店面照片,招牌便放上照片中的门面。
照片模拟
上传一张店面照片,招牌可直接拖拽对位,回答客户最在意的那一题:装在自己的店面是什么样子。没有照片时,可先用内置的九张日景与夜景店面场景。照片仅在浏览器内处理,不会传到服务器。
手机
手机直接把招牌叠上店面照片
手机的照片模拟可直接操作:标志范本与样式一键切换,滑杆调整水平、垂直位置与上下、左右旋转,让招牌对上照片中的门面。
易用
首次进入展示间会出现七步骤导览。颜色选择器、滑块与上传窗口皆可用键盘与屏幕阅读器操作,不必依赖鼠标。
(成果)
案例页嵌入咨询表单,内容提供四种语言并可被搜索引擎读取
官网现有繁体中文、英文、日文、马来文四种语言。每篇案例页末嵌入咨询表单,先问清楚需求项目与预算区间;案例同步输出 FAQ 结构化数据与 llms.txt,搜索引擎与 AI 助手皆能读取。


照片仅在浏览器内处理,不会传到服务器。
新案例文章由 AI 建档,规则取自既有文章的统计。
依案例文章与大量文档标注两类做法整理。
(工程记录)
做法与实测,逐张可展开
招牌预览系统的做法:标志上传、照片对位与 3D 展厅
标志与店面照片只在浏览器内处理,服务器只提供静态文件WebGL 不可用或场景渲染出错时,首页显示静态封面,下方内容照常加载客户从 3D 城市走到咨询表单,业务人员可用展厅画面做提案AI 批量内容的质量关卡:先统计现有内容,再订可检查的规则
两轮试跑中,审查费用约为标注的 20 倍 相关做法・数字来自其余项目
- 1 倍最贵的模型逐篇审查试跑约 20 倍
不具名项目,费用按标价换算,非账单;以标注费用为 1 倍。
只有两类疑难案例升级给最强的模型,其余留在抽查 相关做法
- 程序产出审查对照文件审查者不查数据库与原文件
- 中阶模型依风险抽查约一成,长篇、扫描件、版面有疑虑的优先
- 边界或覆盖的评分在 3 分以下,且原因在标签端升级给最强的模型疑难案例
- 验证器未通过升级给最强的模型退出码不为 0
- 其余留在抽查,不升级验证器通过,评分达标
全量标注约 1,500 篇,模型审查只抽约一成 相关做法・数字来自其余项目
- 全量标注约 1,500 篇一篇一个子任务,验证器退出码为 0 才收
- 未抽中约 1,350 篇不进入模型审查,由验证器把关
- 依风险抽查约 160 篇约一成,长篇、扫描件、版面有疑虑、新来源优先
不具名项目的全量结果,数字为近似值;未抽中的文档仍须通过验证器。
3D 性能数字的测量误差与可信测量法
真 GPU、加载完成、回得到基线,三者缺一,数字就不采用 相关做法
- 确认渲染在真 GPU 上软件渲染的帧率与内存不采用
- 确认加载完成、标签页在前台、内容真的画出加载期与隐藏标签页的数字不采用
- 做完一轮操作,与基线对照标签页与 GPU 两个进程都量
- 三者都成立采用为单次数字仍要与另一版交错对照
- 任一前提不成立不采用,重新测量不事后修正数字
- 做完一轮操作回不到基线另查叠加的来源不比较绝对值
两版在同一时段轮流测量,噪声就同时落在两版上 相关做法
每版各自构建,由同一个脚本测量;轮数依底噪与变异决定
SEO、AEO、GEO 是什么:差别与实施顺序
SEO、AEO、GEO 共用同一份内容与索引,差别在最后的出口 相关做法
网站这一端
- 可抓取的 HTML
- 直答与事实
- 结构化数据
搜索与 AI 引擎
- 爬虫与索引
- 检索与排序
用户看到的
- 排名链接SEO
- 直接答案AEO
- AI 回答的引用GEO
示意流程,各家引擎的索引与排序方式不同。
实现顺序:收录先于内容,内容先于标记 相关做法
每一步都建立在前一步之上。
3D 模型优化前后对照:下载量与内存实测
前后对照表
| 指标 | 前 | 后 | 测量方式 |
|---|---|---|---|
| GPU 贴图显存:8 张 4096 x 4096 降到 2048 x 2048(WebP 质量 80) | 约 681MB | 约 170MB | 以“张数 x 边长² x 4 字节 x 4/3(mipmap)”核算 |
| 贴图下载量 | 3.38MB | 2.84MB | 贴图文件大小 |
| GPU 显存:再改 KTX2(ETC1S、含 mipmap) | 约 170MB | 约 30MB | 估算;这组贴图已进正式版本。两步合计约 681MB 到约 30MB |
(联系)
Start a project.
三个步骤,取得可判断的做法与预算区间。
- 01预约第一场会议:选择时段,不需要完整规格。
- 02在线咨询 15 至 30 分钟:取得做法方向、预算区间与时程草案。
- 03查看素材后,约 3 至 5 个工作日提供报价单暨交付规格明细表。
- 邮箱
- hello@polish-design.com.tw
- 通讯地址
- (104) 台北市中山区植福路191-1号3F




