跳转到主要内容
Alba

BIG DAY

钞票艺术画工作室的落地页,配置器的预览完全由 CSS 渲染,输出的是可直接发给客服的需求单。

挑战

工作室手工制作钞票艺术画和桌面摆件——这类产品客户下单前想先看到成品。工作室没有公开价目表,所以常规计算器并不合适:没有可计算的内容,但作品仍然需要展示。

解决方案

单页站点呈现作品的分层结构、六个系列,以及带筛选和灯箱的作品集。核心是配置器:尺寸、币种、内嵌物件、品牌、底衬与灯光。预览不是图片,而是 CSS 渲染——画框、碳纤维、雕刻、车钥匙、车牌,以及约 170 张按固定随机种子铺排的「钞票」,确保客户与客服看到的完全一致。配置器不算价格,而是生成需求单:参数汇成一段文字,复制到剪贴板并打开客服会话。

成果

约 2 800 行的页面,包含 53 张成品照片,以独立容器部署在共享服务器上,未触动相邻项目及其配置。

技术栈

Vanilla JSCSSStaticDockernginx

图库

钞票艺术画工作室首屏
钞票艺术画工作室首屏
内部构成:分层而非印刷
内部构成:分层而非印刷
工作室的六个方向
工作室的六个方向
带实时 CSS 预览的配置器
带实时 CSS 预览的配置器
可筛选的作品集
可筛选的作品集
包装与配送
包装与配送