让人看见闻不到的香味
隔着手机闻不到味道。访客读到说明之前，颜色、光线和质感要先把感觉带出来。
Luvera个人护理 · 网店
网店首页摆得像浴室置物架。
这是马来西亚沐浴品牌 Luvera 的网站，销售沐浴露和淋浴片。首页不放价格，只把产品摆得像在家里一样。访客想买的时候，按一下按钮就到商店。
概要
Luvera Sdn Bhd 销售沐浴露和淋浴片，四款香味各有名字。Potadot 为这家公司设计并开发中英双语网店。首页布置得像浴室的置物架：布料、藤编托盘、拱形壁龛和柔和的光线，全页看不到价格。沐浴露和淋浴片各占一个屏幕，各有一个按钮通往产品页。页面上的粉色、绿色和淡紫色全部来自产品包装和产品照片，访客的目光自然落在产品上。
客户
马来西亚品牌 Luvera 专做沐浴产品。
Luvera Sdn Bhd（注册编号 1526583-U）有两条产品线：500 毫升瓶装沐浴露，以及一袋六包的淋浴片。两条产品线都以香味为主，每款香味都有自己的名字，例如“如沐暖阳”和“薰香踏雪”。
包装上印着品牌标语“Redefine Your Shower Experience”，网站中文版写作“重新定义您的沐浴体验”。Luvera 通过自家网站销售，在 Facebook、Instagram、TikTok 和小红书上也有账号。
- 2
- 条产品线
- 4
- 款香味
- 2
- 种网站语言
- 4
- 个社交平台
客户所托
香味很难隔着屏幕卖。
在店里，客人可以打开瓶盖闻一闻。在网上，这件事要靠网站来做。沐浴露是日用品，网站还要让人愿意为这样的东西放慢脚步。
网站要和产品同一种感觉
Luvera 主张沐浴可以不只是例行公事。页面要是摆满优惠，这个主张几秒钟就站不住了。
把淋浴片介绍清楚
沐浴露大家都熟悉，用过淋浴片的人少一些。网站要让人看到整袋包装、袋里的小包，以及整个系列的样子。
让买家再回来
沐浴露总会用完，买家用完时要想得起回来。网站要有会员账户，也要给人一个注册的理由。
设计概念
首页是置物架，不是橱窗。
Luvera 的主张是每天沐浴也可以是一件乐事。首页要是摆满价格和优惠，就和这句话对不上了。产品买回家后摆在浴室里，我们就照那个样子布置首页：布料、藤编托盘、暖色墙上的拱形壁龛，每个屏幕只看一样东西。访客先在架子前慢慢看，想买了再进商店。
浏览路线
-
1
走进来
布料、藤编托盘和一句话。
-
2
停一停
白底上只有一个想法。
-
3
看架子
三个拱形壁龛，各放一款产品。
-
4
感受
阳光落在肌肤上，画面里没有产品。
-
5
拿起来
沐浴露和淋浴片各占一个屏幕。
-
6
留下来
邀请访客成为会员。
灵感从何而来
标志
一株幼苗的茎干弯成字母 L。叶子的形状又出现在几章背后的线描枝叶上，也出现在按钮的外形上。
包装
瓶身和袋子上有柔和的粉色、绿色、淡紫色和浅蓝绿色。我们没有把这些颜色放进网站本身的配色，所以颜色一出现，产品就在那里。
水
一圈圈像涟漪的圆环，和四颗水滴排成的花形，淡淡地放在页面各个角落。不用再加照片，也有水的感觉。
设计风格
颜色都留给了产品包装。
网站本身只用棕色、沙色和白色。衬在这样的底色上，包装的柔和色彩自然就跳了出来。全站的字体设定为圆体字 Zen Maru Gothic，靠大小分出层次，字形和颜色一样柔和。
色彩
- 白色
#FFFFFF白色的一章、菜单、页脚 - 沙色
#B5A490暖色的一章 - 深棕
#5E4236标志、标题、按钮 - 灰色
#707070白底上的正文 - 灰绿
#65796C当前菜单项、购物车数字
这份配色里没有粉色和淡紫色。这两种颜色只通过产品照片进入页面，所以访客看到这些颜色时，看到的就是 Luvera 的产品。
字体
Redefine Your Shower Experience
Zen Maru Gothic · 品牌标语Where Refreshment Meets Relaxation
Zen Maru Gothic · 章节标题Showering is no longer just a routine.
Zen Maru Gothic · 正文拱形壁龛
每款产品都放在拱形框里，就像浴室墙上的壁龛摆着一瓶沐浴露。下一章把阳光下的手臂放进同样的拱形，人和产品用的是同一个形状。
细节
按钮两个角是方的，另两个角是圆的，外形像一片叶子。按钮上方的圆形图标也用棕色线条绘制，和标志同一个颜色。
节奏
- 开场
- 留白
- 架子
- 暖色
- 沐浴露
- 淋浴片
- 会员
- 页脚
短短一段留白之后，几乎每一章都是一个屏幕高，一次只看一件事。上面的色条按真实页面比例绘制，有照片的章取画面的主要颜色。全页最深的底色是沙色，所以一路滑下来都很柔和。
逐章导览
顺着架子往下看。
网站默认打开中文版，菜单里可以换成英文，所以这里的截图都是中文。截图按访客往下滑的顺序排列，从开场的布料一直到会员邀请。
产品旁边只有一句话
沐浴露、淋浴片袋子和藤编托盘摆在浅色布料上。画面里的文字只有一句“重新定义您的沐浴体验”，用棕色写在左边。
用意 访客第一眼看到的，是产品摆在家里的样子。页面这时候什么都不要求。
留一段空白
接下来是全页最短的一章：白底上只有一句标题“每一次沐浴，都与愉悦相遇”，以及两行文字，说明产品结合了香氛精油和香水。
用意 Luvera 说沐浴不再是普通的日常。整屏照片之后留一段空白，访客还没读到这句话，节奏已经慢下来了。
拱形下面写的是香味名称
产品排在一组可以左右滑动的拱形里，底下是沙色纹理。每款下面写着产品类别、香味名称和香调。
用意 先说香味名称，访客可以照心情挑选。价格留到产品页再看。
这一章没有产品
同样的拱形里换成一只手臂，阳光暖暖地照在上面，背景是纯沙色。旁边的标题很有巧思：“浴众不同”把成语“与众不同”的“与”换成沐浴的“浴”。
用意 前面几章展示物件，这一章展示感受。隔着屏幕，香味要靠这份感受来传达。
沐浴露占满整个屏幕
整个屏幕先交给照片。左边依次是标题、一段短文、一排可以左右滑动的圆形图标和一个按钮。
用意 访客看到这里停下来，多半已经对沐浴露有兴趣，所以这个按钮直接通往沐浴露产品页。
淋浴片换到另一边
照片移到左边，淡紫色背景上，整袋淋浴片和袋里的小包放在一起。文字移到右边，换上淋浴片自己的图标，按钮照旧。
用意 左右对调之后，两章相似的版面读起来不会重复。整袋和小包同框，用过淋浴片的人不多，看一眼也能明白。
最后一章发出邀请
画面回到藤编托盘和两种产品，在暖杏色的光线下，只有一句关于成为会员的标题和一个白色按钮。
用意 会员账户集中记录订单，也不定期提供会员优惠。沐浴露用完时，买家就有理由再回来。
一句话，没有优惠一个想法，留足空间写香味，不写价格先有感受，再有按钮
图标和一个按钮同样的版面，换一边一份邀请
手机版
手机上也是同一个架子。
Luvera 在 Instagram、TikTok 和小红书上都有账号，访客从这些应用程序按进来，看到的就是手机版。手机版保留电脑版的安静，再多一条底部导航栏，换页更快。
- 底部固定一条导航栏，主页、产品和我的账户随时按得到
- 拱形一次只显示一款产品，按箭头看下一款
- 产品照片淡淡退到文字后面，每一章的颜色都还在
幕后功夫
架子后面是一家完整的网店。
首页能这样安静，是因为购物功能都放在产品页和账户页里。
完整的网店
每款产品都有自己的页面，设有“加入购物车”和“立即购买”按钮，购物车从屏幕侧边滑出。
中英双语
中文和英文在菜单里一按切换。英文版有自己的网址，两个版本都向 Google 标示清楚。
会员账户
买家注册后可以查看订单状态和记录，也会不定期收到会员优惠。
Google 读得懂
主要页面都有自己的标题和简介，品牌和网站资料也用 Google 读得懂的格式写好。
WhatsApp 随手可按
绿色按钮固定在屏幕角落，按下去就打开 WhatsApp，第一句讯息已经写好。
香调写得清楚
产品页列出每款香味的前调、中调和后调，买家下单前心里有数。
- 1
了解您的业务
Luvera 卖的是什么，人们在网上怎样挑香味，以及首页为什么不急着卖东西。
- 2
文案撰写
我们为每一章写好短句，中文、英文都有，并让每条产品线占一个屏幕。
- 3
设计与开发
先做首页各章的手机版和电脑版，包括拱形、线描图案和叶形按钮，再做产品页、购物车和会员账户。
- 4
SEO 与上线
为主要页面写好标题和简介，为中文版和英文版设好语言标记，然后上线，并提供后续支援。
常见问题
您可能想问。
您的产品也要让人先试过才放心？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Luvera 做了什么？
我们负责构思、文案和页面设计，并开发中英双语网店，包括会员账户和 SEO 设定。
首页为什么不放价格？
首页的作用是让人对产品和香味产生兴趣。价格写在产品页，访客选好想看的产品之后才看到。
网站本身的颜色为什么这么素净？
Luvera 的包装已经有柔和的粉色、绿色、淡紫色和浅蓝绿色。网站只用棕色、沙色和白色，访客第一眼注意到的就是包装的颜色。
我的品牌也能做出这样的网站吗？
可以。我们从您的产品和买家喜欢产品的原因出发，每个网站都有自己的想法和样子。告诉我们您卖什么，我们再说明会怎样着手。
