按车型分类
BMW G20 的前唇，Honda FL5 的车主用不上。目录要从准确的车型开始排。
Alpha Carbons汽车 · 配件目录网站
这间网上配件店先问您开什么车。
Alpha Carbons 位于槟城北赖，专营碳纤维与性能汽车配件。网站的做法和店里老练的柜台人员一样：先问您开什么车，再列出这辆车的配件，然后转到 WhatsApp，由真人接手。
概要
Alpha Carbons 位于槟城北赖 Jalan Chain Ferry，专营碳纤维与性能汽车配件。Potadot 设计并开发这个网站时，一切都从一个问题出发：您开什么车？开场画面有十二个方格。访客由此按底盘代号选车型，按类别筛选配件，打开配件页看价格，再按 Buy Now，WhatsApp 就会打开，讯息已经写好。
客户
这家槟城配件专家列出 49 款车型。
Alpha Carbons 位于北赖 Taman Chai Leng 的 No.19, Jalan Chain Ferry。公司介绍自己是碳纤维配件与饰件的制造商和经销商，列明的服务包括碳纤维配件、头灯与尾灯改装，以及车身套件升级。
产品涵盖十个汽车品牌，从 BMW、Mercedes-Benz、Porsche 到 Honda、Toyota，另有 GT 尾翼和碳纤维方向盘。除了北赖，网站也列出吉隆坡和新山的联络人。
- 10
- 个汽车品牌
- 49
- 款车型
- 900+
- 件配件上架
- 5
- 位 WhatsApp 联络人
客户所托
网站上有九百多件配件，每位买家只要其中几件。
车主要找的是适合自己那辆车的尾翼，其余配件都用不上。网站要尽快带他们找到合适的几件，再交给能回答问题的人。
每件配件都有自己的页面
买家要看配件、读说明、知道价格。每一件都需要独立的页面和链接。
让人看见真实的店面
这类配件，买家最看重做工。店面和改装好的车，都要放在目录附近。
最后交给真人
合不合车、有没有现货，直接问人最方便。最后一步要接到写明名字的联络人，槟城、吉隆坡和新山的买家都有人可找。
设计概念
第一个问题是：您开什么车？
走到任何一家配件店的柜台，店员开口第一句都是这样问。所以网站也这样问，排在公司介绍和所有产品之前。每按一下，范围就缩小一层：品牌、车型、配件类别、单件配件。到了最后，九百多件配件只剩下这位车主需要的几件。
浏览路线
-
1
品牌
开场画面上的十二个方格。
-
2
车型
底盘代号在方格下方展开。
-
3
类别
在页面左侧按类别筛选。
-
4
单件
名称、价格、说明和按钮。
-
5
实例
Instagram 上改装好的车。
-
6
联络
WhatsApp 按钮写着名字。
灵感从何而来
配件柜台
网站的次序和配件生意平时的做法一样：先问车，再看配件，最后才谈价格。
底盘代号
车主习惯用代号称呼爱车：G20、FL5、W205。车型清单保留这些代号，读起来就像一位懂车的人在说话。
店门口
开场画面是店门口的一辆 BMW，后方就是 Alpha Carbons 的招牌。深色遮罩和标志上的琥珀色，都叠在这张照片上。
设计风格
黑色和琥珀色都取自标志。
配色来自标志，其余部分保持白色，让目光落在车子和配件的照片上。
色彩
- 白色
#FFFFFF正文章节与产品页 - 黑色
#000000开场照片上的深色遮罩 - 炭黑
#1A1A1A页脚 - 琥珀色
#FFC451方格图标、名称与章节线条 - 深琥珀色
#EEB644Buy Now 与 WhatsApp 按钮 - 灰色
#444444正文文字
琥珀色标出方格、按钮和每一章的开头，其余都交给黑白两色。
字体
ALPHA CARBONS
Zen Dots · 开场画面上的名称BMW G20 KB Design Carbon Rear Diffuser
Oswald · 车型与配件名称Enthusiasts are able to purchase high-quality, in-stock, great-fitting carbon fiber products.
Poppins · 正文十二个方格
这些方格是网站的大门。十个是汽车品牌，旁边是 GT Wing 和 Carbon Fiber Steering。线框很细，不挡住后面的车；光标移到方格上，线框和文字就变成琥珀色。
细节
按一下品牌，旗下车型就在白色清单中展开，外面是一圈粗的琥珀色边框。光标所在的一行会填满琥珀色，清单再长也不会看错行。
节奏
- 选车
- 关于
- 服务
- 作品
- 联络
- 页脚
开场画面和页脚都是深色，把页面前后收住；中间的章节一律白色，不和照片抢眼。上方色条就是真实的首页，按实际比例画成。
逐章导览
从选车到 WhatsApp 的每一步。
请您当一回车主，走一遍这条路线。亮起的部分是这一步的重点，旁边的说明讲明用意。
开场画面只问一个问题
店门口占满整个屏幕，上面是名称、标语“Build Your Dream Car Now”（大意：现在就动手改出您梦想中的车），以及十二个方格：十个汽车品牌，加上 GT Wing 和 Carbon Fiber Steering。
用意 车主也许还没想好要哪件配件，但一定知道自己开什么车。按一下，就来到这个品牌的车型清单。
清单用的是底盘代号
按一下 BMW，十二款车型在方格下方展开，从 F10 M5 到 G87 M2。Mercedes-Benz 有十一款，Porsche 有九款。
用意 车主都认得这些代号。G20 和 G20 LCI 分开列出，一看就知道该按哪一行。
再按类别缩小范围
每款车型都有自己的页面。BMW G20 页面的左侧列出 16 类配件，从车身套件到尾灯，右边是照片、名称和价格。
用意 类别跟着车型走。BMW G22 & G26 的页面只有 4 类，车主看到的都是自己的车用得上的配件。
每件配件只有一个按钮
配件页写明名称、价格和简短说明，下面只有一个 Buy Now 按钮。
用意 按下 Buy Now，WhatsApp 就打开，讯息已经写好配件名称、价格和链接。店里马上知道买家在看哪一件。
展示柜里摆着真实的配件
About 一章有一半的位置留给一张照片：灯光下的展示柜，层架上摆着头灯、尾灯和方向盘。
用意 配件谁都可以放上网。整柜实物的照片，让买家看到链接背后有一个真实的地方。
改装好的车都来自 Instagram
Portfolio 一章放了三则 Instagram 贴文：Lamborghini Huracán、Mercedes G63 和 Honda Civic FL5，各有自己的说明文字。
用意 配件照片只看得到局部。改装好的车让买家看到整体效果，而且都是店家自己发布的贴文。
五位联络人都写上名字
联络一章写明北赖地址、电邮和五个 WhatsApp 按钮，按钮上是联络人的名字，其中一位标明 KL，两位标明 JB。
用意 新山的买家可以直接联络新山的人。按钮上写着名字，第一则讯息也比较容易发出去。
十二个入口十二款 BMW 车型Filter By TypeBuy Now 打开 WhatsApp
展示柜里的实物三辆改装好的车WhatsApp 上的五个名字
手机版
在手机上一样先选车。
次序和电脑版相同：先选车，再看配件。排版重新调整过，每一步单手都好按。
- 十二个方格排成一列
- 车型清单就在按下的方格下方展开
- 配件一行两件，一屏看得更多
幕后功夫
这些细节都是替店家做的。
访客看到的是目录，目录背后还有这几项安排。
讯息已写好
按下 Buy Now，WhatsApp 讯息自动带上配件名称、价格和页面链接。
每款车型一个页面
每款车型都有自己的网址，BMW G20 的页面可以单独转发。
为 Google 而设
网页标题和说明写明槟城，以及 BMW、Audi、Mercedes-Benz 等品牌，网站也以 Google 读得懂的格式介绍这家公司。
照片带着名字
产品照片都有 AC 标志，转发出去，看到的人仍然知道出处。
找得到店
联络一章有北赖地址的 Google 地图，按一下就能在 Maps 打开。
不止在槟城
联络人标明 KL 和 JB，这两地的买家知道附近有人可以联络。
- 1
了解您的业务
车主怎么找配件，产品怎么按车分类，生意又怎样从一则讯息开始。
- 2
文案撰写
把产品按品牌、车型和类别整理好，沿用车主熟悉的底盘代号。
- 3
设计与开发
先从标志定下黑色和琥珀色，再做十二个方格、车型清单和配件页，手机版和电脑版都顾到。
- 4
SEO 与上线
设好网页标题、Google 所需的资料和每款车型的网址，然后上线，并提供后续支援。
常见问题
您可能想问。
您的产品种类也很多吗？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Alpha Carbons 做了什么？
我们负责构思、整理文案、设计页面，并开发英文网站，包括每款车型的页面、SEO 设定和 WhatsApp 购买流程。
为什么要先问车，再列出配件？
配件要合车才有意义。网站上有九百多件配件，从品牌和车型开始，买家看到的就只是合自己车型的一小部分。
Buy Now 为什么打开 WhatsApp，而不是购物车？
Buy Now 打开 WhatsApp 时，配件名称、价格和链接都已写好。买家可以马上问合不合车，店里也清楚买家说的是哪一件。
可以为我的生意做类似的网站吗？
可以。我们会从您的买家怎样挑选产品开始，未必是按车型，样子也会各有不同。请告诉我们您的产品怎样分类，我们再和您谈做法。
