官网四页评审优化(P0 清单落地)
评审方式:落地页/pricing/license/docs 四页全页截图 + 视觉评审,按优先级修复: - 落地页信息密度:为什么选 8→6 卡(握手头并入六协议卡、文档分享并入功能区); 功能区 12→9 卡(删历史重放/系统代理/文档快照三弱卡),g3 三行节奏 - pricing 文案:私有化「(标价)」重复消除(¥8,000/年起、支持买断、成交灵活); 年/永久 toggle 描边加粗+光晕提升视觉权重 - license:30 天试用 chip 加粗+光晕强调;hero 下新增快捷锚(怎么买/换机断网/查看定价) 并为对应区块补 id - docs 首页(=产品介绍):顶部新增「新手从这读起」五步引导(界面导览→首请求→Mock→测试→授权) - 重建后核验:6 卖点卡/9 功能卡/标价 0/锚点 2/引导 1,五页零断链
This commit is contained in:
1 parent
7cacf64daf
commit
d114ce09d1
12 files changed
+59
-47
No files matched your search
+11
-3
@@ -12,7 +12,7 @@
|
||||
.lic-hero{padding:72px 0 30px;text-align:center;}
|
||||
.lic-hero h1{font-size:clamp(28px,4.5vw,42px);margin:12px 0 10px;}
|
||||
.lic-hero .lead{max-width:780px;margin:0 auto;font-size:15px;line-height:1.9;opacity:.75;}
|
||||
.lic-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid var(--blue,#2563eb);color:var(--blue,#2563eb);font-size:13px;font-weight:600;}
|
||||
.lic-chip{font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 4px color-mix(in srgb, var(--blue,#2563eb) 12%, transparent);display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid var(--blue,#2563eb);color:var(--blue,#2563eb);font-size:13px;font-weight:600;}
|
||||
.lic-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;margin:22px 0 0;}
|
||||
@media (max-width:720px){.lic-steps{grid-template-columns:1fr;}}
|
||||
.lic-step{position:relative;border:1px solid var(--border);border-radius:calc(var(--radius,14px) + 2px);padding:22px 18px 18px;background:var(--bg);}
|
||||
@@ -63,7 +63,15 @@
|
||||
<p class="lead">一次说清四件事:怎么买、授权码怎么交付、程序里怎么激活、换机与断网怎么办。授权绑定设备而非账号,全流程不需要注册。</p>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<section class="section" style="padding-top:0">
|
||||
<div class="wrap" style="text-align:center">
|
||||
<a class="btn btn-primary" href="#steps" style="margin:0 6px">怎么买</a>
|
||||
<a class="btn btn-ghost" href="#license-faq" style="margin:0 6px">换机 / 断网怎么办</a>
|
||||
<a class="btn btn-ghost" href="/pricing" style="margin:0 6px">查看定价 ↗</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="steps">
|
||||
<div class="wrap">
|
||||
<h2 class="sec-title">交付与激活:四步</h2>
|
||||
<p class="sec-sub">从下单到激活通常当天完成,最短几分钟。</p>
|
||||
@@ -144,7 +152,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<section class="section alt" id="license-faq">
|
||||
<div class="wrap">
|
||||
<h2 class="sec-title">授权常见问题</h2>
|
||||
<div class="lic-faq">
|
||||
|
||||
Reference in new issue
Block a user