Ember 采用 Happy Hues 第 2 号配色中的奶油色、白色、藏青、粉色和浅陶土色。一张通栏的烘焙车间照片强调的是生产本身,而不是咖啡馆生活方式,居中的内容区则被稳妥地限制在安全宽度内。
页面按顾客想做出的那杯咖啡来组织产品,再依次展示产地、烘焙、冲煮和新鲜度记录。刊物感的字体、批次标签和克制的圆环几何图形,构成一套令人印象深刻的视觉系统,又没有多余的装饰干扰。
这个模板适合精品咖啡烘焙商、直接贸易咖啡品牌、咖啡订阅服务、兼营烘焙产品的生豆进口商、自家烘焙咖啡馆或咖啡批发供应商。把 Ember 的品牌标识换成经认可的品牌名称和简洁的透明底 Logo,再准备一个浅色版本,用于深色照片和页脚。可以保留当前的 Happy Hues 配色,也可以把品牌色映射到语义化变量,然后检查产品文字、链接、价格、库存状态、按钮、焦点、错误提示、禁用控件和悬停状态的对比度。
把 AI 生成的烘焙车间图片换成有授权的真实照片:实际的烘焙师、生产空间、团队、咖啡、包装、冲煮器具和批发服务。取得肖像授权,并去掉照片中的供应商单据、批次记录、客户标签、地址、屏幕和保密生产数据。绝不能用生成的机器、人物、麻袋或咖啡豆来暗示实际的设施、产地、产能、认证、合作关系、品质或生产做法。
围绕真实的烘焙理念、客户群体、发货安排和最直接的产品卖点来重写首屏。示例中的每一个批次号、日程、批量、响应时间、咖啡、配方和库存说明都是虚构的,必须接入持续维护的电商和生产数据,或者直接替换。不要把“新鲜”当作绝对的品质保证,也不要承诺固定的风味、健康功效、完美的道德标准、咖农收入、环保效益、精确的发货时间,或那些取决于水质、磨豆机、冲煮器具、储存和手法的冲煮结果。
产品页面要写明:咖啡名称、生产者或合作社、农场或产区(有依据时)、国家、品种、处理法、采收期或产季、进口商、相关认证(如有)、烘焙思路、推荐冲煮方式、净含量、烘焙或发货政策、整豆或研磨选项、相关的过敏原或交叉接触风险、价格、税费、库存、是否支持订阅、配送和退货。风味描述应作为感官参考来呈现,除非真的添加了相应成分,否则不要写得像配料。要说明风味描述是怎么得出的,避免把生产者猎奇化,也不要照搬未经核实的产地故事。
产地采购页面需要取得许可,并提供最新的证据,涵盖生产者身份、合作年限、批次可追溯性、价格说法、溢价、认证、项目和影响。要说明所报价格是农场收购价、带壳豆价、FOB 离岸价、到岸价还是其他口径,并注明币种、时期和比较基准。没有范围、方法、证据、日期和局限说明时,不要使用“直接贸易”“道德采购”“可持续”“碳中和”“再生农业”“生活工资”之类含糊的说法。
烘焙与品控页面可以介绍设备、样品烘焙、曲线开发、杯测、用水和各项检查,但不要公开保密的烘焙参数,也不要暗示杯测分数能保证顾客一定喜欢。冲煮指南要写明粉量、饮品或用水重量、水温、研磨粗细方向、时间、搅拌、滤纸和调整建议,并说明磨豆机校准、水质和器具都会有差异。
食品安全内容应涵盖储存方式、保质期、单向排气阀、包装破损、异物投诉、召回、风味咖啡的过敏原、低因咖啡的脱咖啡因工艺说明,以及联系渠道。订阅页面必须说明配送频率、数量、选豆方式、扣款日期、续订、配送、跳过、变更、取消、礼品订阅、替换、调价和扣款失败的处理。
批发页面要写明真实的服务区域、起订量、下单方式、交期、设备服务范围、安装边界、培训、维护、紧急支持、咖啡独家供应和合同条款。绝不能编造生产者语录、咖啡馆客户、奖项、比赛成绩、杯测分数、认证、评价评分、烘焙产能或采购溢价。
SEO 方面,要为真实的咖啡、生产者、产区、处理法、冲煮指南、订阅、批发、咖啡馆和专栏文章建立内容充实的页面。每页有独立的页面标题、页面描述和规范网址(canonical),库存和价格准确,标题清晰,做好有意义的站内链接,并写好描述性的图片替代文本(alt 文本)。只有当页面可见内容能支撑每一项属性时,才使用 Product、Offer、Organization、ItemList、HowTo、FAQPage 或 Article 结构化数据。如果做多语言网站,产品信息、合同、食品安全、订阅和产地背景都要由合格的译者翻译。
移动端上,咖啡名称、规格、重量、价格、库存、关键冲煮建议和购买按钮要放在一起。表格可以重新排版,订阅选项要容易看懂,重要条款绝不能藏在鼠标悬停效果里。保留语义化地标、标题层级、键盘操作、可见的焦点、足够大的触控区域、页面缩放、高对比度、减少动画、无障碍图库、表单标签和错误提示。使用安全的电商系统,并说明付款、配送、税费、退货、隐私、Cookie、数据统计和营销授权。
上线前,要替换所有虚构的咖啡、人物、批次、说法、配方、价格、联系方式、图片和链接;测试购买流程、规格选项、订阅、库存、各种失败情况、电话和邮件链接、读屏软件、键盘操作、移动端和超宽屏布局、慢速网络、减少动画和各主流浏览器。补齐经过审核的隐私政策、Cookie 政策、服务条款、配送、退货、订阅、批发、食品安全、召回、可持续发展、无障碍声明和联系方式等页面,并为咖啡、生产、食品安全、电商、隐私、无障碍和内容分别指定负责人。