Skip to content
工业与制造业LIVE

Shafique Packages — PP 编织袋供应商双语 B2B 网站

Shafique Packages 自 2001 年起向巴基斯坦各类工厂供应聚丙烯(PP)编织袋,服务化肥、制糖、纺织、化工、农业、面粉和饲料生产商,客户遍及国内外。我们设计并构建了一个英语与乌尔都语双语网站,按采购方的思考方式来呈现业务——按袋型、按行业、按规格——并为采购团队提供三种快速询价方式:询价表单、WhatsApp,以及移动端的一键快捷栏。

交付对象Shafique Packages — 拉合尔 PP 编织袋供应商
Astro 5HTML5CSS3Vanilla JavaScriptStatic SiteEnglish + Urdu (RTL)AVIF / WebPSchema.orgWeb3FormsWhatsApp Integration
Shafique Packages — PP 编织袋供应商双语 B2B 网站

项目挑战

二十多年来,Shafique Packages 依靠人脉与推荐发展业务,但如今采购团队越来越多地在致电前先在网上考察供应商,而且该行业的许多决策者更习惯使用乌尔都语。企业需要一个可信、加载迅速的线上形象:清楚介绍产品及所服务的行业,能在低端手机和不稳定的移动网络上正常使用,并且在不公开所供货工厂名称的前提下赢得信任。

我们的解决方案

我们使用 Astro 将其构建为完全静态的双语网站——英语位于根路径,另有一个采用从右到左纳斯塔利克体布局的完整乌尔都语镜像。网站不使用任何 JavaScript 框架:页面以纯 HTML 和 CSS 交付,仅含少量内联脚本,因此在任何手机上都能快速加载。内容按编织袋系列、规格和行业组织,信任建立在 25 年的经营经验之上,而非客户名称。每个页面都提供清晰的询价路径——经过校验的询价表单、预填双语消息的 WhatsApp,以及移动端的固定快捷栏。

影响力

成果与影响

已上线运营,网址 shafiquepackages.com.pk——12 个页面,每一页均以英语和乌尔都语发布
完整的从右到左乌尔都语版本:标题采用纳斯塔利克体,正文采用纳斯赫体,乌尔都语字体仅在乌尔都语页面加载
不使用 JavaScript 框架或打包文件——静态 HTML 与 CSS 加少量内联脚本,页面在低端手机上也能快速加载
图片以响应式尺寸的 AVIF 和 WebP 格式提供——一张 1.86 MB 的原始照片交付时约为 8 KB
背景视频仅在进入可视区域时播放,并对开启减少动态效果、Save-Data 及使用 2G 网络的访客跳过
每个页面均有三种询价渠道——经过校验的询价表单、预填双语 WhatsApp 消息,以及固定的移动端快捷栏
本地 SEO 基础——LocalBusiness 与 FAQPage 结构化数据、英语/乌尔都语 hreflang 以及双语站点地图
浅色与深色主题跟随访客的设备设置,加载时不会闪现错误的主题
系统内部

产品界面截图

首页——在首屏呈现企业供应的产品与经营起始年份,并配有询价和产品的行动号召按钮。
首页——在首屏呈现企业供应的产品与经营起始年份,并配有询价和产品的行动号召按钮。
产品——按结构与用途呈现各类编织袋系列,方便采购方将袋型与自身规格相匹配。
产品——按结构与用途呈现各类编织袋系列,方便采购方将袋型与自身规格相匹配。
行业——所供应的七个行业,从化肥、制糖到面粉与动物饲料。
行业——所供应的七个行业,从化肥、制糖到面粉与动物饲料。
乌尔都语版本——以纳斯塔利克体呈现的完整从右到左镜像网站。
乌尔都语版本——以纳斯塔利克体呈现的完整从右到左镜像网站。
移动端——浅色英语首页、产品系列,以及深色模式下的乌尔都语版本。
移动端——浅色英语首页、产品系列,以及深色模式下的乌尔都语版本。

Shafique Packages — 项目常见问题

关于我们为 Shafique Packages 打造的双语 B2B 网站的常见问题。

该网站以内容为主,包括产品、行业和公司信息,没有任何需要登录的功能。Astro 输出纯静态的 HTML 和 CSS,不含客户端框架,因此页面在低端手机上也能快速加载,托管也保持简单且成本低廉。

每个页面在 /ur/ 下都有完整的乌尔都语对应页面,采用从右到左布局,标题使用纳斯塔利克体,正文使用纳斯赫体。布局使用 CSS 逻辑属性,因此可自动镜像,乌尔都语字体也仅在乌尔都语页面下载。

每个页面都提供三种方式:带校验和防垃圾信息保护的询价表单;一个以访客所用语言打开预填消息的 WhatsApp 按钮;以及移动端的固定快捷栏,提供一键询价和 WhatsApp 按钮。

客户名单属于保密信息,因此网站通过其他方式赢得信任:25 年以上的经营历史、所服务的七个行业、产品专业知识以及清晰的规格说明。网站结构从一开始就围绕这一点规划,而不是留下一个空白的客户板块。

图片被转换为多种尺寸的 AVIF 和 WebP 格式并延迟加载;视频仅在可见时播放,并在 Save-Data 或 2G 连接下跳过;字体采用自托管并经过子集化处理。由于没有 JavaScript 打包文件,页面可用之前需要下载的内容极少。

有项目想法?

让我们讨论NexGenix如何为您构建下一个解决方案。

启动您的项目 →