资料准备进度
0 / 0 项
Site Teardown & Build Checklist

pnktrading.com 拆解
以及搭一个同类网站要准备的资料

PNK Trading 是一家帮美国建筑商从中国工厂直采建材的贸易服务商(石材台面、SPC 地板、门窗、橱柜、浴室柜)。 它本质上是一个「单页获客站」——不卖货、不展示 SKU 库存,只做一件事:把访客变成表单线索。

站点类型:单页 Landing Page 页面数:1 个 URL 内容区块:10 个 技术栈:React + Vite + Tailwind 生成平台:Lovable

01这个网站有哪些内容

全站只有一个页面,导航全部是页内锚点跳转(#services、#products 等),没有独立的产品详情页、博客、关于我们页。从上到下依次是:

10
页面区块
6
建材品类
4 + 1
表单 / 预约入口
24
图片位(多为占位图)
3
视频(2 背景 + 1 行程)
区块锚点内容作用
Hero 首屏—大标题「From China to Your Construction Site」+ 一句副标题(省 30–50%)+ 主按钮 Start Sourcing + 3 个次级入口(预约咨询 / 广交会 RSVP / 中国工厂行)3 秒讲清「我是谁、帮你省多少」
数据条—200+ 项目、30–50% 成本节省、50+ 合作工厂;下面一排客户类型标签(总包、开发商、设计施工、建筑师、经销商)滚动展示建立可信度
活动预告#networking-mixer广交会社交酒会:日期、时间、详细地址、RSVP 表单限时钩子,抓高意向客户
服务介绍#services6 项服务卡片:找厂、验货、物流、白标贴牌、工厂考察团、定制加工说明「你全包,我不用操心」
为什么选我们#why-us5 条差异化 + 一段品牌故事(「我们也是被高价材料坑过的普通人」)+ 背景视频情绪共鸣 + 差异化
产品品类#products6 个品类卡(石材台面 / SPC 地板 / 门 / 窗 / 厨房 / 浴室柜),每张只有一句描述 + View details让客户对号入座
客户评价#reviews3 条带姓名 + 职位 + 城市的评价(省 20 万美元、成本降 40%、工厂行改变认知)最强的转化证据
中国工厂行#china-tour2027 年 3 月行程:8–10 家工厂、五星酒店、机票接送、限 10 人、翻译随行、往期照片墙 + 视频高客单服务变现
常见问题#faq6 问:船期、MOQ、品控、货损、美国建筑规范、价格对比打消最后顾虑
页脚转化—「Ready to Cut Your Material Costs by 40%?」+ 邮件订阅 + 邮箱 + Instagram / LinkedIn兜底收集线索

02它背后用了哪些工具

这一点对你搭站最关键:它没有自己写后端。所有表单都是跳转到第三方表单页,站内一个后端接口都没有。

能力它用的方案说明
建站 / 托管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 FormRSVP、中国工厂行预订、邮件订阅各一个
预约通话CalendlyBook Free Consultation 跳 Calendly
投放追踪Google Ads 转化(AW-611957890)+ gtag说明它在跑 Google 广告,网站是广告落地页
素材大量 Unsplash 图库图 + 少量自有照片产品图 6 张里有 5 张是图库占位图
它的明显短板,正好是你可以做得更好的地方:没有 sitemap.xml、没有独立产品详情页(无规格 / 无 MOQ / 无价格区间)、没有「关于我们 / 公司资质 / 工厂审核报告」页、没有案例研究、图片大多是图库占位图、单页结构导致自然搜索几乎无法获得关键词流量 —— 它现在完全靠广告和社媒投放。

03你要准备的资料(按优先级)

下面每一项都对应上面某个区块。标「必填」的是没有就上不了线,其余可以上线后补。勾选会自动统计进度。

A. 商业定位与文案 必填

这一组不需要设计能力,但决定整站的说服力,建议先写这个再动手做页面。

  • 一句话定位:帮谁、从哪、买什么、省多少(例:帮美国总包从中国工厂直采建材,省 30–50%)
  • 目标客户 3–5 类:总包 / 开发商 / 建筑师 / 经销商 / 设计施工一体,每类一句痛点
  • 核心卖点 5 条,每条 = 标题 + 一句解释(原站就是 5 条卡片)
  • 品牌故事 150–250 字:为什么做这行、和同行差在哪
  • 价格话术与依据:省 30–50% 是怎么算出来的(含运费、关税、服务费)——客户一定会问
  • FAQ 6–10 条:船期、MOQ、品控流程、货损赔付、是否合美国规范、和本地供应商比价
  • 英文为主 + 中文备用:目标客在美国,正文必须是地道英文,别用机翻

B. 产品目录资料 必填

这是最容易卡住的地方。每个品类准备一份「产品资料卡」,比堆 100 张图有用得多。

  • 品类清单 6–10 个(石材台面 / SPC 地板 / 门 / 窗 / 橱柜 / 浴室柜 / 瓷砖 / 卫浴五金…),每个一句话卖点
  • 每个品类的规格参数:尺寸、厚度、材质、表面处理、可选颜色、执行标准
  • MOQ 与交期:最小起订量、样品周期、大货生产周期、海运到美西/美东天数
  • 认证与检测报告:CE / ISO / CARB / FSC / 防火等级等(美国客户很看这个)
  • 价格区间或报价方式:哪怕只写「FOB/CIF 报价,按柜计价」
  • 每品类 3–5 张真实产品图:白底图 + 场景图各一半,命名规范如 spc-flooring-oak-01.jpg
  • 可下载的 PDF 产品册(可选加分项,原站没有)

C. 视觉素材 必填

原站最大的短板就是这里:产品图基本是 Unsplash 图库图,一眼假。你有工厂资源,这是你碾压它的地方。

  • Logo:SVG 矢量 + 透明 PNG,深色底 / 浅色底各一版
  • 品牌色与字体:主色 1 个 + 中性色 3 个;字体确认可商用(Google Fonts 免费)
  • 首屏视频 15–30 秒,1920×1080 以上,无声自动循环:工厂生产线 / 装柜 / 工地安装
  • 服务场景照 8–12 张:验货现场、装柜、开会、样品间
  • 团队照:创始人 + 中国团队,比图库图可信 10 倍
  • 工厂 / 产业带分布图:中国地图标注合作工厂位置
  • 活动照片墙(往期考察团、展会)
  • 压缩规范:图片转 WebP,单张 < 200KB;视频用 MP4/H.264,首屏视频 < 5MB

D. 信任背书 必填

外贸 B2B 转化 80% 靠这一组。缺了它,页面再漂亮也只拿到垃圾询盘。

  • 客户评价 3–5 条:真实姓名 + 职位 + 城市,最好有头像或短视频
  • 关键数字:服务项目数、累计节省金额、合作工厂数、出货柜量
  • 案例 2–3 个:项目背景 → 用了哪些材料 → 省了多少钱 / 缩短多少工期
  • 资质文件:营业执照、进出口权、行业协会会员、合作工厂授权书
  • 公司真实信息:中英文公司名、地址、电话、成立年份(美国客户会去 Google 核对)

E. 线索承接系统 必填

原站的做法很轻:表单全部外包给 ClickUp,预约外包给 Calendly。你也可以这么干,第一天就能收线索。

  • 表单字段设计:姓名、邮箱、电话/WhatsApp、公司、项目类型、需要的品类、数量级、目标交期、备注
  • 表单落地:ClickUp / 飞书表单 / Tally / Google Form 任选(零开发),或自己写接口存数据库
  • 收件邮箱:企业域名邮箱(如 sales@你的域名.com),别用 Gmail 个人号
  • 预约链接:Calendly / Cal.com,设置 30 分钟免费咨询时段(注意时区)
  • 自动回复邮件:收到询盘 5 分钟内自动回一封(含资料包、下一步流程)
  • 即时沟通:WhatsApp Business / 微信二维码 / Messenger,放在右下角悬浮
  • 邮件订阅:Mailchimp / Brevo(原站有订阅框但看起来没接自动化)

F. 技术资产 必填

  • 域名:.com 优先,短、好念、和品牌一致
  • SSL 证书(现在基本都是自动的)
  • 托管方案:见下一节对比表
  • 统计:Google Analytics 4 + Search Console
  • 广告追踪:Google Ads 转化代码 / Meta Pixel(要投广告就必须有)
  • 基础 SEO:title / description / OG 分享图 / sitemap.xml / robots.txt(原站缺 sitemap)
  • 移动端验收:手机上看一遍,外贸流量 60% 以上来自手机

G. 合规与法律 上线前补齐

  • 隐私政策(收集表单就必须要)
  • Cookie 声明(有欧美流量建议加)
  • 退换货 / 质保 / 索赔条款
  • 图片版权:Unsplash 可商用但别当产品图用;自有照片记得要工厂书面授权

04技术路线怎么选

原站是 AI 平台一键生成的,快但受制于人。你如果长期做这门生意,建议考虑「能自己改内容」的方案。

方案上手难度优点缺点适合
AI 建站平台
Lovable / v0 等
最低 1–3 天出站,视觉现代,像原站这样 代码托管在平台、SEO 弱、改文案要描述需求、月费 快速验证市场、先跑广告
WordPress
+ Astra/Kadence + Elementor
中 自己就能改文案和产品;SEO 插件成熟;成本低(主机年付几百) 要装主题调样式;速度和设计感要花心思 推荐:长期做 B2B 外贸站
Webflow 中高 设计自由度最高,动效好,SEO 干净 月费偏高,CMS 有学习曲线 品牌感要求高、预算充足
静态站
Astro / Next + Tailwind + Cloudflare Pages
高(要开发) 加载最快、几乎零成本、SEO 最好、代码完全自主 改内容要动代码(或用 Markdown 写产品) 你有技术资源、追求极致性能
我的建议:如果目标是尽快跑通询盘,先照原站做一个单页(WordPress 一页式或静态页都行),把 A–D 组资料填满;等询盘稳定了,再加产品详情页和案例页做自然搜索。别一开始就做 20 个页面的站 —— 原站单页能跑起来,靠的是素材真实 + 卖点锋利,不是页面数量。

05最小可上线版本 vs 完整版

先把「能收询盘」的最小闭环做出来,其余按周迭代。

MVP 1
首屏 + 数据条
定位、3 个数字、主按钮
MVP 2
服务 + 品类
6 服务卡、6 品类卡
MVP 3
评价 + FAQ
3 条评价、6 条问答
MVP 4
表单闭环
表单 + 预约 + 自动回复
MVP 5
追踪上线
GA4 + 转化代码
最小可上线(1 周内)完整版(1–2 个月)
页面单页 6 个区块(首屏/服务/品类/评价/FAQ/表单)首页 + 产品详情页 ×6 + 案例 ×3 + 关于我们 + 联系页
产品6 个品类,每类 1 句描述 + 3 张图每类独立页:规格表、色卡、MOQ、交期、认证、PDF 下载
信任3 条客户评价 + 3 个数字+ 案例研究、验货报告样本、工厂审核报告、团队介绍
获客表单 + Calendly + 自动回复+ 博客 / 采购指南内容营销、邮件序列、WhatsApp 自动接待
SEOtitle/description/OG 图/sitemap+ 关键词落地页(如「SPC flooring supplier China」)、多语言