让买家看到蜂蜜从哪里来
Pro Eco Health 有自己的蜂场，这是公司最有力的一点。蜂场要放在首页，不能藏在内页。
Pro Eco Health蜂蜜与蜂胶 · 公司网站与网店
这间蜂蜜网店带您走回蜂场。
这是吉隆坡蜂蜜与蜂胶公司 Pro Eco Health 的网站。首页从一勺蜂蜜讲起，再一路往回走：产品、蜂场，最后是银蜂。
概要
Pro Eco Health Sdn Bhd 是吉隆坡的蜂蜜与蜂胶公司，由 Ow Yong Chee Kong（欧阳先生）于 2016 年 2 月 25 日创立。Potadot 为这家公司设计并开发网站，设有英文、中文、马来文三个版本，共用一间网店。公司网站上有一句“From hive to jar”（大意：从蜂巢到瓶中），首页把这个次序倒过来：先是蜜勺淌下的蜂蜜，接着是两款产品，再回到蜂场和银蜂，最后来到网店。
客户
这家吉隆坡蜂蜜公司自己养蜂。
Pro Eco Health Sdn Bhd 由 Ow Yong Chee Kong（欧阳先生）于 2016 年 2 月 25 日创立。短短两年内，产品已销往澳洲、中国、台湾、香港和印尼。公司办事处设在吉隆坡 Warisan Cityview。
网店有两款招牌产品，都用 Ow Yong（欧阳）这个牌子：500 毫升的顶级银蜂酸蜜糖（Premium Trigona Sour Honey）和 10 毫升的银蜂绿色蜂胶（Trigona Green Propolis）。联络页面还列出五家经销商，三家在柔佛，两家在雪兰莪。
- 2016
- 创立年份
- 5
- 个海外市场
- 2
- 款招牌产品
- 10
- 张蜂场照片
客户所托
自家蜂蜜有多天然，在网上很难证明。
隔着手机尝不到味道，“天然”两个字又人人都能写在标签上。网站要给买家更实在的理由，让他们放心。
把陌生的产品讲明白
蜂蜜人人都懂，银蜂、酸蜜糖和蜂胶知道的人就少得多。网站要用几句平实的话说清楚。
清楚展示清真标志
马来西亚许多买家买食品时，最先看的就有清真标志。首页要给这个标志一个显眼的位置，大到一眼就看得见。
三种语言通往同一间网店
故事讲完，访客要能直接下单。英文、中文和马来文首页都要读得顺，最后都带到同一间网店。
设计概念
从一勺蜂蜜开始，一路走回蜂巢。
公司网站上写着“From hive to jar”（大意：从蜂巢到瓶中）。蜂蜜的确是这样来的，买家的想法却刚好相反：先看眼前的东西，再问这东西从哪里来。所以首页把次序倒过来。开场写着“A Spoonful Of Nature’s Bliss”（大意：一勺来自大自然的幸福），接着是产品、蜂场和银蜂。上一章留下的问题，下一章接着回答。
浏览路线
-
1
蜜勺
蜂蜜从木制蜜勺淌下，产品就在一旁。
-
2
瓶子
两款产品放在两张金色卡片上。
-
3
蜂场
十张照片：蜂箱、蜂巢和养蜂人的手。
-
4
银蜂
近距离看银蜂。
-
5
清真
清真标志放得很大。
-
6
网店
青绿色章节里只有一个 Shop Now 按钮。
灵感从何而来
那句话
首页写着“From hive to jar, we oversee every step of the honey-making process”（大意：从蜂巢到瓶中，酿蜜的每一步都由我们亲自把关）。这样的话要拿出实景才有分量，所以蜂场是首页最长的一章。
标志
蜂巢六边形、叶片组成的翅膀，加上青绿色和绿色的圆润字样。这几种颜色贯穿全站，Quicksand 字体的圆润字形也和标志相呼应。
蜂场
蜂场照片里有一个青绿色蜂箱，架在黄色的脚架上，正好与标志同色。蜂场的影子也留在两个色彩章节里：黄色章节的底色隐约是榴梿树，青绿色章节的底色隐约是蜜蜂和蜂巢。
设计风格
这个网站用的是蜂箱上的颜色。
青绿色和黄色来自标志，蜂场照片里那个青绿色蜂箱和黄色脚架也是这两种颜色。大片白色让页面显得干净，吃进口里的东西，这一点尤其重要。
色彩
- 白色
#FFFFFF产品、蜂场和清真章节 - 米白
#FFFAE7蜂蜜章节 - 蜂蜜黄
#FFD63E银蜂章节 - 蜂巢金
#FCCA11产品卡片 - 青绿色
#119F8D标题和收尾章节 - 叶绿色
#65C177标题的第二种颜色
有四章的标题读到一半，颜色由青绿转为叶绿。这个细节不大，却把标志上的双色字样一路带到页面下方。
字体
A Spoonful Of Nature’s Bliss
Quicksand · 开场标题Our Signature Products
Quicksand · 章节标题From hive to jar, we oversee every step of the honey-making process
Lato · 正文黄色章节
蜂蜜没有棱角，所以黄色章节的边缘做成波浪形。底色隐约看得到一棵榴梿树，两侧各停着一只蜜蜂。
细节
卡片用的正是蜂蜜包装盒的金色，盒子和卡片看起来就是一套。卡片上先写容量，再写品名，最后用几句平实的话介绍银蜂或蜂胶。
节奏
- 蜜勺
- 瓶子
- 蜂蜜
- 蜂场
- 银蜂
- 清真
- 网店
- 页脚
白色章节交代事实，颜色标出转折：米白是蜂蜜，黄色是银蜂，青绿色收尾。蜂场在页面上占得最长，这也是首页的重心。上方色条依实际页面按比例画成。
逐章导览
跟着蜂蜜走回蜂巢。
每往下一章，就离蜂蜜的来处更近一步。框起来的地方是重点，旁边写着为什么这样做。
木桌上的一勺蜂蜜
木制蜜勺把蜂蜜滴在叠起的蜂巢上，蜂胶的盒子和瓶子摆在一旁，背后是虚化的花园。
用意 木桌和花园让产品有了真实的场景。这个品牌最需要让人看到的，就是这份真实。
两款产品放在两张金色卡片上
两张大卡片摆出全部产品：Premium Trigona Sour Honey 和 Trigona Green Propolis。每张写明容量、品名和一段介绍银蜂或蜂胶的短文，下方有一个 Shop Now 按钮。
用意 只有两款产品，用不着产品目录。两张大卡片让买家一眼看完，选起来也容易。
蜂场占的篇幅最多
“Our Bee Farm”下方先是“From hive to jar”那句话，再是十张圆角照片：蜂箱、巢框、榴梿树，还有在蜂场里忙碌的手。
用意 一双手从蜂箱提起巢框，比“天然”两个字更有说服力。这些照片拍自蜂场，不是摄影棚，所以让人信服。
接着才见到银蜂
波浪边的黄色章节介绍银蜂。蜜蜂停在蜂巢上的特写，和黄色脚架上的青绿色蜂箱并排，旁边用几行字说明体型和种类。
用意 不少买家没听过银蜂这种无刺蜂。说出名字、拿出照片，他们就记住了。往回走到这里，正是蜂蜜的起点。
清真标志放得很大
“NO GUILT. NO DOUBT”（大意：吃得安心，不必怀疑）下方，马来西亚清真标志大大地放在白底上。旁边是同样大小的 QR 码，写着“Scan QR Code for More”（大意：扫描了解更多）。
用意 马来西亚许多买家下单前都会先找这个标志，所以清真标志独占一章，没有缩成页脚的小图标。
回到网店
青绿色章节为页面收尾，写着“Experience the Goodness of Honey and Propolis”（大意：亲身体验蜂蜜和蜂胶的美好），只有一个白色 Shop Now 按钮。底色隐约看得到蜜蜂和蜂巢。
用意 访客已经看到蜂蜜从哪里来，这时只需要一个按钮。按下去的时候，蜜蜂还在背景里。
蜂蜜、瓶子、蜂巢全部产品蜂场实拍蜂蜜的起点清真标志和 QR 码一个按钮通往网店
手机版
单手就能在手机上买蜂蜜。
用手机买蜂蜜的人，应该随时找得到购物车。手机版保留每一章，再加上一条购物栏。
- Shop、Cart 和 My account 固定在屏幕底部的购物栏
- 开场文字放在浅色底板上，叠在照片上也读得清楚
- 产品卡片上下排列，包装盒和瓶子放大在文字上方
幕后功夫
故事讲完之后还有这些安排。
蜂场让买家放心，下面这些安排让他们买得到、问得到、找得到人。
网店
两款产品分属 Honey 和 Propolis 两个类别，设有购物车、Buy Now 按钮和顾客账户。三种语言都通往这里。
三种语言
英文、中文和马来文都在上方同一个菜单里。主要页面的每个版本都有自己的网址，并向 Google 标明。
让 Google 找得到
网页标题和描述都写明蜂蜜和蜂胶，公司资料也以 Google 读得懂的格式标示。
买家常问的问题
常见问题页面列出十个问题，从下单、付款到蜂蜜怎样保存都有。
实体购买地点
联络页面列出五家经销商，都是柔佛和雪兰莪的中药行和药材店，每家都附 Google Maps 链接。
联络方便
可用 WhatsApp、电话、电邮和联络表格联络，办事处地址也链接到 Google Maps。
- 1
了解您的业务
Pro Eco Health 卖什么，买家凭什么相信，第一次买银蜂蜂蜜的人需要看到什么。
- 2
文案撰写
我们把公司故事、产品介绍和蜂场照片整理成简短的章节，用在英文、中文和马来文页面上。
- 3
设计与开发
标志的颜色和圆润的字体定下整体样子。每一章都要在手机版和电脑版上好用，网店、购物车和顾客账户也要配合。
- 4
SEO 与上线
设好网页标题、描述和公司资料，连接三个语言版本，然后上线，并提供后续支援。
常见问题
您可能想问。
您的产品也要先赢得顾客信任吗？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Pro Eco Health 做了什么？
我们定下构思，整理文案，设计页面，开发英文、中文和马来文网站，配上一间网店，并完成 SEO 设定。
首页为什么倒着讲？
公司网站上写的是“From hive to jar”（大意：从蜂巢到瓶中），买家却是从瓶子开始看的。先看蜂蜜，再回到蜂场和银蜂，正好顺着买家心里的问题走。
为什么给蜂场照片这么多篇幅？
自家蜂场是这家公司最有力的证明，照片比文字更能说明这一点。
我的公司也能这样做吗？
可以。我们先弄清楚您的顾客买之前需要相信什么，再围绕这一点设计，所以您的网站会有自己的想法和样子。欢迎告诉我们您卖什么、买家最担心什么，我们再给您具体建议。
