界面 01 · 首页
黑色与玫瑰金配色贴合品牌，不是大家都在用的模板
标题“一套搞定日夜”与真实产品并列作为主视觉，优惠价和聊天按钮在第一屏就能看到，无需下滑。
- 原价与折后价写在同一行 —— 2,500 降到 1,390，免运费。客户还没点任何按钮就已经看到划算在哪
- 滚动的卖点条 ——不含 Paraben 防腐剂 · 对珊瑚礁友好 · SPF 50 PA+++，不用打开新页面就能看懂
- 幻灯片标注 03/03 ——客户知道还有哪些内容可看，不用猜
SELECTED WORK · 08 PROJECTS
我亲自
设计并开发
从网站做到后台
我既做帮助客户快速决策的网站，也做让店主一眼看清预约、账目和优先事项的后台系统。 这里有 4 个真实项目和 4 个明确标注为 CONCEPT 的示范作品——每一件都从业务问题出发，并贴合实际工作流程来设计。
系统画面使用示例数据 ，以保护真实客户信息—— 画面中的营业额并非系统开发费用 网站 8,800 泰铢起 · 网站 + 预约系统 18,800 泰铢，开工前按所选功能确认
01 · WEBSITE · LÉVONNE
Day & Night 防晒套装网站——从第一屏提升品牌质感
网站的质感与产品定位一致，首屏即可看到价格与购买入口。 项目同时涵盖客户看到的前台页面，以及团队处理订单的后台流程。
界面 02 · 讲清产品
“早间／夜间”切换按钮，让客户看到实际怎么用
这套产品有两件，分别在不同时间使用。与其写一大段说明，我把它做成切换按钮，让人直接看到早晚各要做什么 ——“短到真的能每天坚持的护理流程”
固定在屏幕底部的常驻条 ——“优惠套装 1,390.- · 提前转账或货到付款均免运费”，旁边就是“立即咨询 →”按钮。
无论滚动到哪里，都能立即购买。大多数电商网站都漏了这一点。
点击放大
02 · SYSTEM · MASSAGE
一家有两家分店的按摩店——老板打开一个界面，就知道打烊前该先看什么
拥有两家分店的老板可在同一界面查看营业额、预约、员工状态和异常事项。紧急问题优先显示，需要时再深入查看细节。
界面 01 · 全部分店总览
预约、人员、收支，以及店里哪些地方在造成损失——一个界面就能看清
今天的营业额对比上周同一天，并对比设定目标 —— 金色进度条直接显示已达成 ฿40,000 目标的 81%，不用自己算
- 今天有 38 笔预约 已完成 24 笔——数量和进度都看得见
- 正在服务的预约有 7 笔 3 间房空着 —— 立刻知道还能不能接散客
- 技师服务报酬累计 ฿8,760 共 16 位技师——当天结束时该付多少，已经算好了
界面 02 · 打烊前该看的事
系统找出店里哪些地方在造成损失，再用大白话告诉老板
底部的红色条是这一屏的核心 ——“打烊前老板应查看的 2 件事”。系统自己总结出是哪两件，不用翻报表找
实收金额与系统金额相差 ฿500 ——只差五百泰铢，系统也会标红，因为账款对不上时，拖得越久就越难查清原因。
还有，18:00 的双人预约时间重叠，技师不够 —— 提前提示并附带“查看解决方案”按钮，而不是等客人站着等了才发现
界面 03 · 分店对比
哪一家真正赚钱 —— 不只看营业额，还说明为什么在流失客户
两家分店的营业额、预约数和技师服务报酬并排显示，系统再用一句话总结
- 正在服务的技师：13/16 · 使用中的房间：9/12 —— 看得出瓶颈在人还是在房间
- “Nimman 店营业额更高，但傍晚因技师不足流失了 3 位客户” —— 系统把它写成老板可以直接据此决策的句子，例如傍晚从另一家分店调一位技师过来
点击放大
03 · WEBSITE · CONCEPT
让客户从第一屏就能自己预约的按摩店网站 —— 不用等客服回复
大多数按摩店靠电话或聊天接受预约。外国客人凌晨两点发消息时没人回，这单就丢了。这个网站的设计让人直接在首页预约：选服务、选日期，马上查看空档。
此类生意的设计示范 —— 品牌为虚构，并非真实客户
客户的决策时刻
客人在打烊后发消息，还没等到开门就走了
首页从第一行起就是双语，屏幕底部固定着预约栏 —— 选服务、选日期、点“Check availability”，客人自己就能得到答案，不用等人回消息。
- 全天 24 小时可预约 系统核对技师和房间的真实空档，不会重复接单
- 双语 EN / TH 一键切换，游客不用猜
- 三项主要服务就在第一屏 不用翻菜单去找
可对接后台系统： 网站预约 → 自动排进日程 → 提前 2 小时提醒客人 → 每位技师在手机上看到自己的预约。老板再也不用记在本子上。
点击放大
04 · SYSTEM · NAIL
有多位技师的店 —— 每一张账单的钱都必须分对
一张账单可能包含多项服务、多位技师和会员折扣。系统在结账时自动分配提成，并再次核对各项金额是否一致。
界面 01 · 店铺今日概览
一打开就知道今天生意如何
净营业额、账单数量、提成百分比，以及应付技师的提成总额，全在一屏。下面是即将到来的预约，附带技师姓名和使用的工位
营业额下方的绿色条是自动对账 ——营业额＝各收款渠道合计＝按技师分账的合计金额。
这三项对不上就不会显示绿色，老板当天就知道，不用等到月底才发现。
界面 02 · 今日预约
今天的预约，按时间和技师排序
这个界面是给前台人员当着客户的面操作的，所以必须看得清楚，操作步骤也要尽量少
- 筛选单个技师后，技师可以只看自己的预约，不用滑过别人的
- 每张卡片状态清晰 ——已预约／已到店／服务中／已完成
- 绑定工位、座椅或床位 这样在预约时就能避免时间冲突
界面 03 · 账单明细
一张账单、多项服务、多位技师，钱当场分清
每一行都显示原价和折后价，以及由谁完成。账单底部，系统把每位技师应得的金额分开列出，再核对账单总额与分账总额是否完全相等
实际经营中才知道少不了的细节——系统将实际使用的收款方式与POS 机传来的标签
店员按错选项很常见，所以系统两边的数值都保留，以实际收款渠道为准，不急着认定是谁按错。
点击放大
05 · WEBSITE · CONCEPT
让人敢先来咨询的诊所网站 —— 在决定花大钱之前
诊所的客户怕的不是价格，而是被推销。还没弄清自己该做什么，就被推荐了疗程。这个网站把“先咨询”放在最显眼的位置 —— 而不是价格。
此类生意的设计示范 —— 品牌为虚构，并非真实客户
先消除顾虑，再做决定
想做但不知道从哪问起，于是一直没联系
页面像一间干净明亮的房间。首页不堆前后对比照（这类图受广告规定约束）。只有一个醒目的按钮：“预约咨询”。想深入了解的人，往下能看到服务详情。
- 主按钮是“咨询”，不是“购买疗程” 从第一屏就降低门槛
- 深紫与米白配色 看起来是真正的诊所，而不是卖护肤品的店
- 手机上和电脑上一样好看 因为诊所客户多数是在手机上点广告进来的
可对接后台系统： 网站预约 → 自动通过 LINE 确认 → 前一天提醒 → 爽约减少，而爽约正是诊所每个月悄悄损失的钱。
点击放大
06 · SYSTEM · PARKING
现场人员与财务人员用不同的界面，背后是同一份数据
现场人员需要快速、少点几步；管理者则需要完整的财务数据。系统按角色提供两种界面，底层仍共用同一套数据。
界面 01 · 现场人员的界面
预订 → 入场 → 出场，数据自动带过去
现场工作的难点在于：接受预订时信息还不完整 —— 客人没到，票也还没出。所以系统不强制一开始就把每个字段填满
- 预订时票号可以先留空 等客人到了再把票绑定到那笔预订上
- 车辆出场时，系统按实际停放时间自动计费
- 四个步骤连成一条线：现场只录入一次，后台立刻就能接着用
界面 02 · 财务人员的界面
另一个角色只看到跟钱有关的部分
切换到另一个视图就是后台 —— 今年收入、今年支出、结余，以及历史客户数量，还有近六个月的收支对比图
按角色拆分界面，好处是不必把整套系统教给每个人
现场人员只学自己要点的部分，钱的部分也不是人人都看得到
点击放大
07 · WEBSITE · CONCEPT
直接接受预订的度假村网站 —— 不用夜夜给订房平台付佣金
小型度假村依赖订房平台，每间房每晚都被抽佣 —— 而很多客人其实早就从 Facebook 上的照片认识了这家店。这个网站让“直接预订”和在平台上订一样简单。
此类生意的设计示范 —— 品牌为虚构，并非真实客户
把浏览兴趣转成直接预订
客人想直接订，但网站上没得点，只好回到平台
预约栏就在大图正下方：入住日、退房日、人数，点“Find your stay” —— 不用发消息问有没有房再干等回复。
- 大图先卖氛围 然后是客房和餐食 —— 按人们真正做决定的顺序
- 入住 / 退房 / 人数 预订栏 布局和大平台一样，熟悉顺手，不用重新学
- 从菜单开始就是双语 外国客人可以自己完成预订
可对接后台系统： 网站与订房平台共用同一份房态 —— 任一边下单都会即时扣减，房间不会重复预订。而每一笔直接预订，都是省下的约 15–20% 佣金。
点击放大
08 · WEBSITE · CONCEPT
不用打电话就能订位的餐厅网站 —— 店里也不用停下手头工作接电话
餐厅最忙的时候正是电话响得最凶的时候，却没人腾得出手接。这个网站把菜单和“订位”按钮放在第一屏，客人出门前就能自己决定。
此类生意的设计示范 —— 品牌为虚构，并非真实客户
忙碌时段也能接住预订
客人在最忙的时候打来订位，没人接，最后去了别家
首页只谈味道和氛围，两个按钮：“看菜单”和“订位” —— 没有别的东西来抢注意力。
- 菜单放在网站上 随季节更换，不用每次重新印
- 在线订位 填人数和时间，系统立即回复有没有位
- 菜品照片是主角 因为人们选餐厅永远先用眼睛
可对接后台系统： 订位 → 到点前提醒客人 → 没来的话，系统自动把桌子放给下一组。没人白等，老板也能看到今晚翻了几轮台。
点击放大
SAME RULES · EVERY PROJECT
八个项目，八种不同的生意，建立在同样的规则之上
不管是电商网站、按摩店、诊所、度假村、餐厅、美甲店还是停车场，这三点我每个项目都会做
01
数字必须能自动核对
系统内置核对功能，检查营业额、实收金额和分账金额是否一致。老板不用自己逐笔核对，对不上当天就能知道
02
每个人只看到自己需要的
界面按角色分开：前台人员看预约和需要操作的按钮，老板看收支。培训更容易，不该公开的信息也不会显示
03
要点的按钮永远在视线之内
电商网站的聊天按钮固定在屏幕底部；后台系统的新增预约按钮固定在顶部，紧急的事在上方标红 —— 不用找，也不用记
系统准备好了， 可谁来预约呢？
我有 20 年营销经验，也曾为自己的产品投入近百万泰铢广告费。系统把广告表现与真实预约连接起来，让您看清哪些广告值得继续。以下数字为过往结果，并非效果保证。
13.8 倍最佳广告的销售额与广告费之比
฿17每次客户咨询
3,600 次咨询，每次 ฿17广告带来了客人， 预约接得过来吗？
客人深夜发消息，回复慢就流失了。预约系统让客人 24 小时自助预约，并即时通过 LINE 通知您，减少流失广告带来的客人。这个系统也是我亲手做的。
24 小时客人自助预约
即时有人预约即 LINE 通知，少回“有空吗”
真实系统画面