BIG DAY
钞票艺术画工作室的落地页,配置器的预览完全由 CSS 渲染,输出的是可直接发给客服的需求单。
挑战
工作室手工制作钞票艺术画和桌面摆件——这类产品客户下单前想先看到成品。工作室没有公开价目表,所以常规计算器并不合适:没有可计算的内容,但作品仍然需要展示。
解决方案
单页站点呈现作品的分层结构、六个系列,以及带筛选和灯箱的作品集。核心是配置器:尺寸、币种、内嵌物件、品牌、底衬与灯光。预览不是图片,而是 CSS 渲染——画框、碳纤维、雕刻、车钥匙、车牌,以及约 170 张按固定随机种子铺排的「钞票」,确保客户与客服看到的完全一致。配置器不算价格,而是生成需求单:参数汇成一段文字,复制到剪贴板并打开客服会话。
成果
约 2 800 行的页面,包含 53 张成品照片,以独立容器部署在共享服务器上,未触动相邻项目及其配置。
技术栈
Vanilla JSCSSStaticDockernginx
图库






