买家搜产品名称也找得到
厨房上网找的是槟城的粿条制造商，事先未必听过 Eco Fresh。产品和地点都要写在页面最前面，Google 结果里也一样。
Eco Fresh食品制造 · 供应商网站
这间粿条厂的网站带着一笔手写签名。
这是槟城大山脚粿条与辣椒酱制造商 Eco Fresh 的网站。酒店、食堂和小贩打开网站，看到的是运作中的工厂；每个标题里的一笔手写字，也留住了创办人亲手起家的故事。
概要
Eco Fresh 是槟城的食品制造商，设在大山脚，自家生产新鲜粿条和辣椒酱（Chili Boh），同时向餐馆、酒店、食堂等食品业者供应面食及相关食品。这门生意约在四十年前起步，当时 Madam Ng Giew Poh 一人亲手做粿条。Potadot 为 Eco Fresh 设计并开发英文网站，全站只有一个页面，不设菜单。每一章的标题都有两种笔调：厚重的字母写工厂，一笔辣椒红的手写字写背后的人。
客户
槟城这家面食制造商由一双手起家。
Eco Fresh Enterprise 位于槟城威省大山脚的 Bandar Perda。约四十年前，Madam Ng Giew Poh 开始亲手做粿条，从挑米、磨浆到蒸制，每一步都自己来。约十五年前，公司开始生产辣椒酱。
如今，Eco Fresh 自家生产粿条和辣椒酱，并供应黄面、米粉、叻沙面、豆腐、鱼丸、豆芽等产品。客户从小贩档、工厂食堂到酒店、医院和学校都有，遍及槟岛和威省。
- 40+
- 年业界经验
- 8
- 类产品列在首页
- 8
- 类客户列在页面上
- 7
- 天营业，早上 6:30 至晚上 7:30
客户所托
来看这个网站的人，是在挑供应商。
替酒店或食堂采购粿条的人，要的是天天有货、品质稳定。找新供应商之前，他们想先知道食品由谁制造，能不能通过自己的审核。
把制造过程摆出来
Eco Fresh 的粿条和辣椒酱由自家工厂生产。这是最有力的一点，网站要让买家亲眼看到。
清真与食品安全放在明处
酒店、学校和医院下单之前，要先看这些资料。所以这部分独立成章，标志也摆出来。
厨房开工时联络得上
Eco Fresh 每天早上 6:30 至晚上 7:30 营业。厨师临时缺货，要马上找到号码发讯息。
设计概念
工厂用粗体字，人情用手写字。
Eco Fresh 有两件事要同时说清楚：这是一家每天都能供货给酒店的制造商，也是一位女士亲手做起来的生意。只放工厂照片，后一点说不出来；只讲创业故事，前一点又不够分量。所以每一章的标题都用两种笔调。厚重的字母写事实，一笔辣椒红的手写字补上人情味，例如 in Penang、Since the 1980s、Choose Eco Fresh。从开场画面到联络表格，十一个标题都是这样写的。
浏览路线
-
1
生产线
粿条在机器上往前走，前方是一盘盘食材。
-
2
产品
八类产品，每类一张卡片。
-
3
双手
创办人的故事，旁边是厂房和货车。
-
4
工厂
四张图片，配一句 Since the 1980s。
-
5
厨房
八类客户，各有一张图片。
-
6
联络
三个 WhatsApp 号码和一份简短表格。
灵感从何而来
公司的原则
“Only what we make ourselves can truly be trusted.”（大意：只有自己做的，才真正信得过。）这句话写在 Eco Fresh 的故事里。所以工厂一开场就入镜，后面还有专门的一章。
最初的一双手
故事从一位女士亲手做完每个步骤说起。网页上最接近亲笔的是手写字体，所以每一章都留下这一笔。
那一盘食材
开场画面上，米白的粿条和红色的辣椒酱并排摆着。全站的米白底色和红色手写字，正好和这两种颜色呼应。
设计风格
米白和辣椒红，再加一笔手写。
颜色交给食物，版面本身保持清爽。页面以白色和米白为底，辣椒红只留给要紧的字。
色彩
- 白色
#FFFFFF供应、工厂与联络章节 - 米白
#FFF8E3产品区、表格、柔和底色 - 辣椒红
#E5440F手写字、卡片标签、Send 按钮 - 墨黑
#242424标题与正文 - 绿色
#00C65EContact Us 按钮
文字里只有辣椒红这一种浓烈的颜色，目光自然从一笔手写字跳到下一笔。Contact Us 按钮则用绿色，一眼就分得开。
字体
From One Pair of Hands
Lato · 标题We manufacture fresh Koay Teow and Chili Boh, and supply a complete range of noodles and related food products.
Poppins · 正文手写的一笔
每个标题都有几个字用 Hello Bloomie 手写字体，颜色是辣椒红。手写字紧贴厚重的 Lato 字母，两种笔调就在同一个标题里并排出现。
细节
八张白色卡片，每张放一盘由上往下拍的食物，名称用红字写明。厨师一眼就能看完产品种类；盘子都是圆的，不同的食物也排得整整齐齐。
节奏
- 生产线
- 简介
- 产品
- 故事
- 工厂
- 厨房
- 优势
- 安全
- 问答
- 洽询
- 联络
白色和米白章节大致交替出现。上方色条就是整个页面，按实际比例画成。部分章节的交界是弧形的，面碗和辣椒酱包这些单独切出来的食物图跨在交界上，食物就这样一章接一章延续下去。
逐章导览
从机器一路看到联络表格。
请您当一回主厨或采购人员，从头滑到底。亮起来的地方是重点，旁边写着为什么这样做。
生产线通向那盘食材
开场画面写明产品和地点。右边的粿条在机器上往前走，前方是一盘盘粿条、辣椒酱、豆腐和鱼丸。三枚徽章说明重点：每日新鲜生产、餐饮业完整供应、餐馆与酒店信赖。
用意 制造商和产品放在同一张图里，买家还没读文字，已经看出这是一家工厂。
八张卡片列出八类产品
粿条和辣椒酱排在最前，接着是黄面、米粉、槟城叻沙、瓦煲伊面、豆腐产品、鱼丸与鱼饼。
用意 厨师只想快点找到今天要买的东西。自家生产的两项排在最前，最有力的理由也最先被看到。
故事从一双手说起
这一章以手写的 Our Story 开头，旁边是厂房和一排货车的照片。按 Read More，完整故事就在弹出窗口里打开，不必离开页面。
用意 只想看产品的采购人员继续往下滑，想知道粿条背后是谁的人，就按 Read More。
年份用手写字写出来
四张图片呈现厂里的工作：蒸气中的生产线、从机器落下的粿条、正在煮的辣椒酱、架上的包装产品。手写的 Since the 1980s 就在一旁。
用意 文字说 Eco Fresh 亲自把关生产，图片让买家看到这句话背后的步骤。
每种厨房都有一张卡片
餐馆、酒店、工厂食堂、超市、小贩档、餐饮承办商、医院和学校，各有一张图片和辣椒红标签。
用意 食堂业者在名单上看到自己这一行，就知道 Eco Fresh 已经在供应同类客户。卡片不必多说，意思已经到了。
食品安全自成一章
清真、MeSTI 和卫生生产排成三栏，放在同一个标题下，每项配上标志或图示，再加一句清楚的说明。
用意 对不少厨房来说，这决定了能不能下单。答案放在明处，买家不必到小字里找。
三个号码和一份简短表格
按任何一个号码都会打开 WhatsApp，按地址会打开 Google Maps。表格要填姓名、公司、号码、电邮和所需产品。
用意 小贩可能想马上发讯息，酒店可能想填表写清楚需求，这一章两边都照顾到。公司一栏让 Eco Fresh 知道对方是谁。
工厂和食物同在一张图自家产品排在前面完整故事在这里打开制造过程一步步看八类客户
三项要求排成一行WhatsApp 或填表
手机版
手机上先看到工厂。
手机版的版面重新安排过。生产线和食材移到标题上方，厨师打开手机，第一眼看到的还是工厂和食物。
- 图片移到标题上方
- 产品卡片保持一排两张，产品区不会太长
- 客户卡片一张接一张，图片更大
幕后功夫
这些幕后功夫让买家找得到也联络得上。
厨房要买粿条时，要能找到这个网站，也要能顺利联络上 Eco Fresh。下面这些安排都为了这两件事。
写给 Google 的标题
网页标题和开场标题都写明 Koay Teow、Chili Boh、Noodle 和 Penang，正是厨房上 Google 会打的字。
公司资料方便 Google 读取
地址、地图位置、营业时间和联络方式，都以 Google 读得懂的格式写明。
五个业者常问的问题
自家生产、产品种类、送货和清真，页面上都有答案，这些问答也标注好，让 Google 读取。
三个 WhatsApp 号码
页面上每个号码都能直接打开对话，问候语已经写好。
完整故事想看再开
创办人的完整故事放在弹出窗口里，首页保持精简，故事一句也没少。
为业者而设的表格
表格除了姓名，还问公司名称和所需产品。Eco Fresh 一看就知道对方是谁、要什么。
- 1
了解您的业务
Eco Fresh 自己做什么，供应什么，厨房下单之前要知道什么。
- 2
文案撰写
把公司故事和产品清单整理成精简的英文章节，完整故事放进弹出窗口。
- 3
设计与开发
先定两种笔调的标题，再做产品和客户卡片，然后逐章做电脑版和手机版。
- 4
SEO 与上线
设好网页标题、公司资料和问答标注，然后上线，并提供后续支援。
常见问题
您可能想问。
您的客户也是生意人？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Eco Fresh 做了什么？
我们定下构思，撰写文案，设计页面，开发英文网站，并完成 SEO 设定和 WhatsApp 联络链接。
为什么不设菜单？
章节的次序跟着买家发问的次序走，下一步也只有一个。每个 Contact Us 按钮都通往同一章，号码和表格都在那里。
工厂的网站为什么要有手写感？
因为 Eco Fresh 既是工厂，也是一门亲手做起来的生意。厚重的字体说明这家公司接得下大订单，手写的一笔让每一章都带着人情味。
我的生意也能这样做吗？
可以。每个网站都从客户自己的故事和买家出发，样子各有不同，思路却是一贯的。不妨告诉我们您做什么、卖给谁，我们再给您具体建议。
