洽谈项目
按设计稿开发外贸与物流

按客户设计稿开发的进口商网站

把客户的 Figma 设计稿做成自研 WordPress 主题:202 个页面、68 件商品、35 台设备、案例、新闻、5 个表单与搜索。首页仅 0.8 MB。

按客户设计稿开发的进口商网站 — 电脑版
按客户设计稿开发的进口商网站 — 手机版

任务

一家从中国进口的公司已有 Figma 成品设计稿。任务是据此搭建带商品与设备目录、案例和新闻的网站,同时不损失设计与速度。

由客户的设计师提供设计稿,对代理机构和有内部设计师的公司来说很常见。我们的工作是排版与组装:逐像素还原设计,让它可在 WordPress 中编辑并保持轻量。

方案

按设计稿的自研主题

不用 Elementor、为 Figma 设计稿编写的 WordPress 主题:网格、Inter 与 Geometria 字体、动画与表单均按设计实现。

自定义文章类型

商品、设备、案例与新闻各有分类:33 个分类下 68 件商品与 35 台设备,4 个案例。

结构

一站式进口、设备、商品、零售连锁、服务、案例、文章与公司介绍:sitemap 中 202 个地址。

表单与搜索

针对不同需求的 5 个表单、站内搜索,首页可下载供货合同。

速度

首页含 72 张图片、41 个请求,仅 0.8 MB。

结构化数据

JSON‑LD Organization、LocalBusiness 与 WebSite。

成果

202

个页面

68 + 35

件商品与台设备

0.8 MB

首页体积

客户得到了与设计稿完全一致、可在 WordPress 中编辑且打开迅速的网站,设计师得到了不打折扣的还原。

配色

点击色块复制 HEX

技术

WordPressPHPMySQLJavaScriptFigma
下一个案例代理机构外包:两个工业 B2B 产品目录

NDA 项目:管道阀门与量规两个目录,分别 3,055 和 12,641 个品目,按类型和公称通径划分的大型菜单、交期与成本计算器、“提交技术要求报价”表单。基于 WordPress 与 WooCommerce。

查看案例
代理机构外包:两个工业 B2B 产品目录 — 电脑版
代理机构外包:两个工业 B2B 产品目录 — 手机版

说说
您的需求

留下电话、邮箱或即时通讯账号,
我们会在一个工作日内联系您并提出方案。