⚡ 一眼看懂
一个任务:让一个正在滑手机找「Bangsar 晚餐」的饿客,在一次滑动里 WhatsApp 订位。它长这样:
Wok & Flame 概念 demo:暗色全屏 hero,在你读到任何一道菜之前,先卖食欲和氛围。
想象这一刻:傍晚六点,有人的拇指正在滑「Bangsar 好吃的晚餐」,开着三个 tab。他在几秒内就决定——不是靠读字,而是靠「看着就饿」加「订位很方便」。这个页面,就是为这个又快又饿的决定设计的。
01一页就够,因为饿着的决定很快
一个饿着的客户只想知道五件事:你卖什么、在哪里、几点开、看起来好不好吃、怎么订位或叫外卖?这些一页往下滑就讲完了。不要多页迷宫,不要没人看的「关于我们」——就一条直线,从嘴馋到订位。
餐饮里,卖东西的是照片。你要做的,就是把最让人流口水的那张放在最前面,然后绝不让一个饿着的人去「找」订位按钮。
02Hero 卖食欲,不卖菜单
第一屏是一张满屏的氛围大图——不是价目表。暗色背景、暖暖的火焰橙和金色,一句简短勾人的标题,加一颗订位按钮。第一屏的目标只有一种感觉:我今晚想去那儿吃。长菜单和故事,等这个钩子勾住了再说。
03菜单是橱窗,不是 PDF
它不是把 40 道菜一股脑列出来,而是挑几道招牌菜,每道配一张照片和一句话——Nasi Lemak Wagyu、Rendang Lamb Shank、炭烧沙爹拼盘、班兰焦糖布丁。它像一个橱窗:用几道主打勾起食欲、顺便定下价位预期,而不是一份让你滑到天荒地老的完整目录。
04在哪、几点、怎么订——全在拇指够得到的地方
嘴馋一旦上来,就不该有任何东西挡在它和订位之间。所以这一页把「实际信息」做得毫不费力:
- 动画地图 pin 定位到 Bangsar —— 半秒看懂在哪,而不是藏在小字里
- 营业时间放在明处 —— 还没问「现在开吗」就先看到答案
- 一键 WhatsApp 订位/叫外卖 —— 预填好讯息,订位就是发一句话,不是填表单
05为什么整页是暗色的
暗色背景读起来是夜晚、私密、高级——一顿正经晚餐该有的氛围。它还让食物照片更跳:一碗 rendang 在近黑底色上会发光。配上火焰橙和金色点缀,整套配色在说「炭火、烟火气、一个值得打扮去吃的夜晚」。字体用 Bricolage Grotesque(有个性的标题)+ Manrope(干净的正文)。注意:暗色不是人人都适合——早午餐咖啡馆或甜品店通常要的是明亮清新。配色要配得上你卖的东西。
你做的是咖啡馆、餐厅、甜品店或档口?这套「单页 Starter」打法可以直接套到你身上。先看 live demo,再把你的菜单 WhatsApp 给我,我告诉你哪三道菜该放在第一屏。
把整件事变成一句话
想知道不同生意各该做哪一档网站?我在这篇按行业拆解里都摊开讲了。