Agent Skills
返回列表
电商落地页设计

电商落地页设计

设计多媒体 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_8d36cde0/guoyiyi-v002-frontend-design。

技能介绍

要解决什么问题

电商活动页、单品页和投放落地页往往要在有限首屏里同时承载卖点、价格、信任背书与行动按钮。设计讨论容易停在「好看」上,却缺少对信息层级、转化路径和前端可实现性的统一口径——文案、视觉和实现各说各话,返工集中在间距、组件复用和移动端适配。

技能如何协助

本技能(@user_8d36cde0/guoyiyi-v002-frontend-design)面向电商落地页的前端与视觉设计语境,适合在对话中逐步澄清:

  • 页面模块划分(首屏、卖点区、规格/FAQ、底部 CTA 等)及阅读顺序
  • 与转化相关的布局取舍:主按钮位置、价格与优惠信息的视觉权重
  • 前端实现向的约束:响应式断点、常见组件结构、样式命名与可维护性
  • 从线框到高保真描述时的设计说明(便于交给设计与开发对齐)

你可以用具体品类、活动类型或参考链接作为输入,让输出更贴近真实投放场景。

适用边界

技能侧重设计与前端表达,不会替代真实的 A/B 测试数据、法务合规审查或品牌 VI 手册。若项目已有严格设计系统,应优先引用现有组件与 token;生成方案需经设计评审与上线前性能、无障碍检查。

使用场景

  • 大促前要在 48 小时内定稿活动页模块顺序与首屏 CTA 布局,需输出可给开发的对齐说明
  • 投放新单品需把卖点、价格与保障信息拆成区块,并兼顾移动端首屏可读性
  • 现有落地页跳出率高,需在对话里复盘信息权重并调整价格区与按钮位置方案
  • 品牌方给了参考站,要把线框级结构转成带间距与组件说明的前端实现描述

适合人员

  • 负责活动页与投放落地页排期的电商运营,需要快速产出模块结构与文案区划草案
  • 独立站或小团队的前端,要在没有完整设计稿时先对齐页面区块与响应式断点
  • 接外包落地页项目的 UI 设计师,需把高保真意图写成开发可执行的层级与组件说明
  • 增长/投放同学,要在上线前与设计和开发统一首屏卖点与转化按钮的呈现方案