首页 / 作品 / 网站作品

网站作品

外贸独立站与工厂官网 —— 先调研,再出方案,最后逐页验收(客户名称已隐去)

家具工厂独立站首页(B 版 · 暗黑电竞路线)
客户
家居类工厂 2 家(名称已隐去)
定版
家具客户采用 B 版 · 暗黑电竞路线
页面
9 个页面 · 零死链
验收
1440 / 390 双尺寸逐页检查
素材
WebP 重制 + manifest(体积可追溯)
技术
手写 HTML / CSS / JS · 零依赖

🧭 交付的是什么

不是「给你套模板」,而是先把客户和同行研究清楚,再决定走哪条路线。家具工厂客户一次拿到三条方向(高端极简 / 暗黑电竞 / 工厂 B2B)的对比,最终定版 B 版 —— 暗黑电竞路线:用选型向导把参数表变成互动流程;面料工厂则是从 0 到可点原型,一个模板驱动全部产品。为保护客户,案例里的公司名一律隐去,页面上的品牌与文案是原型示意。

  • 调研先行:同行独立站对标 + 客户档案,文案只写「已证实的」,拿不到的参数一律写成待确认,不编数
  • 多方案选型:先给三条差异明显的路线,客户看过实物页面再拍板,避免白做
  • 数据与页面分离:产品参数写进一个数据文件,加产品、改文案不用碰 HTML
  • 双尺寸验收:桌面 1440 与手机 390 逐页截图检查,链接全查一遍不留 404
Case studies

客户案例

下面都是真实页面截图(原型阶段,客户名称已隐去),点开可以看大图和长页面全貌。

家具工厂独立站首页(B 版)
家具工厂 · 定版 B 版 · 首页

暗黑电竞风 · 高转化 DTC 首页

首屏一句话主张 + 工厂直供的信任线索(质保 / 合规 / 物流),往下依次是选型向导、产品矩阵、可勾选对比表、用料说明与套装推荐,一条路把访客推到加购。

首屏主张转化路径暗色主题英文文案
选型向导:三个问题推荐型号
核心交互 · 选型向导

三个问题,直接给出型号

身高体重 → 每天坐多久 → 预算,三步算出推荐款并给出理由,结果页可以直接看规格或加购。把「看不懂的参数表」变成客户愿意点完的问答。

交互引导推荐逻辑可重来
全部型号页:筛选与排序
产品体系 · 型号列表

筛选 + 排序 + 一键对比

六个型号按 Best sellers / New / 价格区间筛选,任意勾选最多三款实时生成对比表;产品详情一个模板驱动全部型号,加规格、换配色都不用重做页面。

筛选排序对比表模板驱动购物车
渠道与 OEM 页
B 端入口 · 渠道与代工

战队合作 / 批发 / OEM 一页说清

面向战队与分销商单独做一层:合作方式、起订与打样说明、常见问题,最后落到询盘表单 —— B 端客户不用在零售页面里找不到北。

OEM / ODM批发政策FAQ询盘表单
面料工厂独立站首页(客户名称已隐去)
面料工厂 · 原型站

自有织机 + 可验厂,先说可信

整站围绕「不是贸易商,可以来看织机」展开:面料按用途筛选,产品详情一个模板驱动,参数、色号、样品篮都在同一个数据文件里;拿不到的检测数据写成待确认,不编数。

模板驱动参数表样品篮WebP 素材
maxshen.xyz 本站首页
自建站点

maxshen.xyz — 本站

你现在看的这个站:手写前端 + 阿里云 ECS + Nginx 调优 + SEO,还带一个自建的 AI 数字分身(shen.ai),从设计到上线全是自己来。

Nginx阿里云 ECSSEOAI 数字分身
Full pages

长页与移动端

桌面 1440、手机 390,两边都得站得住 —— 点开看整页。

Process

怎么做一个站

1️⃣

调研

同行独立站逐家对标,客户档案先填满:产能、资质、真实卖点、不承诺什么。

2️⃣

方案

给出 2~3 条风格路线的页面结构与文案方向,先定路线再动手,避免白做。

3️⃣

制作

写页面、重制素材(统一 WebP + 尺寸记录)、接询盘表单与统计,产品数据独立成表。

4️⃣

验收

1440 与 390 逐页截图检查、全站链接扫一遍、真机点一遍,零死链才交付。

5️⃣

上线

域名、服务器、HTTPS、SEO 基础项与访问统计一次配齐;后续改文案、加产品随时叫我。

你的站也可以长这样

不管是外贸独立站、企业官网还是产品落地页,先聊清楚客户是谁、要卖什么,再决定怎么做。