给访客一个容易的起点
第一次来的访客对品牌名称没有印象。网站要有一个起点，不熟悉产品的人也能马上开始。
T.One Hair Care护发 · 多品牌网店
这家网店开口先问您的头发。
这是新山 KSL City 多品牌护发精选店 T.One Hair Care 的网站。第一次来的访客，未必认识货架上的品牌。所以首页在开场之后，先问访客的头发需要什么，品牌留到后面再介绍。
概要
T.One Hair Care 是新山 KSL City 的多品牌专业护发精选店，服务马来西亚和新加坡的顾客。这家店的英文网站由 Potadot 设计和开发。首页从顾客最熟悉的事说起，也就是自己的头发。开场展示一个系列，接着六张照片问访客的头发或头皮今天需要什么。畅销产品、主推品牌、四个品牌和顾客评价依次排在后面，页面底色都很浅，颜色交给产品包装。到了产品页，顾客可以加入购物车，也可以发 WhatsApp 讯息，讯息里已经写好产品名称。
客户
新山 KSL City 的精选店服务马新两地顾客。
T.One Hair Care 是一家多品牌专业护发精选店，地址在新山 KSL City，每天上午 10 时至晚上 10 时营业，由销售顾问为顾客提供建议。
网店列出 82 件产品，包括洗发水、护发素、精华、护理和发膜、发液、卷发霜、配件和吹风机。首页介绍四个品牌：M LEVEL、Le’JE、J.itorii 和 HEAD HEALTH。
- 10
- 年服务顾客
- 80,000+
- 位顾客
- 4
- 首页介绍的品牌
- 6
- 首页列出的头发需求
客户所托
顾客了解自己的头发，却未必认识品牌。
在店里，销售顾问问几句话，就能走到合适的货架前。网站上没有店员在旁，这一步要由页面来做。
让四个品牌像同一家店
每个品牌都有自己的瓶身、颜色和标签。排在一起时，货架很容易显得杂乱。
保留销售顾问的建议
T.ONE 靠销售顾问为顾客提供建议。网站要保留这条路，购物车不能是唯一的选择。
照顾马新两地的顾客
T.ONE 在新山服务马来西亚和新加坡的顾客，两地顾客都要看得到自己熟悉的货币。
设计概念
先看头发，再谈品牌。
T.ONE 在网站上写明，这家店帮助顾客按发质、头皮状况和日常护理需要来选购。这样的店，网站不该一打开就是一排品牌标志。所以我们在橱窗里只摆一个系列，下面第一件事就是问访客自己的头发。货架、品牌和评价都排在这个问题之后。
浏览路线
-
1
橱窗
石台上摆着一个系列。
-
2
先问
六张照片，六种头发需求。
-
3
货架
畅销产品标明适合的需求。
-
4
品牌
四个品牌在同样的场景里。
-
5
口碑
Google 评价写明顾客姓名。
-
6
下单
购物车或 WhatsApp 讯息。
灵感从何而来
店里的做法
T.ONE 由销售顾问为顾客提供建议。页面学的就是这个习惯：先了解顾客，再走到货架前。
产品包装
M LEVEL 的橄榄绿、米白和珊瑚粉定下了开场照片的气氛。页面其他颜色都收着用，把目光留给产品。
石台
四个品牌的照片里都有浅色石台、暖暖的光线和叶影。产品标签各不相同，放在同样的场景里，就成了同一家店的货品。
设计风格
浅色的墙面把颜色留给瓶子。
精选店卖的是别家的品牌，包装都不是自己设计的。页面只用白色、米白和暖石色，红色标签和紫色标签放在同一家店里，也不会互相抢眼。
色彩
- 白色
#FFFFFF摆放产品和选项的章节 - 米白
#F4EFE6开场和品牌介绍 - 亚麻白
#F3F1EB两段照片区 - 暖石色
#DDD7CC顾客评价 - 炭黑
#242424标题和正文 - 深绿
#263D32主要按钮
首页各章里，只有第一个按钮用深绿色填满，其他按钮都只有细线框。这些章节里最浓的颜色，都随产品而来。
字体
Hair care, thoughtfully selected.
Georgia · 用来说话：主标题和顾客评价Start with what your hair or scalp needs today.
Arial · 用来选购：章节标题、产品和价格石台
每个品牌都站在同样的浅色石台上，光线同样温暖，背后同样有叶影。标签随品牌改变，场景却始终如一，四个品牌看起来就是同一家店。
细节
六张照片，六个简短的标签，画面里没有产品。每一格拍的都是头发或头皮，访客不用读字，也能认出自己的情况。
节奏
- 橱窗
- 先问
- 畅销
- M LEVEL
- 护理
- 问答
- 品牌
- 评价
- 介绍
- 页脚
白色章节摆放可以挑选的东西，带颜色的章节用一张照片、一句话或顾客的评价，让页面慢下来。上面的色条按真实页面比例绘制。
逐章导览
从橱窗一路走到柜台。
网站是英文的，所以这里的截图都是英文。框起来的地方是重点，旁边说明为什么这样做。
橱窗里只摆一个系列
页面以 M LEVEL 开场，上方写着“Selected by T.ONE”。石台上摆着三件产品，旁边是一行大字标题和一个深绿色按钮。
用意 好的橱窗只把一样东西摆好，不会把整间店的货都搬出来。访客开始挑选之前，已经感受到这家店的品味。
第一个问题
紧接着，页面写着“Start with what your hair or scalp needs today.”，意思是先看看头发或头皮今天需要什么。下面是六张照片，从 Hair Fall 到 Scalp Care。
用意 访客也许一个品牌都不认识，但一定了解自己的头发。所以页面从每位访客都熟悉的事说起。
货架上的标签也从头发说起
每件畅销产品的名称和价格上方，都列出适合的发质和头发需求。按链接就能打开产品页。
用意 同一个问题延续到货架上，访客不必打开产品页，就能判断合不合适。
更完整的问答已在计划中
这一段配上一张大照片，邀请访客回答五个问题，找出适合自己的护理方式。按钮下方的小字注明这项功能会在第二阶段推出。
用意 这是同一个想法的延伸，从一个问题变成五个问题。页面已经预留了这个位置。
认识品牌的人有自己的入口
四个方格，每个品牌一格。按一下就进入网店，页面已经选好这个品牌。
用意 回头客往往知道自己喜欢什么，他们可以直接找到，不必再回答问题。
顾客的话用大字来写
三则 Google 评价放在浅色卡片上，每则都写明顾客姓名。这一段是全页唯一用暖石色做底的章节。
用意 看过满架的小标签，字体变大了，节奏也慢了下来。访客自然会停下来读一读。
两种下单方式
在产品页上，Add to Cart 的正下方就是 Order via WhatsApp。按 WhatsApp 按钮，讯息里已经写好产品名称。
用意 有些顾客喜欢自己完成结账，有些顾客想先问问真人。这则讯息替他们开了口。
一个系列，一个按钮六种头发需求名称上方写明需求
五个问题，第二阶段推出直接打开品牌产品写明姓名的 Google 评价购物车或真人对话
手机版
手机上问的还是同一个问题。
手机版的页面更长，所以各章的编排都让选项靠得近一些。
- 六种头发需求每行三格，共两行，一个屏幕就能看完
- 畅销产品每行两件，标签、价格和链接排在照片下方
- 顾客评价排成一列，字体依然很大
幕后功夫
货架背后的运作。
浅色页面的背后，是一家列出 82 件产品的网店。下单、价格和挑选之后的疑问，都由这些部分处理。
产品页可发 WhatsApp
按 Order via WhatsApp 会打开写好产品名称的讯息。绿色按钮也一直留在屏幕上。
两种货币
屏幕侧边的按钮可以在马来西亚令吉和新加坡元之间切换。
顾客可以自己筛选
每类产品各有分页，还可以按品牌筛选，按价格、人气或评分排序。
顾客账户
页脚设有 My Account 链接，回头客在任何一页都能登入。
条款容易找到
送货条款、退款退货政策、隐私政策和订购指南都有自己的页面。
Google 读得懂
首页用 Google 读得懂的格式写好网站资料和页面结构。
- 1
了解您的业务
T.ONE 的经营方式：品牌多，有销售顾问提供建议，顾客从自己的头发需求开始。
- 2
文案撰写
文字写得简短，把顾客的需求放在品牌名称前面。
- 3
设计与开发
先定下浅色配色和石台场景，再围绕头发的问题编排首页，最后加上品牌筛选、货币切换和 WhatsApp 下单。
- 4
SEO 与上线
设定网店和产品页的标题及 Google 所需的资料，然后上线，并提供后续支援。
常见问题
您可能想问。
您的店也卖多个品牌吗？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 T.One Hair Care 做了什么？
我们负责构思、整理文案、设计页面，并开发英文网店，包括品牌筛选、两种货币、WhatsApp 下单和 SEO 设定。
为什么先问头发，再介绍品牌？
第一次来的访客未必认识 M LEVEL 或 J.itorii，但一定知道自己的头发需要什么。从这里开始，人人都有入口。已经有偏爱品牌的人，往下就能看到品牌方格。
网站有购物车，为什么还要 WhatsApp？
有些人购买之前想先问一问。按钮打开的讯息已经写好产品名称，顾客不用从头打字。不需要帮忙的人，可以直接加入购物车。
您能为我的店做类似的网站吗？
可以。我们从您的顾客怎样挑选、您的员工怎样在柜台提供建议开始，网站的构思都依您的店而定。告诉我们您卖哪些品牌、顾客通常怎样询问，我们就会说明可以怎样着手。
