download-page-generator

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Pages: Download Page

页面:下载页

Guides download page structure and optimization for desktop and mobile app downloads. Purpose: convert visitors into installers by clearly presenting value, platform options, and trust signals.
When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
提供桌面端和移动端应用下载页的结构设计与优化指南,目标是通过清晰展示产品价值、平台选项和信任信号,将访客转化为应用安装用户。
调用规则首次使用时,如果适用,可以先用1-2句话介绍本技能覆盖的内容以及价值,再给出核心输出。后续调用或者用户要求跳过介绍时,直接输出核心内容即可。

Initial Assessment

初步评估

Check for product marketing context first: If
.claude/product-marketing-context.md
or
.cursor/product-marketing-context.md
exists, read it for product, audience, and value proposition.
Identify:
  1. App type: Desktop (Windows, macOS, Linux) or mobile (iOS, Android, both)
  2. Traffic source: Organic, paid, email, referral
  3. Distribution: App Store / Play Store only, direct download, or both
首先检查产品营销上下文:如果存在
.claude/product-marketing-context.md
.cursor/product-marketing-context.md
文件,读取其中的产品、受众及价值主张信息。
确认以下信息:
  1. 应用类型:桌面端(Windows、macOS、Linux)或移动端(iOS、Android,或两者兼具)
  2. 流量来源:自然流量、付费流量、邮件、推荐引流
  3. 分发方式:仅App Store/Play Store分发、直接下载,或两者兼具

Page Purpose

页面目标

PurposeGoal
DownloadGuide users to install desktop or mobile app
TrustBuild confidence before download (security, privacy, reviews)
ConversionMaximize download rate, store visits, install conversion
目标类型具体目的
下载引导引导用户安装桌面端或移动端应用
信任建立在用户下载前建立信任感(安全、隐私、评价相关内容)
转化提升最大化下载率、应用商店访问量、安装转化率

Download Page Structure

下载页结构

StepPurposeElements
1. Value propositionWhy downloadHeadline, benefit-focused copy, key features
2. Platform selectionClear pathDesktop: OS detection or manual pick; Mobile: App Store / Play Store buttons
3. Trust signalsReduce frictionRatings, download count, security badges, privacy note
4. Visual proofShow the appScreenshots, app previews, video
5. CTAPrimary actionSingle, prominent download button
步骤作用包含元素
1. 价值主张说明用户为什么要下载标题、利益导向的文案、核心功能亮点
2. 平台选择提供清晰的下载路径桌面端:系统自动检测或手动选择;移动端:App Store/Play Store下载按钮
3. 信任信号降低用户决策阻力评分、下载量、安全认证标识、隐私说明
4. 视觉证明直观展示应用形态截图、应用预览、演示视频
5. CTA引导用户完成核心动作单个醒目的下载按钮

Platform-Specific Layout

分平台布局规范

Desktop App

桌面端应用

  • OS detection: Auto-detect OS or show "Download for Windows / macOS / Linux"
  • Direct download: One-click .exe / .dmg / .deb etc.
  • Alternatives: Optional "Other platforms" or "Command line" for power users
  • 系统检测:自动识别用户操作系统,或显示「Download for Windows / macOS / Linux」选项
  • 直接下载:支持一键下载.exe/.dmg/.deb等格式安装包
  • 备选方案:可面向高阶用户提供「其他平台」或「命令行下载」选项

Mobile App

移动端应用

  • Dual store: App Store + Play Store buttons side by side
  • Smart redirect: Detect device and show relevant store first; still show both
  • QR code: Optional for desktop visitors to scan and install on phone
  • 双商店按钮:App Store和Play Store按钮并排展示
  • 智能跳转:识别用户设备优先展示对应应用商店按钮,同时保留双商店入口
  • 二维码:可面向桌面端访客提供二维码,支持扫码跳转手机安装

Optimization Best Practices

优化最佳实践

Performance

性能优化

  • Load time: Under 3 seconds; each extra second can cost ~7% conversion
  • Mobile-first: Most app download traffic is mobile; responsive, thumb-reachable CTAs
  • Image optimization: WebP, lazy loading, compression (e.g. TinyPNG, ImageOptim)
  • 加载速度:页面加载时长控制在3秒以内,每多1秒可能损失约7%的转化率
  • 移动端优先:大多数应用下载流量来自移动端,页面需适配响应式,CTA位于拇指可点击区域
  • 图片优化:使用WebP格式、懒加载、压缩工具(如TinyPNG、ImageOptim)处理图片

Conversion

转化优化

  • Single primary CTA: "Download Free Now," "Get on App Store," "Get for Windows"
  • Above the fold: CTA visible without scrolling
  • Repeat CTA: On longer pages, repeat at logical points
  • A/B test: CTA color, size, copy, placement
  • 单一核心CTA:如「Download Free Now」、「Get on App Store」、「Get for Windows」
  • 首屏可见:CTA无需滚动即可看到
  • 重复展示CTA:长页面中可在逻辑节点重复展示CTA
  • A/B test:对CTA的颜色、尺寸、文案、位置做A/B测试

Trust & Social Proof

信任与社交证明

  • Star ratings: Show App Store / Play Store ratings
  • Download count: "10M+ downloads," "Trusted by X users"
  • Testimonials: User quotes, media logos
  • Security: Security badges if collecting sensitive info
  • 星级评分:展示App Store/Play Store的应用评分
  • 下载量:如「10M+ downloads」、「Trusted by X users」
  • 用户证言:用户评价、合作媒体标识
  • 安全标识:如果收集敏感信息需展示安全认证标识

Content

内容优化

  • Top 3–5 features: Benefit-focused, scannable bullet points
  • Screenshots: High-quality, show app in action
  • Video: App preview or demo video
  • Top 3-5个核心功能:用利益导向、易读的 bullet points 展示
  • 截图:高清展示应用实际使用场景
  • 视频:应用预览或功能演示视频

Alignment with Traffic

流量对齐

  • Ads: If from PPC, ensure message matches ad (offer, platform); see paid-ads-strategy
  • Email: Match campaign message and CTA
  • 广告流量:如果流量来自PPC,确保页面信息和广告内容(优惠、适配平台)匹配,可参考paid-ads-strategy
  • 邮件流量:和营销活动的信息、CTA保持一致

Output Format

输出格式

  • Headline and subheadline
  • Structure (5-step flow sections)
  • Platform layout (desktop vs mobile)
  • CTA copy and placement
  • Trust signals placement
  • SEO metadata (if page is indexed)
  • 标题和副标题
  • 页面结构(5步流程模块)
  • 分平台布局(桌面端/移动端差异)
  • CTA文案和摆放位置
  • 信任信号摆放位置
  • SEO元数据(如果页面需要被搜索引擎收录)

Related Skills

相关技能

Pages

页面类

  • landing-page-generator: Download page is a type of landing page; apply LP principles
  • homepage-generator: Homepage often links to download page
  • features-page-generator: Feature copy for "Explain value" section
  • landing-page-generator:下载页是落地页的一种,可适用落地页设计原则
  • homepage-generator:首页通常会跳转链接到下载页
  • features-page-generator:可复用功能页的文案用于「价值说明」模块

Components

组件类

  • hero-generator: Hero section (value proposition)
  • cta-generator: Download button design
  • trust-badges-generator: Social proof, ratings
  • testimonials-generator: User testimonials
  • hero-generator:首屏Hero模块(价值主张部分)
  • cta-generator:下载按钮设计
  • trust-badges-generator:社交证明、评分模块
  • testimonials-generator:用户证言模块

SEO

SEO类

  • title-tag, meta-description, page-metadata: Download page metadata
  • title-tag, meta-description, page-metadata:下载页元数据配置