一次看到全部服务
Handerson 从罗里运输做起，如今还有海运、空运和仓储。只知道其中一项服务的客户，打开网站就能看到其他几项。
Handerson Interlogistics货运物流 · 企业网站
一页看懂一家货运公司。
这是 Handerson Interlogistics 的网站。这家货运物流公司在中国和东南亚设有分行。网站是一个深蓝色的长页面，开场就把货轮、飞机和罗里放进同一张图，接着依次介绍服务、货物、分行和公司数字。
概要
Handerson Interlogistics Sdn Bhd 是一家货运物流公司，入行超过 15 年，在中国、马来西亚、泰国和越南设有分行。Potadot 为这家公司设计并开发英文网站，整个网站是一个深蓝色的长页面。开场画面把货轮、飞机和罗里放在一个箭头形状里，下面依次回答货主关心的事：货怎么运、能运什么、分行和路线在哪里，最后是公司列出的数字。
客户
这家公司靠中国与东南亚之间的跨境罗里运输起家。
Handerson Interlogistics Sdn Bhd 最早做的是中国与东南亚之间的跨境罗里运输，后来通过多式联运，把服务扩展到欧洲和中东。多式联运的意思是，同一批货可以搭配不同的运输方式。
公司目前提供海运（FCL 整柜与 LCL 拼柜）、空运、罗里运输和仓储。分行和物流配送中心设在广州、虎门、义乌、吉隆坡、曼谷和越南，主要路线为中国至马来西亚、中国至泰国、印尼至马来西亚、泰国至马来西亚。
- 15+
- 年行业经验
- 4
- 项核心服务
- 9
- 类货物
- 6
- 个分行地点
客户所托
货主把货交出去之后，只能靠信任。
货物出了门，货主就没办法亲自盯着，所以很看重一家公司能不能把自己说清楚。网站要让人感觉到，这家公司做事有条理。
让货主看到自己的货
做成衣的老板和买机械零件的老板，都想看到自己那一类货物。照片比笼统的说明来得快。
把分行放到地图上
广州、虎门、义乌、吉隆坡、曼谷和越南，写出来只是一串地名。放到地图上，就成了一条从中国南下到马来西亚的线，货主看得出这家公司沿途设了哪些据点。
把物流讲得简单
Handerson 说，公司最重视的是让客户觉得物流简单。网站也照这句话来做：篇幅短，次序清楚，客户不必费神。
设计概念
海、陆、空都收进同一个箭头。
“多式联运”这个词不容易向客户解释，意思其实很简单：同一批货可以用几种运输方式。网站就用一张图来讲这件事。货轮、飞机和罗里放在同一个画面里，画面裁成向前指的形状。下面的页面顺着这个方向走，从头到尾一种颜色，一个次序。
浏览路线
-
1
开场
货轮、飞机和罗里放在一起。
-
2
来历
从跨境罗里运输一路发展。
-
3
怎么运
海运、空运、陆运和仓储，四张卡片。
-
4
运什么
九类货物，用照片说明。
-
5
运到哪里
六个定位点，四条主要路线。
-
6
数字
最后以三个数字收尾。
灵感从何而来
标志
一个蓝色货柜，一端有一道青色闪电。货柜说明行业，闪电代表速度。闪电倾斜的方向，和开场画面的斜切线条一致。
公司经历
Handerson 从一种运输方式发展到多种运输方式。所以第一张图把货轮、飞机和罗里放在一起，不分开展示。
照片
蓝色的海、橙色的吊机、一叠叠鲜艳的布料，货运行业本来就色彩丰富。页面因此只用一种深蓝，把颜色留给照片。
设计风格
从头到尾一种深蓝。
页面几乎没有装饰。深蓝底、白字、圆角照片，加上同一款字体 Inter，整页看起来很稳重。只有页脚一行小字用了另一款字体。替人运货的公司，给人的感觉就该这样安心。
色彩
- 深蓝
#0E223A页面底色 - 次深蓝
#182B43货物区块的底色 - 白色
#FFFFFF标题、文字、地图和页脚 - 货柜蓝
#2685DB标志 - 闪电青
#02C2CC标志里的闪电
青色只出现在标志里，亮蓝只出现在标志、六个地图定位点和页脚的署名上。除了深蓝和白色，其余颜色都来自照片。
字体
Transport Your Goods Around the World.
Inter · 全站一款字体：主标题Our Core Services
Inter · 章节标题Cost-effective trucking for partial and full loads across regions.
Inter · 正文箭头
开场图沿着利落的斜线裁切，货轮、飞机和罗里都在一个指向右上方的形状里。页面上其他照片都是柔和的圆角，所以目光会先落在这里。
细节
九张照片排成三行，放在一块略浅的区块上。每类货物的照片大小相同，各配一个简短标签，访客很快就能找到自己的货。
节奏
- 开场
- 来历
- 服务
- 货物
- 分行
- 数字
上方色条就是整个页面，按实际比例画成。几乎通篇都是同一种深蓝，只有货物区块浅一些。长页面常靠换底色来分段，这里把这件事交给照片，读起来就像一趟没有中断的行程。
逐章导览
跟着货物走完这一页。
从上到下一共六站，次序和货主看到的一样。标出来的地方是一项设计决定，旁边写着这样做的原因。
一张图交代三种运输
开场画面只有标志、标题和一张大图：飞机在上方，货轮靠在码头，罗里停在最前面，都在箭头形状里。
用意 访客还没读字，就看到了海运、空运和陆运，马上知道这是货运公司。
两段话讲完来历
左边是一句标题，右边是公司经历：从哪里起步，怎样发展，怎样照顾客户。
用意 把货交出去之前，货主想知道对方是谁。从中国与东南亚之间的罗里运输做起，这段经历让人觉得踏实。
四张卡片一样大
海运、空运、罗里运输和仓储，各有一张照片和一句说明。
用意 卡片一样大，表示这四项服务同样重要。公司虽然靠罗里运输起家，每项服务都有同等的位置。
货主认得出自己的货
九张照片列出 Handerson 运送的货物，从机械零件、成衣到家电、家具。照片放在全页唯一一块略浅的区块上。
用意 人们总是先找自己的货。鞋架上的一排鞋，比长长的清单更快让做鞋子生意的老板停下来看。
一张地图看清分行
一小段文字写明分行和主要路线，下面是一张白色世界地图，六个蓝色定位点落在中国和东南亚。
用意 六个定位点从中国一路往南到马来西亚，四条主要路线有三条就走这一段。货主不必读地名，也看得出这条线。
最后以三个数字收尾
页面最后是 Handerson 自己列出的三个数字：15 年以上经验、98% 客户满意度、95% 准时送达。滑到这里，数字会由零往上跳。
用意 看完照片，货主想看可以衡量的东西。大数字放在深蓝底上，是全页最后读到的一段。
一个画面，三种运输从这里起步
四项核心服务九类货物六个定位点，四条路线
滑到这里开始跳动
手机版
到了手机上，次序不变。
手机版改成单栏，从第一张图一路往下读，直到最后三个数字。
- 标题放在箭头图上方，不再并排
- 服务和货物卡片改成一张接一张的大照片
- 地图占满屏幕宽度，三个数字上下排列
幕后功夫
深蓝底下的细功夫。
这一页有 16 张图片，页面不能太重。下面几件事，让 Google 读得懂这一页，也让照片等到需要时才加载。
为 Google 写的标题
网页标题以 Malaysia Freight Shipping Solutions 开头，说明文字写明海运、空运、陆运和仓储。
Google 读得懂
页面用结构化资料写明网页、网站和页面路径，Google 读了就知道这是什么页面。
照片按需加载
下方的照片等访客滑近了才加载，全部采用较轻的 WebP 格式。
- 1
了解您的业务
Handerson 运什么、走哪些路线，货主要看到什么才放心把货交出来。
- 2
文案撰写
把公司经历、四项服务、九类货物和分行资料，整理成精简的英文章节。
- 3
设计与开发
先定箭头图和深蓝色调，再用 WordPress 和 Elementor 逐章做好电脑版和手机版。
- 4
SEO 与上线
网页标题以 Malaysia Freight Shipping Solutions 开头，说明文字写明各项服务，再设好结构化资料，然后上线。
常见问题
您可能想问。
您也在经营货运或物流公司？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Handerson Interlogistics 做了什么？
我们定下构思，整理文案，设计页面，用 WordPress 开发网站，并设好网页标题、说明文字和结构化资料。
公司有四项服务，为什么只做一个页面？
Handerson 的各项服务互相配合，所以网站把这些服务放在一起讲。一个页面按固定次序往下走，访客从服务看到货物、分行和数字，不必自己找路。
为什么整个网站都是深蓝色？
货运照片本身色彩丰富：蓝色的海、橙色的吊机、层层叠起的货柜。单一的深色底能衬托照片，页面也显得稳重。
我的公司也能这样做吗？
可以。我们从您实际的业务出发，找出最能说明这门生意的一个想法。Handerson 的想法，就是一张图放下三种运输。欢迎把公司的情况告诉我们，我们再给您具体建议。
