立项原因:大量小店、小公司没有自己的网站,客户想了解店铺只能翻朋友圈或点评页面;找外包做官网价格高、周期长,用建站平台又要每年付费,而且模板同质化。
行业场景:社区咖啡店、餐饮店、美业门店、财税代理、装修设计、培训工作室等本地商家,需要一个手机上打开就能看到服务价格、门店环境、客户评价,并能一键打电话、加微信的展示页面。
点击空白处退出提示
立项原因:大量小店、小公司没有自己的网站,客户想了解店铺只能翻朋友圈或点评页面;找外包做官网价格高、周期长,用建站平台又要每年付费,而且模板同质化。
行业场景:社区咖啡店、餐饮店、美业门店、财税代理、装修设计、培训工作室等本地商家,需要一个手机上打开就能看到服务价格、门店环境、客户评价,并能一键打电话、加微信的展示页面。
一套模板 + 一份配置文件即可生成一个完整的展示网站,已用同一套代码制作财税公司、咖啡店两个不同行业的演示站,在线演示:https://web-demo-studio.netlify.app
功能模块:
1、首屏亮点与信息卡片、关于我们、服务 / 菜单价格卡片、门店环境图集、客户评价、常见问题、联系方式(电话、微信、地址、营业时间、二维码),各区块按需开关;
2、手机优先设计,手机底部固定“打电话 / 加微信”按钮,点击自动复制微信号;
3、主题色一键切换,适配不同品牌风格;
4、作品集首页可汇总展示多个站点。
我负责模板设计、生成器开发、测试与部署,开发过程使用 AI 辅助编码。
技术栈:Python、Jinja2、TOML 配置、原生 HTML / CSS / JavaScript,无前端框架依赖。
亮点与难点:输出纯静态 HTML,加载快、可被搜索引擎收录,并内置商家结构化数据;复制微信号兼容微信内置浏览器等非安全环境;没有 JavaScript 时内容仍完整可见;构建时校验必填项,避免交付空白页面;用浏览器自动化在手机和电脑尺寸下截图验收,并修复了中文 Windows 命令行编码导致的构建崩溃。





评论