两门生意同时出现
工厂的地面要洗，草也要割。第一眼就要让人知道两样都做，而且两样都是正业。
Green Wealth Nursery服务业 · 工业清洁与园艺公司网站
草坪和工厂地面都交给一家公司。
这是北海工业清洁与园艺公司 Green Wealth Nursery 的网站。公司成立于 1997 年，基地在北赖。网站一打开，草坪上立着拱形相框，相框里是工作中的员工。厂方经理还没读文字，已经看到两门生意。
概要
Green Wealth Nursery 成立于 1997 年，基地在北海北赖。公司与 Green Wealth Services Sdn. Bhd. 一同提供园艺、景观、工业清洁、沟渠清理、废料处理、挖土机服务和人力供应。Potadot 为公司设计并开发英文网站，全站只有一个页面。开场是一片草坪，上面立着放员工工作照的拱形相框，两门生意第一眼就都看得到。往下滑，页面逐一回答经理想问新承包商的话：贵公司是谁、规模多大、做什么、做过没有、怎样联络。
客户
这家北海公司已经做了二十多年。
Green Wealth Nursery 成立于 1997 年。随着需求增加，业务扩展到 Green Wealth Services Sdn. Bhd. 名下，提供全面的商业与工业服务。公司基地位于北海 Medan Limbungan，靠近 Jalan Chain Ferry。
客户包括工厂、学校、工业场地和商业大厦，遍及北海和槟城各地。网站也列明服务范围延伸到威南、峇都加湾、槟岛、吉打和居林。
- 1997
- 成立年份
- 100+
- 可靠的员工
- 10
- 列明的服务
- 5
- 邻近服务地区
客户所托
服务范围比公司名称里的 Nursery 大得多。
公司名称里有 Nursery，实际上也清洁工厂、疏通沟渠、供应人力。经理要找清洁承包商，单看名称可能就错过了，所以网站一打开就要把这件事说清楚。
十项服务好找
从园艺到挖土机，中间还有沟渠、水池和废料处理。经理要找哪一项，不必读完其他几项。
让人看见员工和工作
选承包商，看的是人手和做过的工作。访客要看得到员工、机器和工作现场。
打电话和要报价都方便
工厂有树倒了，经理要的是马上能打的电话。另一位经理想为整片厂区要一份书面报价。页面两边都要顾到。
设计概念
两门生意收进同一个画面。
厂方经理要管的，是建筑本身和四周的场地。开场画面也是这样：背景是一片草坪，拱形相框里的员工有时在擦玻璃门，有时在洗办公室地面，有时在工业厂区旁割草。往下的页面，就按经理问新承包商的次序安排。
浏览路线
-
1
看见
草坪和拱形相框让两门生意同时出现。
-
2
认识
公司介绍，旁边的工作照片不断更换。
-
3
衡量
年资、人手、满意度，写在三张卡片上。
-
4
挑选
十项服务，每项一张卡片。
-
5
查证
十五张工作照片。
-
6
询问
电话、电邮、表格或 WhatsApp。
灵感从何而来
公司名称
先有 Green Wealth Nursery，业务扩大后才有 Green Wealth Services Sdn. Bhd.。名称说不完的话，由主标题来说：Industrial Cleaning & Gardening Services（工业清洁与园艺服务）。
工作服
大部分照片里，员工穿的是蓝色上衣。页头、卡片和页脚用亮蓝色，和这些上衣很相配，公司和员工看起来就是一个团队。
工作现场
拱形相框和相册放的都是现场工作：厂区旁割草、洗地机在办公室地面作业、升降车在路边修树。这些照片定下了网站的调子，周围的设计就尽量简单。
设计风格
亮蓝做主色，绿色留给照片。
清洁公司的网站，自己要先干净。留白、一种亮蓝、一种浅蓝，加上圆角卡片，页面就有了这份清爽。
色彩
- 白色
#FFFFFF页面背景 - 蓝色
#3388EB页头、数字卡片、按钮和页脚 - 浅蓝
#8DC2FF服务卡片和表格 - 淡黄
#FFFFB4数字、所在章节的菜单链接和最底的横条 - 黑色
#000000正文和服务名称 - WhatsApp 绿
#25D366WhatsApp 按钮
照片以外，页面上唯一鲜明的绿色就是 WhatsApp 按钮，访客一眼就能找到。
字体
Green Wealth Nursery
STIX Two Text · 页头和页脚的公司名称Industrial Cleaning & Gardening Services
Poppins · 标题与数字Professional maintenance for gardens, commercial landscapes, and green spaces to keep your environment clean, green, and welcoming.
Poppins · 正文与表格草坪上的拱形相框
照片裁成拱形，直接放在草坪上。草坪不动，相框里的照片在玻璃门、办公室地面和长草之间更换。室内和户外的工作，都收在这一个形状里。
细节
每张服务卡片都是浅蓝底配白色图标，再写上服务名称和简短说明。园艺叉和清洁的手画法一样，两门生意看上去就是同一家公司在做。
节奏
- 开场
- 简介
- 数字
- 服务
- 工作
- 联络
- 页脚
草坪开场，蓝色页脚收尾。中间的文字放在白底上，蓝色区块标出数字和服务。上方色条就是整个页面，按实际比例画成，每一章用自己的主色表示。
逐章导览
跟着厂方经理看一遍。
请您当一回正在选承包商的厂方或校方负责人，从头滑到底。亮起来的地方是这位负责人会看的内容，旁边写着这样安排的原因。
草坪上立着拱形相框
主标题写明两门生意和所在地。旁边的拱形相框立在草坪上，放着员工工作的照片，访客读着读着，照片就换了一张。
用意 找清洁的人和找园丁的人，还没往下滑，都已经看到自己要的服务。
同一个相框换七张照片
About 这一章写明成立年份、所在地和客户类型。旁边的相框轮流换上七张工作照片，有路边植物修剪、沟渠清理和工厂洗窗，也有正在上漆的斑马线。
用意 只放一张照片，公司就被框在一种工作里了。
三个数字写在蓝卡片上
三张大卡片写明 28+ 年经验、100+ 位可靠的员工和 98% 满意度，数字用淡黄色。
用意 经理比较承包商时，想一眼看清规模和经验。
十项服务各有一张卡片
每项服务都有图标、名称和简短说明。两列卡片从标题旁边一路往下排。
用意 沟渠堵了的经理，不必读完其他九张，就能找到那一张。
十五张照片都是现场工作
Our Work in Action 是一组 15 张照片：洗地、伐树、清沟渠，还有挖土机、罗厘和完工的喷水池。
用意 卡片只能写明清理沟渠这项服务。照片让经理看到 Green Wealth 的员工就蹲在沟渠边工作。
联络办公室的方式都在这里
左边是地址、两个手机号码、办公室电话和电邮。右边是五栏表格，用的是和服务卡片一样的浅蓝。
用意 打电话也好，要书面报价也好，都从这一个画面开始。
页脚写明两个公司名称
页脚列出两个公司名称和注册号码，再写一次地址和联络资料，旁边放上 Google 地图。
用意 访客只知道其中一个名称，也看得出两者是一家。
一个画面，两门生意一个相框，七张照片三个数字图标、名称、说明十五张照片资料与表格
名称、资料、地图
手机版
手机版的拱形相框放在标题下方。
在手机上，拱形相框移到文字下方，占去大半个屏幕宽度。页面其余部分排成一列。
- 主标题居中，放在拱形相框上方
- 数字卡片和服务卡片上下排列，图标在标题上面
- WhatsApp 按钮一直留在角落，拇指够得着
幕后功夫
这些细节让询价更快一步。
访客来到这个网站，最好的结果是打一通电话或要一份报价。这些细节让经理不管看到哪里，都能马上做到。
角落里的 WhatsApp
绿色按钮一直留在屏幕上，一按就打开和公司的 WhatsApp，第一句话已经写好。
手机号码一按就打
联络区和页脚的两个手机号码都是链接，经理在手机上按一下就能拨打。
防垃圾讯息的表格
联络表格只问五项资料，并用 Google reCAPTCHA 帮忙挡住垃圾讯息。
写上客户会搜索的词
网页标题、描述和各章标题都写明服务和地区。页面也附有 Google 读得懂的公司资料。
地址直通 Google 地图
按地址就能打开 Google 地图的路线指引，页脚也放了位置地图。
菜单一直都在
在电脑上，蓝色页头固定在顶端。三个链接分别直达简介、服务和联络，所在章节的链接变成淡黄色。
- 1
了解您的业务
Green Wealth 接哪些工作，谁会聘请，厂方或校方联络承包商之前要看什么。
- 2
文案撰写
把十项服务、公司介绍和联络资料整理成精简的英文章节。
- 3
设计与开发
亮蓝主色、草坪上的拱形相框和十项服务共用的卡片，再逐章做手机版和电脑版，以 WordPress 和 Elementor 开发。
- 4
SEO 与上线
按服务和地区设好网页标题、描述和各章标题，然后上线，并提供后续支援。
常见问题
您可能想问。
您也经营服务公司吗？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Green Wealth 做了什么？
我们定下构思，整理文案，设计页面，用 WordPress 开发英文网站，并完成 SEO 设定、联络表格和 WhatsApp 按钮。
公司叫 Green Wealth，网站为什么以蓝色为主？
草坪和工作照片本身已有绿色。蓝色和员工的工作服相配，清洁公司用起来也显得干净，还能让照片更突出。
十项服务为什么放在同一页？
经理可能同时需要几项服务，放在一页，滑一遍就能看完。在电脑上，菜单也可以直接跳到简介、服务和联络。
我的公司也能这样做吗？
可以。我们会从您的服务和客户出发，为贵公司想一个专属的构思。不妨告诉我们贵公司做什么、谁会聘请您，我们再给您具体建议。
