这次,我用原创概念款 “MORROW 全金属手摇咖啡磨豆机",演示一套完整的电商 Codex 详情页制作流程。
磨豆机看上去很好讲:机身、摇臂、研磨结构、调节环、接粉杯,把这些部件摆出来,似乎就是一套详情页。
但买家在意的并不只是“有没有”,而是“好不好用”:研磨是否稳定、粗细怎么选、转动是否顺手、第一次能不能快速上手、用完以后好不好清理。
如果页面只反复写“精密”“均匀”“专业”,画面再高级,也只是堆形容词。
我的做法是:“先列出购买顾虑,再让一张图回答一个问题。”
先看完整成果。
六张图依次回答六件事:产品定位、研磨结构、粗细选择、操控手感、使用流程、清洁收纳。
核心原则只有一句:不要先问“画面够不够高级”,先问“这张图消除了哪个购买疑问”。
第一步:先锁定产品,不急着出图
一套详情页最怕产品越画越不像:这一张机身偏粗,下一张摇臂变短,再下一张调节环换了颜色。单张都好看,连起来却不像同一款产品。
所以我先让 Codex 固定产品特征:哑光枪灰圆柱机身、宽幅滚花握持区、铜色调节环、拉丝金属摇臂、胡桃木旋钮、可拆接粉杯,以及一处 MORROW 竖向标识。
同时划清事实边界:不编造刀盘材质、使用寿命、均匀度、残粉率、刻度数量、重量和认证;内部结构只做概念示意,不冒充实验数据。
这一步不出图,却决定了后面六张图能不能成为一套。
第二步:把卖点改写成购买问题
详情页不是产品说明书。买家浏览时,只是在快速确认三件事:适不适合我、好不好操作、值不值得买。
我把产品信息改写成六个问题:
-
它只是一个厨房小工具,还是值得长期使用的咖啡器具? -
所谓稳定研磨,背后有什么结构依据? -
粗细调节能不能一眼看懂? -
握持、转动和发力是否自然? -
新手能不能顺着流程完成一次冲煮? -
使用后是否方便拆洗和收纳?
接下来,每张图只回答一个问题。信息少一点,重点反而更清楚。
第三步:首屏先给理由,不急着讲参数
磨豆机首屏不该从轴承、刀盘或刻度开始。买家第一眼要知道的是:它为什么值得进入我的咖啡日常。
所以首屏只保留一句话:“把风味,掌握在手里。”深色咖啡工坊负责建立氛围,枪灰金属、铜色调节环和胡桃木旋钮负责建立产品记忆;咖啡豆与冲煮器具只交代场景,不抢主体。
这张图先把产品从“厨房小配件”提升为“个人冲煮器具”。定位立住以后,读者才愿意继续了解它的结构和操作。
第四步:把“稳定”变成结构证据
“稳定”“均匀”“精密”谁都可以写。要让这些词有说服力,必须让买家看到它们从哪里来。
因此,第二张图把上盖、轴心支撑、研磨核心、调节环、机身和接粉杯沿同一轴线展开,同时保留完整产品作为外观参照。
它不是工程图,而是一张结构说明:上部负责支撑,中段完成研磨,下部承接咖啡粉。图中明确标注概念机制,不虚构专利、检测或精确参数。
第五步:调节页要帮用户做选择
很多磨豆机详情页会放大调节环,再配上一排数字。但买家真正想知道的,不是“有多少格”,而是“调完以后会得到什么”。
这一张把调节环、完整产品和细、中、粗三种粉体放在一起,让粗细变化直接可见。
页面没有编造刻度数量、粉径或冲煮比例。它先解决“看不看得懂”;真实产品上线时,再补充经过测试的档位与冲煮建议。
第六步:手摇产品,必须把动作讲清楚
手摇磨豆机最终要靠双手完成操作。只拍静物,买家很难判断握哪里、怎么发力、摇臂是否顺手。
所以画面让一只手握住滚花区域,另一只手转动胡桃木旋钮,并直接标出长摇臂、滚花握持和木质旋钮三个接触点。
与其空泛地说“手感好”,不如把握持、转动和接触位置拍清楚。用户能从动作里提前理解怎么用。
第七步:用流程降低上手门槛
讲完功能,还要回答“买回去怎么开始”。流程越模糊,新手越容易觉得麻烦。
这张图把使用过程压缩成四步:加豆、调节、研磨、冲煮。四个动作放在同一张工作台上,用编号和动线连成一条完整路径。
图中没有加入未经测试的冲煮比例和研磨时间,只负责把操作顺序讲清楚。第一次使用时,用户不必在零散说明里来回寻找。
第八步:最后回答“用完怎么办”
冲煮结束,不代表使用结束。接粉杯怎么拆、残粉怎么清理、摇臂怎么收、出门能不能带,都会影响下单。
最后一张把完整产品、接粉杯、摇臂、清洁刷、收纳袋和包装放在一起,补齐使用后的场景。
前五张负责建立期待,最后一张负责减少麻烦感。买家看到的不只是一台磨豆机,而是一套从使用到收纳的完整体验。
这套方法,可以沉淀成详情页 SOP
-
输入真实产品图、结构资料和事实边界。 -
锁定产品特征,避免不同页面出现外观漂移。 -
把产品卖点改写成买家会问的问题。 -
一张图只回答一个问题。 -
先定中心标题,再安排产品、证据和阅读顺序。 -
调用电商图片 Skill,统一产品、材质、光线和版式。 -
检查文字、手部、结构、产品一致性与事实边界。 -
按购买判断顺序排列图片,放回完整详情页中验收。
这就是我现在做电商详情页的方式:不是先让 AI 随机生成六张“高级感图片”,而是先用 Codex 梳理购买逻辑,再让视觉模块把每个判断变成看得见的证据。
值得复用的不是这套黑金风格,而是这套工作流。下次换成其他产品,仍然先判断买家在担心什么,再决定每张图该说什么。
“想安装 Codex、部署整套电商技能包,回复“部署”,即可低成本体验完整工作流。”

