把人放在最前面
这份事业的招牌就是 Hui Ling 本人。她的名字、样子和说话的语气，都要排在服务清单之前。
Hui Ling孕产保健 · 个人品牌网站与网店
预约之前，先见一面。
Hui Ling 是孕产保健专家，也是 IAIM 婴儿按摩讲师。这个网站替她做自我介绍，语气就像她本人当面说话；想进一步了解的人，发一则 WhatsApp 就可以。
概要
Hui Ling Maternal Wellness 是 Hui Ling 的个人品牌。她是孕产保健专家，也是 IAIM 婴儿按摩讲师，服务对象是怀孕、产后和初为人父母的妈妈和爸爸。Potadot 为她设计并开发英文网站，内设网店和 Articles 页面。首页的安排就像第一次见面：先打招呼，说说自己的理念，介绍能帮上什么忙，再让其他妈妈说几句话，最后留下一个 WhatsApp 按钮。
客户
两个孩子的妈妈把亲身经历变成了专业。
Hui Ling 最早为肌肤敏感的婴幼儿调制植物护肤品，后来发展成 Rare Botanicals。为人母的经历让她更深入孕产保健这一行：她受训成为孕期和产后理疗师，再成为哺乳顾问和 IAIM 婴儿按摩讲师，之后又进修 NLP 和催眠治疗。
她现在提供一对一护理、父母课程和工作坊，也与月子中心和诊所合作举办讲座。她的四款 KindTouch 产品也在同一个网站上销售。
- 5
- 首页列出的服务
- 9
- 列出的专业资格
- 11+
- 年敏感肌配方经验
- 6+
- 年哺乳两个孩子
客户所托
妈妈先选人，再选服务。
怀孕、哺乳和产后恢复都是很私人的事。预约之前，妈妈想先知道照顾自己的是什么样的人。网站先回答这一点，再让她们问得轻松。
一个名字底下有好几样工作
一对一护理、课程、合作、网店和文章，都在她的名下。网站要把这些收拢在一起，读起来不能像一本目录。
谈私密的事要温和
乳房护理和产后恢复都是敏感话题。文字、插画和颜色都要平静，处处带着尊重。
第一个问题要问得容易
带着新生儿的妈妈没有多少空闲。想问一个问题，按一下就够了，不必填表格。
设计概念
首页就是第一次见面。
Hui Ling 用一句话概括自己的工作：“To care for the woman while she is busy caring for everyone else.”（大意：她忙着照顾所有人的时候，也要有人照顾她。）有这样的信念，网站就不该一开场就摆出一张护理清单。首页照着两个人初次见面的次序安排：打招呼，说说自己，看能帮上什么忙，听听别人怎么说，再留下联络方式。
浏览路线
-
1
打招呼
她的名字写得很大，语气是她自己的。
-
2
说说自己
一张肖像和她的理念。
-
3
能帮什么
五张卡片，一张一项服务。
-
4
别人怎么说
九则署名评价，轮流出现。
-
5
保持联络
WhatsApp 按钮和她的结语。
灵感从何而来
她的一句话
About 页面上她的故事以“To care for the woman while she is busy caring for everyone else.”收尾（大意：她忙着照顾所有人的时候，也要有人照顾她）。全站的语气也由此而来：说话轻声，把读者放在前头。
她的标志
长椭圆形框内有一枝叶片，用细线画成。同样的细线延续到她名字旁的枝叶、卡片上的圆形插画和页脚的枝叶。
她的植物护肤背景
她的事业从植物护肤品起步，KindTouch 的包装是深绿配米白。网站的配色也贴近这一路：暖白、燕麦色、陶土色和深橄榄绿。
设计风格
从明亮的开场慢慢静下来。
开场照片里的蓝绿色泳池是全页最抢眼的颜色。往下滑，页面就换成暖白底色、纤细的线条和秀气的古典字体。
色彩
- 暖白
#FFFAF6整个页面的底色 - 燕麦色
#F3EBE2服务卡片和区块 - 深橄榄绿
#3C4432按钮与页脚 - 米白
#F1E3CF页脚标题和按钮 - 陶土色
#C18C72圆环、小标签和心形
陶土色刻意用得很少，主要用在细圆环、小标签和心形上，所以页面温暖而不杂乱。
字体
Hi, I’m Hui Ling.
Cormorant · 她的名字Every mother’s journey is different.
Cormorant · 标题Supporting mothers through every stage of motherhood.
Poppins · 正文枝叶
标志里的一小枝叶片，长成一整根枝条，同样用细线画成，出现在她的名字旁，也出现在页脚。主要标题下还有一个小花饰，像是她的落款。
细节
每项服务都有一幅线描插画，放在陶土色圆环里：双手环着孕肚、一朵花、妈妈给宝宝喂奶。私密的话题用插画来表达，比照片更容易让人接受。
节奏
- 招呼
- 简介
- 服务
- 评价
- 页脚
一段明亮的色彩，接着是长长的暖白，最后是深橄榄绿的页脚。上方色条就是整个首页，按实际比例画成。安静的部分留得长，读者看得从容；来这里的人，本来就是想得到照顾。
逐章导览
一步一步看这场见面。
请跟着一位妈妈，从第一声招呼一路看到网店。每一站都是她看到的画面，旁边写着为什么这样安排。
她先开口打招呼
古典字体的大字写着她的名字，下面是头衔、一句工作简介和一个按钮，全都放在一张照片上。
用意 第一句话用“我”来说，妈妈马上知道跟她说话的是一个真实的人，最先记住的也是她的名字。
接着看到她的样子
下一章是她坐在桌前的肖像，配上一句理念，再加一个按钮通往她的完整故事。
用意 泳池照片定下气氛，这张肖像让妈妈看清楚要见的是谁。
五张卡片各有一句开场白
五张卡片各用一句话说明一项服务。按下卡片就打开 WhatsApp，讯息里已写明是哪项服务。
用意 妈妈不必想怎么开口。她选一张说中自己情况的卡片，第一句话已经写好了。
换其他妈妈来说
九则评价轮流出现，电脑版一次显示三则，每则都有姓名和五颗星。
用意 前面都是 Hui Ling 在说话。到了这里，访客听到的是做过护理的妈妈怎么说。
专业资格看得见
About 页面列出九项专业资格，下方是十张证书，可以逐张翻看。
用意 这份工作照顾的是孕妇和新生儿，妈妈理应看得到她受过什么训练。证书就摆在这里，可以自己看。
三种合作方式
Work With Me 页面分成三张卡片：一对一护理、父母课程与工作坊、专业合作。每张都有自己的按钮和 WhatsApp 讯息。
用意 妈妈、爸爸和月子中心要的都不一样。各人找到自己那张卡片，Hui Ling 看第一则讯息就知道对方的需要。
网店也是同样的风格
四款 KindTouch 产品放在同样温暖的页面上，上方有三个“Shop by need”按钮。每张卡片写明价格、评价，并附加入购物车的按钮。
用意 网店沿用同样的古典字体、颜色和圆角，看起来就是她网站的一部分，不像另开的一家店。
名字、头衔、一个按钮她的样子和她的理念每张卡片都连到 WhatsApp每则评价都有姓名
先看清单，再看证书
三张卡片，三则讯息
先看需要，再加入购物车
手机版
单手拿着手机也看得舒服。
忙碌的妈妈多半用手机打开网站，所以每一章都按窄屏幕重新排过。
- 开场照片为竖长屏幕重新构图，她身后是一片山景
- 服务卡片排成一列，每幅插画都完整保留
- 购物车、登录和菜单收成右上角三个图标
幕后功夫
安静的页面背后还有不少功夫。
页面看起来简单。以个人为招牌的事业，要靠下面这些细节来支持。
WhatsApp 讯息写明来意
服务卡片和 Work With Me 按钮会打开 WhatsApp，讯息已经写好，Hui Ling 一看就知道对方想问什么。
护理和网店在一起
WooCommerce 负责购物车、账户登录和产品页面，服务和产品都在同一个网址下。
证书公开展示
About 页面展示十张证书，每张都可以打开看大图。
五个主题的文章
Articles 页面列出五个主题，从怀孕到育儿，再排出她最新的文章，最后有 WhatsApp 按钮。
迎新优惠券
网店页面会弹出窗口，留下电邮地址就可以得到首单九折优惠。
每页都有自己的标题
Home、About、Products、Work With Me 和 Articles 各有自己的页面标题，网站也用 Google 读得懂的格式写明背后的机构。
- 1
了解您的业务
Hui Ling 是谁，提供什么服务，妈妈发第一则 WhatsApp 之前想知道什么。
- 2
文案撰写
把她的故事和服务整理成简短的段落，保留她第一人称的语气。
- 3
设计与开发
先定配色、字体和线描风格，再做各个页面，最后接上网店，手机版和电脑版都顾到。
- 4
SEO 与上线
设好页面标题、Google 所需的资料和每项服务写好的 WhatsApp 讯息，然后上线，并提供后续支援。
常见问题
您可能想问。
您的生意也靠您本人的名字？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Hui Ling 做了什么？
我们定下构思，整理文案，设计页面并开发网站，同时完成网店、Articles 页面、SEO 设定和 WhatsApp 链接。
首页为什么以她的名字开场？
以个人为招牌的事业，客户找上门，看的就是这个人。先让访客知道是谁在说话，再介绍服务，顺序才自然。
提供服务的商家也能在同一个网站卖产品吗？
可以。Hui Ling 的护理、课程和 KindTouch 产品都在同一个网站上，风格一致。WooCommerce 负责购物车和账户，服务查询则走 WhatsApp。
我的事业也能这样做吗？
可以。我们会从您的工作和您的客户出发，所以您的网站会有自己的构思。第一次见面的想法适合 Hui Ling，适合您的又是另一个想法。不妨把您的情况告诉我们，我们再给您具体建议。
