PNK Trading 是一家帮美国建筑商从中国工厂直采建材的贸易服务商(石材台面、SPC 地板、门窗、橱柜、浴室柜)。 它本质上是一个「单页获客站」——不卖货、不展示 SKU 库存,只做一件事:把访客变成表单线索。
全站只有一个页面,导航全部是页内锚点跳转(#services、#products 等),没有独立的产品详情页、博客、关于我们页。从上到下依次是:
| 区块 | 锚点 | 内容 | 作用 |
|---|---|---|---|
| Hero 首屏 | — | 大标题「From China to Your Construction Site」+ 一句副标题(省 30–50%)+ 主按钮 Start Sourcing + 3 个次级入口(预约咨询 / 广交会 RSVP / 中国工厂行) | 3 秒讲清「我是谁、帮你省多少」 |
| 数据条 | — | 200+ 项目、30–50% 成本节省、50+ 合作工厂;下面一排客户类型标签(总包、开发商、设计施工、建筑师、经销商)滚动展示 | 建立可信度 |
| 活动预告 | #networking-mixer | 广交会社交酒会:日期、时间、详细地址、RSVP 表单 | 限时钩子,抓高意向客户 |
| 服务介绍 | #services | 6 项服务卡片:找厂、验货、物流、白标贴牌、工厂考察团、定制加工 | 说明「你全包,我不用操心」 |
| 为什么选我们 | #why-us | 5 条差异化 + 一段品牌故事(「我们也是被高价材料坑过的普通人」)+ 背景视频 | 情绪共鸣 + 差异化 |
| 产品品类 | #products | 6 个品类卡(石材台面 / SPC 地板 / 门 / 窗 / 厨房 / 浴室柜),每张只有一句描述 + View details | 让客户对号入座 |
| 客户评价 | #reviews | 3 条带姓名 + 职位 + 城市的评价(省 20 万美元、成本降 40%、工厂行改变认知) | 最强的转化证据 |
| 中国工厂行 | #china-tour | 2027 年 3 月行程:8–10 家工厂、五星酒店、机票接送、限 10 人、翻译随行、往期照片墙 + 视频 | 高客单服务变现 |
| 常见问题 | #faq | 6 问:船期、MOQ、品控、货损、美国建筑规范、价格对比 | 打消最后顾虑 |
| 页脚转化 | — | 「Ready to Cut Your Material Costs by 40%?」+ 邮件订阅 + 邮箱 + Instagram / LinkedIn | 兜底收集线索 |
这一点对你搭站最关键:它没有自己写后端。所有表单都是跳转到第三方表单页,站内一个后端接口都没有。
| 能力 | 它用的方案 | 说明 |
|---|---|---|
| 建站 / 托管 | Lovable 生成 + 托管 | React + Vite 打包,前端路由只有 /;页面里还能看到平台注入的统计脚本 |
| UI / 样式 | Tailwind CSS + Radix(shadcn 体系) | 弹窗、折叠面板都是 Radix 组件 |
| 字体 | Archivo(标题 800)+ Work Sans(正文) | Google Fonts 免费商用 |
| 主色 | 洋红 #D6136E 左右 + 黑白 | 右上角还做了深浅色主题切换 |
| 客户咨询表单 | ClickUp Form(New Client Intake) | 点 Start Sourcing 直接新开 ClickUp 表单页 |
| 活动 / 行程报名 | 另外 3 个 ClickUp Form | RSVP、中国工厂行预订、邮件订阅各一个 |
| 预约通话 | Calendly | Book Free Consultation 跳 Calendly |
| 投放追踪 | Google Ads 转化(AW-611957890)+ gtag | 说明它在跑 Google 广告,网站是广告落地页 |
| 素材 | 大量 Unsplash 图库图 + 少量自有照片 | 产品图 6 张里有 5 张是图库占位图 |
sitemap.xml、没有独立产品详情页(无规格 / 无 MOQ / 无价格区间)、没有「关于我们 / 公司资质 / 工厂审核报告」页、没有案例研究、图片大多是图库占位图、单页结构导致自然搜索几乎无法获得关键词流量 —— 它现在完全靠广告和社媒投放。
下面每一项都对应上面某个区块。标「必填」的是没有就上不了线,其余可以上线后补。勾选会自动统计进度。
这一组不需要设计能力,但决定整站的说服力,建议先写这个再动手做页面。
这是最容易卡住的地方。每个品类准备一份「产品资料卡」,比堆 100 张图有用得多。
spc-flooring-oak-01.jpg原站最大的短板就是这里:产品图基本是 Unsplash 图库图,一眼假。你有工厂资源,这是你碾压它的地方。
外贸 B2B 转化 80% 靠这一组。缺了它,页面再漂亮也只拿到垃圾询盘。
原站的做法很轻:表单全部外包给 ClickUp,预约外包给 Calendly。你也可以这么干,第一天就能收线索。
sales@你的域名.com),别用 Gmail 个人号原站是 AI 平台一键生成的,快但受制于人。你如果长期做这门生意,建议考虑「能自己改内容」的方案。
| 方案 | 上手难度 | 优点 | 缺点 | 适合 |
|---|---|---|---|---|
| AI 建站平台 Lovable / v0 等 |
最低 | 1–3 天出站,视觉现代,像原站这样 | 代码托管在平台、SEO 弱、改文案要描述需求、月费 | 快速验证市场、先跑广告 |
| WordPress + Astra/Kadence + Elementor |
中 | 自己就能改文案和产品;SEO 插件成熟;成本低(主机年付几百) | 要装主题调样式;速度和设计感要花心思 | 推荐:长期做 B2B 外贸站 |
| Webflow | 中高 | 设计自由度最高,动效好,SEO 干净 | 月费偏高,CMS 有学习曲线 | 品牌感要求高、预算充足 |
| 静态站 Astro / Next + Tailwind + Cloudflare Pages |
高(要开发) | 加载最快、几乎零成本、SEO 最好、代码完全自主 | 改内容要动代码(或用 Markdown 写产品) | 你有技术资源、追求极致性能 |
先把「能收询盘」的最小闭环做出来,其余按周迭代。
| 最小可上线(1 周内) | 完整版(1–2 个月) | |
|---|---|---|
| 页面 | 单页 6 个区块(首屏/服务/品类/评价/FAQ/表单) | 首页 + 产品详情页 ×6 + 案例 ×3 + 关于我们 + 联系页 |
| 产品 | 6 个品类,每类 1 句描述 + 3 张图 | 每类独立页:规格表、色卡、MOQ、交期、认证、PDF 下载 |
| 信任 | 3 条客户评价 + 3 个数字 | + 案例研究、验货报告样本、工厂审核报告、团队介绍 |
| 获客 | 表单 + Calendly + 自动回复 | + 博客 / 采购指南内容营销、邮件序列、WhatsApp 自动接待 |
| SEO | title/description/OG 图/sitemap | + 关键词落地页(如「SPC flooring supplier China」)、多语言 |