让家电融入家里
洗地机平时多半收在柜子里。网站要让人觉得，这台机器摆在外面也好看。
Quuma家电 · 网店
网店的第一眼是一间客厅。
这是柔佛家电品牌 Quuma 的网站和网店。访客看到价钱之前，先看到一个房间，洗地机就像家具一样摆在里面。
概要
Quuma 是 QUUMA SDN BHD 旗下的家电品牌，办公室和仓库都在柔佛依斯干达公主城。Potadot 为品牌设计并开发英文网站和网店。首页把家电当家具来展示：开场画面是一间素净的客厅，洗地机就放在椅子旁；三个产品系列各有一个房间；接着每件产品单独摆在浅灰底上，如同展品。在电脑版上，搜索、购物车和账户一路留在页面顶部。
客户
柔佛品牌 Quuma 讲究家电的外观。
Quuma 是 QUUMA SDN BHD（1504399-W）旗下的品牌，办公室和仓库位于依斯干达公主城 Taman Nusa Idaman。品牌在网上销售三个系列：Kitchen Appliance、Home Appliance 和 Personal Care。
首页主打的产品有 BBQ 烧烤机、All in 1 洗地机、吹风机和真空食物保鲜容器。品牌列出的三项主张里，“Elegant Design”（优雅设计）与技术、品质并列。网站的方向就由此而来。
- 3
- 产品系列
- 5
- 轮播热销产品
- 11
- 首页用户分享
- 4
- 网店政策页面
客户所托
网店要卖功能，也要卖外观。
家电通常靠功能来卖。Quuma 还希望产品能为家里添一分好看，可是在网上买东西的人没办法走近细看，这件事只能由网站来做。
买东西要顺手
访客要能找到产品、看到价钱、加入购物车。页面再简洁，这几步也不能受影响。
让真实用户自己说话
房间布置得再好，也比不上用过的人说一句话。页面上要有真实用户的分享。
让人放心付款
网上买东西，付款对象是一家没见过面的公司。公司名称、地址、电话和各项政策，都要放在清楚的位置。
设计概念
把家电当成家具来看。
家具是摆在房间里卖的。您先看到实物，想象放在家里的样子，然后才问价钱。Quuma 自己的话也是这个意思：“Creating appliances that enhance your home’s aesthetic”（大意：让家电为居家增添美感）。所以整个页面就像逛一趟家具展厅：先看房间，再看展品，最后看看别人家里的情形。
浏览路线
-
1
客厅
洗地机摆在房间里，配一行标题和两个按钮。
-
2
三个房间
厨房、起居角落和浴室，每个系列一处。
-
3
货架
热销产品放在白色卡片上，写明名称和价钱。
-
4
细看
一台烧烤机独占一章。
-
5
展示
四件产品摆在浅灰底上，如同展品。
-
6
别人家
11 位用户，用文字或视频分享。
灵感从何而来
一句话
“Modern Minimalism, Timeless Elegance”（大意：现代极简，历久优雅）。这句话通常用来形容室内设计，不是形容机器。所以页面的样子也取自室内：浅色墙面、原木和柔和的日光。
标志
一条均匀的黑线写成品牌名，字母 Q 里藏着一个小尖顶。线描图标、圆形箭头按钮和产品卡片上的细线也是同一个思路：线条简单，不填色。
产品
洗地机、真空封口器和吹风机都是白色或浅灰色，造型简洁。所以一张产品照片放在空白的灰底上，就已经足够。
设计风格
浅色的房间配上细细的黑线和一个小箭头。
色彩都来自照片。网站本身几乎只用黑白，房间才是主角。
色彩
- 白色
#FFFFFF页面与产品卡片 - 浅灰
#F3F3F3产品底色、搜索框 - 炭灰
#333333文字、图标与按钮线条 - 黑色
#000000标志
页面本身不另外加颜色。暖意来自照片里的原木和布料。烧烤机的青色上盖之所以显眼，正因为页面上其他地方很少用色。
字体
Where Innovation Meets Everyday Comfort
Poppins · 首页标题Creating appliances that enhance your home’s aesthetic.
Poppins · 正文Your cart is currently empty.
Jost · 购物车等网店页面椭圆
在电脑上，鼠标移到房间上，照片就暗下来，白色椭圆随后出现，写着系列名称和一句短语，还有一个箭头。柔和的弧线与 Home Appliance 照片里的圆形纸灯相呼应。平时照片上没有文字，访客想看时文字才出现。
细节
每张产品卡片的格式都一样：照片、名称、细线、价钱、圆形箭头。原价以灰色划掉，目光自然先落在现价上。同一个箭头也出现在椭圆、烧烤机一章和 View More 方块上，访客看过一次就懂。
节奏
- 客厅
- 主张
- 房间
- 货架
- 细看
- 展示
- 用户
- 最后一间
- 页脚
整幅照片为页面开场、转场和收尾，中间穿插白色和浅灰的产品章节。上方色条就是整个首页，按实际比例画成。页面从一个房间开始，在页脚上方的另一个房间结束，网店始终没有离开家。
逐章导览
请到展厅里走一圈。
跟着顾客，从第一个房间看到最后一段用户视频。每个标出来的地方都是一个设计决定，旁边写着原因。
先看到房间
开场画面是一间摆着两张扶手椅的房间。一台洗地机平放在椅子下，另一台靠在另一张椅子旁。照片上有一行小字、一行标题和两个细边按钮。
用意 访客先注意到家，然后才注意到机器，整个概念就在这里。赶时间的人，也可以按 New Release 或 Trending Items 直接看产品。
三项主张都用细线画成
“Modern Minimalism, Timeless Elegance”下方有三段短文：Innovative Technology、Elegant Design、Exceptional Quality，各配一个简单的线描图标。
用意 产品还没出现，访客已经知道这个品牌最看重哪三件事。图标和标志一样线条简单，页面始终清爽。
三个系列就是三个房间
Kitchen Appliance、Home Appliance 和 Personal Care 是三张并排的直幅照片。鼠标移到其中一张，白色椭圆就会出现，写着名称、一句短语和箭头。
用意 产品系列常常只是一份清单。这里让访客在厨房、起居角落和浴室之间挑一处，因为人们买东西时，本来就先想到家里哪个地方需要添置。
接着才谈名称和价钱
Top Selling Products 换成白色卡片，一次三张，共五件产品轮流展示。每张卡片都有照片、名称、价钱和圆形箭头。
用意 看过房间，顾客想知道名称和价钱。每张卡片的排法一样，产品比较起来就很容易。
让一件产品独占舞台
烧烤机单独摆在一个浅灰方块上，旁边是标题、三小段文字和一个箭头。
用意 室内烧烤机需要多说几句，小卡片放不下。这一章留足了位置，页面的节奏也在这里慢下来。
产品就是展品
四件产品摆在浅灰方块上，洗地机占满中间一整列的高度。最后一格写着 View More。
用意 这里除了产品什么也没有，就像展览一样。中间那一格特别高，因为洗地机本来就高，版面由产品的形状决定。
再看看别人家里
轮播里有 11 位用户：三段文字分享和八段 YouTube 视频，有妈妈、前厨师，也有博主、YouTuber、演员和歌手。
用意 前面的房间都经过布置。这些分享让访客看到真实的人在用这些产品，其中有些人可能是他们早已关注的。
先看房间，再看产品
三项简短的主张鼠标移上去，椭圆出现名称、价钱、一个箭头留足位置介绍一件产品只留下产品本身11 位之中，八位是视频
手机版
手机版一样清爽。
在手机上，房间和留白都保留下来，排成一列，文字和图片都不会超出屏幕。
- 标题分成三行，两个按钮放大到手指好按的大小
- 手机没有鼠标，所以系列名称直接写在照片上的浅色长条里
- 热销产品一次显示一张，左右都有箭头
幕后功夫
展厅背后的网店真正能做生意。
页面看起来清爽，是因为实用的东西都有固定的位置。
产品搜索
按电脑版顶部的搜索图标，只打开一个大大的搜索框，找产品很简单。
购物车与账户
手机版和电脑版的购物车图标都一直留在顶部，上面还显示数量。电脑版的账户图标就在旁边。顾客可以登录或注册。
WhatsApp 链接
按页脚的图标就打开 WhatsApp，问候语已经写好，顾客只要按发送。
常见问题与政策
常见问题、隐私政策、使用条款、送货政策和退款政策各有专页，都从页脚进入。
Google 读得懂
页面以 Google 读得懂的格式，写明公司、网站、页面路径和搜索框。
公司资料清楚列明
页脚写明公司名称和注册号、电话、电邮、仓库地址，并附 Google 地图。
- 1
了解您的业务
Quuma 卖什么，品牌为什么重视外观，顾客在网上买家电之前要看到什么。
- 2
文案撰写
写好简短的品牌主张和系列介绍，把产品整理成三个系列。
- 3
设计与开发
房间、浅灰方块和圆形箭头定下全站的样子，再逐章排好手机版、电脑版和网店页面。
- 4
SEO 与上线
设好网页标题、Google 所需的资料和政策页面，然后上线，并提供后续支援。
常见问题
您可能想问。
想在网上卖产品？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Quuma 做了什么？
我们定下构思，撰写文案，设计页面，开发网站和网店，并完成 SEO 设定。
为什么先给人看房间，不先看产品？
Quuma 重视家电摆在家里的样子，一个房间比一串功能更快说明这一点。名称、价钱和购物车紧跟在后面，想买的人一样很快就能找到。
顾客可以直接在网站上购买吗？
可以。这是一家正常运作的网店，有产品搜索、购物车和顾客账户，页脚也链接到送货和退款政策。
我的品牌也能做这样的网店吗？
可以。我们会从您的产品和顾客的挑选习惯想起，构思可能和房间、家具完全不同。您先告诉我们卖的是什么，我们再提出具体的做法。
