让人一看就有概念
RFID 和物联网这两个词，很多老板听过，却想象不出是什么样子。所以网站先用图画出各个环节怎样连接，文字放在后面。
JW Connect Technology科技 · 公司网站
我们把看不见的讯号画了出来。
这是新加坡 RFID 与物联网公司 JW Connect Technology 的网站。这家公司的产品靠肉眼看不见的讯号运作，所以首页用一幅幅插图，让访客看明白各个环节怎样连在一起。
概要
JW Connect Technology Pte Ltd 是新加坡的 RFID 与物联网解决方案公司，供应标签、硬件和软件，服务范围包括新加坡、马来西亚和越南。Potadot 为这家公司设计并开发网站。这门技术很难凭空想象，所以首页用插图来说明：开场是一张网络图，接着是一台平板连着八个场景，然后是四张卡片和五个阶段的服务流程，再往后是产品页和联络页。
客户
这家新加坡公司同时供应标签、硬件和软件。
JW Connect Technology 用 RFID 和物联网技术，帮助企业追踪资产和库存。公司设在新加坡 Paya Lebar，About 页写明服务范围包括新加坡、马来西亚和越南。
产品从标签、读取器、打印机到智能柜都有，软件也能接上企业现有的 ERP 或 WMS 系统。首页列出五类客户，从时装零售到医疗保健。
- 15
- 种 RFID 标签
- 21
- 款硬件产品
- 6
- 项软件服务
- 3
- 个服务国家
客户所托
页面要把拍不出来的讯号讲清楚。
不少老板从未仔细看过 RFID 读取器。联络之前，他们想先弄明白这家公司做什么、卖什么、一项工程怎样进行。
产品再多也要看得清爽
标签、读取器、打印机、智能柜、感应器、软件，列出来很长。首页只分几大类，完整清单放在下一层，按一下就到。
各行各业都找得到自己
时装零售商和医院要追踪的东西完全不同。两边都要在页面上看到自己的行业。
讲明白第一通电话之后的事
这是一项工程，寄一箱货过去解决不了问题。买家想看清每个阶段，从初步研究到售后。
设计概念
讯号看不见，就画出来。
RFID 标签可以简单得像一张贴纸，发出的讯号更是肉眼看不见，运作的情形根本拍不下来。答案其实就在 JW Connect 的标志上：一个框，一角伸出几道讯号弧线。于是我们把整个首页当成一张长长的示意图。线条把办公桌接到服务器，一台平板连着八个场景，一条虚线走完整个服务流程。访客还没读到规格，已经看懂各个部分怎样配合。
浏览路线
-
1
网络
线条连起服务器、办公桌和人。
-
2
中枢
一台平板连着八个场景。
-
3
组成
四张卡片，各有一个圆形图标。
-
4
路径
一条虚线，串起五个阶段。
-
5
产品
每种标签各占一张卡片。
-
6
联络
地址、地图和表格并排摆放。
灵感从何而来
标志
圆角框里写着 JW，右上角伸出三道弧线。这几道弧线不用文字就说出了“讯号”，到了首页中段的平板上，又以大得多的尺寸再次出现。
产品
RFID 在空气中传送，标签和读取器之间什么也看不到。照片拍不到的连接，插图画得出来。
买家
零售商、工厂、物流公司和医院，网站上都有提到。一张照片只能照顾其中一种。插图里有货车、工厂和各种建筑，每一种买家都看得到自己的影子。
设计风格
蓝色写文字，橙色画讯号。
标题用两种蓝色，放在白底和淡蓝底上，正文用黑色。暖色全部留给插图。
色彩
- 白色
#FFFFFF正文章节与卡片 - 淡天蓝
#D6F5FE开场画面、斜切色块与页脚 - JW 深蓝
#003E92标志、标题与按钮 - 亮蓝
#0673EA标题的后半段 - 黑色
#000000正文 - WhatsApp 绿
#25D366浮动的聊天按钮
标题完全不用橙色。橙色只留在插图里，用在中枢四周的讯号弧线和小人物身上。页面以蓝色为主，视线还是有一处暖色可以落脚。
字体
Empowering Your Assets and Inventory
Arial Black · 标题用 Arial 最粗的字重Empower Your Business with IoT Technology
Roboto · Get In Touch 区块Empowered by RFID and IoT, we unlock real-time data to enhance efficiency, productivity, visibility, and connectivity.
Arial · 正文讯号中枢
一台平板平放在中央，屏幕上是讯号弧线。细细的电路线向外伸到八个圆台：工厂、送货车、路灯下的汽车、装了太阳能板的屋子等等。物联网是什么，这张图比一段文字说得更快，所以就放在“Smart RFID and IoT Solutions.”这行大字的正下方。
细节
每一类产品放在一张白色卡片上，圆形蓝色图标有一半露出卡片外。图标外围一圈虚线，服务流程也用同样的虚线，产品和流程看起来就是同一个系统。
节奏
- 开场
- 公司
- 中枢
- 组成
- 流程
- 火箭
- 页脚
首页大部分是白色，头尾是淡蓝。中间几章的背后衬着同色的斜切色块，长长的白色页面也不觉得平淡。上方色条就是这个首页，按实际比例画成。
逐章导览
跟着讯号一站一站走。
前五站在首页，接着是 RFID Tags 页和联络页，一共七站。亮起来的地方是重点，旁边写着我们这样安排的原因。
开场就是一张网络图
标题点明 JW Connect 处理的对象：资产和库存。旁边的插图用灰线把服务器、云端、办公桌和人连在一起。
用意 访客还没读到 RFID 这个词，已经看出这家公司做的是连接。
一句话加一个按钮
公司名称用两种蓝色，下面一句话写明：新加坡的 RFID 与物联网供应商，从标签、硬件到智能软件。VIEW PROFILE 按钮通往 About 页。
用意 正在比较 RFID 供应商的人，想知道这家公司的业务范围。标签、硬件和软件都写在一句话里，想多了解的，按一下就行。
一台平板连着八个场景
平板放在中央，电路线伸向八个圆台。从工厂到装了太阳能板的屋子，每个圆台上都有同样的橙色弧线。
用意 物联网很难下定义。八个小场景接到同一块屏幕上，不用定义也看得懂。
四张卡片说完所有服务
RFID Tags、IoT Hardware and Sensors、Software Solutions 和 Industries We Serve 各占一张卡片，上方是带虚线圈的圆形蓝色图标。
用意 再长的产品线，也变成四件容易记住的事。三张说明卖什么，第四张说明卖给谁。
一条虚线串起五个阶段
Consultation、Design、Implementation、Deployment 和 After-sales 由左到右排开，用带箭头的虚线相连。每个阶段都列出实际工作，例如可行性研究、测试与调试。
用意 RFID 更像一项工程，不是一次买卖。这条线告诉买家，安装之后工作还在继续。
实物各有一张卡片
RFID Tags 页把产品分成 Regular Labels 和 Special Labels。每种标签都有产品照片和名称，放在白色卡片上，开头是六种常规标签。
用意 看完插图，买家想看实物。看不见的技术到了这里，变成拿在手上的东西。
联络方式集中在一页
联络页的一张卡片写明地址、电话、电邮，并附上地图；另一张是表格，填写姓名、电邮、主题和讯息。
用意 买家看完标签和读取器，想联络时不必再到处找电话。地址、电话、电邮、地图和表格都在这一页。
左边文字配右边网络图
先说自己是谁中枢和四周八个场景四张卡片各答一问五个阶段连成一线Regular Labels 的六张卡片左边资料配右边表格
手机版
手机版的服务流程由上往下走。
从网络图到 Get In Touch 区块，首页次序不变。插图缩到手机宽度后依然看得清楚，页面也不用左右滑。
- 开场标题排成三行大字，下面才是网络图
- 四张卡片排成一列，每张上方都留着圆形图标
- 五个阶段由上而下排列，箭头也改为朝下
幕后功夫
插图背后的线路。
在新加坡找 RFID 供应商的买家，多半不会留意这些细节，却要靠这些细节找到 JW Connect，再联络上团队。
用对关键词
首页标题写明“RFID & IoT Solutions Provider | JW Connect Technology Singapore”，页面描述也提到资产追踪和库存管理。
每个产品页都有自己的标题
例如“RFID Tags Supplier in Singapore | Wide Range of RFID Solutions”和“IoT Hardware Supplier in Singapore”，各自对应买家搜索的词。
写给 Google 看的资料
结构化资料告诉 Google，JW Connect Technology 是一家机构，并列出页面所在的层级。
WhatsApp 守在角落
绿色按钮一直留在屏幕角落。按一下就打开与 JW Connect 的对话，第一句“Hi, I contact you through your website!”（大意：我是从网站找到你们的）已经写好，团队一看就知道讯息来自网站。
产品就在菜单里
菜单在滑动时固定在顶部。按 Products 就看到 RFID Tags、IoT Hardware 和 Software Services。
表格有防护
联络页的表格用上 reCAPTCHA，有助挡住自动发送的讯息。
- 1
了解您的业务
RFID 能做什么，JW Connect 供应什么，老板在开口询问之前需要明白什么。
- 2
文案撰写
把庞大的产品线归入四张卡片，再用几行短句写清五个服务阶段。
- 3
设计与开发
从标志取来蓝色和讯号弧线，再把五幅插图排进首页，并逐章调整手机版。
- 4
SEO 与上线
网页标题和描述围绕 RFID 与物联网词语来写，主要页面的标题都写明新加坡，然后上线。
常见问题
您可能想问。
您的产品也不容易解释？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 JW Connect Technology 做了什么？
我们定下“把讯号画出来”的构思，把产品归入四张卡片和一条服务流程，设计页面并开发网站，同时完成 SEO 设定、WhatsApp 按钮和联络表格。正式网站的页脚写着 Developed by Potadot。
首页为什么用插图，不用照片？
仓库的照片拍不出 RFID 的运作，因为讯号看不见。插图却可以画出事物之间的连线。等访客明白了，产品页再用实物照片。
产品这么多，首页怎么放得下？
首页不必全放。所有内容先归入四张卡片，Products 菜单再通往标签、硬件和软件各自的页面，每件产品都有自己的位置。
我的产品也偏技术，可以这样做吗？
可以。买家要先看懂产品才肯开口询价的话，第一步都一样：找出那一幅最能说明问题的图。告诉我们您卖什么、谁需要看懂，我们再与您详谈这幅图可以怎样画。
