Hero

Adobe 首页首屏先用创意工具价值主张建立方向，再把访客导向开始创建或进入产品体验的主行动。

Dropbox 首页以文件协作和同步价值承接匿名访客，并将开始使用作为低承诺的首个产品动作。

Figma 首页围绕协作设计建立首屏叙事，并用开始使用与了解产品两类行动覆盖执行和探索意图。

GitHub 首页将开发者价值说明与创建账户、探索代码协作的入口并列，支持高意图访客立即进入。

Intercom 博客索引围绕客户服务和 AI 主题组织内容，并用突出入口将高意图读者带到 Fin 或产品介绍。

Linear 首页用简短产品叙事和工作流画面解释协作价值，再把访客带到开始使用或查看产品的下一步。

承接用户咨询、注册、预约或其他高意图行动的转化页面。

面向首次访问和回访用户的站点入口页面，解释站点价值并提供主要探索路径。

围绕单一活动、受众或转化目标组织的独立页面模板。

解释方案、价格、差异和购买或联系路径的商业页面。

回答为什么替换现有方案以及如何低风险迁移。

通过一组输入或检测生成评分、诊断或报告，并将结果转成可理解的建议和下一步行动。

让用户一次提交多项任务，在可见的队列、批量结果或额度限制下完成处理。

集中承载多个对手或比较主题，帮助用户进入具体比较。

让用户通过参数、选项或上下文配置生成更贴合目标的内容或结果。

让明确在两个产品间决策的用户快速看见关键差异。

把复杂组织的安全、支持、采购和规模需求转成企业方案咨询或定制报价行动。

让用户按功能、限制和使用权益逐行核对不同方案的差异。

让熟悉产品的用户快速查找和扫描大量功能。

帮助用户按目标而不是按内部产品架构理解整套能力。

帮助仍在探索的用户从多个候选中形成短名单。

让用户上传或导入素材，经过处理预览后导出最终文件或结果。

帮助用户在多个产品、产品线或套餐组合之间找到适合的购买路径。

把席位数、用量或周期等输入转成可解释的价格估算，降低复杂定价的计算成本。

围绕一个关键能力完成问题、机制、证据和行动的闭环。

让用户提交一个明确输入后快速得到可直接使用或继续处理的结果。

让用户在有限的方案层级中比较价值、价格和下一步动作，并选出适合自己的方案。

把功能放进连续工作阶段，展示端到端使用方式。

Adobe Background Remover 通过上传图片、生成透明背景预览和下载/继续编辑完成任务闭环。

以创作任务、应用和工作流组织 Creative Cloud 能力目录。

Ahrefs Keyword Generator 让用户输入关键词并选择搜索引擎、地区等上下文，再展示结果并连接到更完整的数据能力。

将 AI 放入具体工作场景，以结果、示例和安全能力消除抽象感。

按团队工作阶段与用例呈现大型功能集合。

用同一组维度对照两种项目管理路径，并在页内继续试用或迁移。

围绕团队管理与工作可见性对照 Asana 与 Jira。

围绕工作流灵活性、协作和项目计划对照两种产品路径。

从协作、项目视图和规模化管理维度比较 Asana 与 Smartsheet。

以商业模型、规模和运营需求组织多个电商平台候选。

先给出评估标准，再用候选工具列表帮助读者形成短名单。

以编辑评测和适用人群为入口，将多款工具收敛为候选清单。

Buffer AI Post Generator 用平台、语气和主题等参数生成社交内容，并以免费额度和账户路径承接持续使用。

Calendly Pricing 用方案卡片与功能矩阵对比会议类型、团队协作和管理能力。

通过大规模分类和卡片覆盖不同创作任务与工具。

集中承载多个竞争产品的比较入口。

把项目、任务、文档、目标和自动化串成连续工作流。

Dropbox Plans 突出推荐方案、存储容量和升级路径，帮助用户按容量与协作需求选择订阅。

围绕设计交付给开发者的检查、标注、代码和协作闭环。

Figma Pricing 以方案层级、协作权益和团队规模为主要比较维度，并提供方案管理路径。

将免费项目管理工具按能力、限制和适用人群横向列出。

将 Freshdesk 与多个帮助台候选集中呈现，先选对手再进入具体比较。

把切换动机、迁移路径和企业服务管理能力放在同一决策页。

按代码协作、自动化、安全和管理阶段呈现平台能力。

GitHub Pricing 在方案卡片后提供完整功能比较表，核对 Free、Team 与 Enterprise 的差异。

从写作问题、生成、改写到语气控制展开单一能力闭环。

以 Help Scout 的替代选择为入口，比较支持能力、成本与扩展空间。

解释 CRM 评估标准并比较多个候选方案。

把比较内容做成覆盖多产品和决策主题的资源中心。

按销售、营销、服务和内容协作目标组织 CRM 能力。

HubSpot Website Grader 先要求输入网站，再在评分生成路径中设置线索捕获门槛，以诊断结果作为价值交换。

按计划、跟踪、发布与报告等工作阶段安排功能入口。

Jira Pricing 让用户输入团队人数并切换计费周期，生成与团队规模相关的价格估算。

围绕产品开发流程展开能力，阅读顺序接近实际工作推进。

Linear Pricing 将自助方案与 Enterprise 联系销售并列，帮助高复杂度团队进入询价路径。

把邮箱支持工具的替代选项做成可继续深入的比较目录。

Mailchimp 用方案摘要和功能比较表帮助营销团队核对联系人数量、自动化和支持能力差异。

按生产力、协作和安全目标组织企业套件能力。

围绕写作、搜索、总结和知识工作完成单一能力叙事。

按工作目标聚合核心能力，并用真实界面演示支撑价值主张。

Notion Pricing 用月付/年付切换即时更新方案价格，并同时展示 Free、Plus、Business 与 Enterprise 路径。

以替代方案定位说明相对 Notion 的覆盖与切换理由。

把销售、服务、营销和数据协同放入一套能力地图。

用产品线、行业和业务职能提供高密度目录导航。

把零售、门店和线上经营能力按场景分组。

用协作目标和典型任务组织多项能力。

Slack 在 Pricing 页面用方案卡片和升级入口连接免费团队当前需求与 Pro 方案。

针对二选一意图直接呈现差异、证据和切换理由。

Spotify 用并列方案卡片呈现价格、权益和订阅入口，让用户从个人、双人、家庭等使用情境中选择方案。

围绕单一能力说明业务结果、集成方式、界面和全球化支持。

TinyPNG 支持多文件压缩，并在免费容量限制后展示 Web Pro/Ultra 等升级路径。

Vercel Pricing 用 Popular 标记突出 Pro 方案，并将自助试用与 Enterprise 演示路径并列。

以分类目录承载大量建站能力并通向具体功能。

强调从 WordPress 切换后的工作方式和维护成本变化。

从现有 WooCommerce 的局限出发，将替代平台和插件分层比较。

围绕 Zendesk 的替代选项组织多个决策入口。

围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。

设计从理解价值到提交、注册、购买或联系的连续路径。

限制内容宽度、内边距和水平对齐的容器原语。

定义字体家族、字号、字重、行高和字距的基础尺度。

触发动作、提交选择或打开流程。

Heading 如何在界面中被理解、操作或组合？

Image 如何在界面中被理解、操作或组合？

将相关信息和操作组合成可扫描、可比较的内容容器。