// The app
Order Ahead.
Pickup Ready.
Pickup orders, loyalty, gift balances. iOS & Android.
App Store Google Play
第 10 节 · App 与团购 #channel
下面有这一节的现状截图和 4 个骨架不同的新版式。推荐：方案 A——上一节是满版暗视频，最后一节回到纸色、常规宽，手机图放大当主角，礼品和团餐降成一行，干净收尾。
怎么用：点右上角「✎ 批注」按钮（按钮上那串英文是这一页批注的存档名），在任意方案、任意一句话上点一下写意见（比如「选 B，但标题换居中」）。选定后这一节可以单独再开一轮。
看完这一节，访客应该知道可以用 App 提前点单到店取；公司也能批量买礼品卡或订团餐。
看完这一节，访客应该去做下载 App（App Store / Google Play），或点「Buy gift」「Catering / Corporate」。
内容大纲（照现在线上预览版的原文）
- 眉标 // Channel · App · Gift · Corporate
- 标题 Skip the Queue
- 左卡：Order Ahead. Pickup Ready. + 一句 + App Store / Google Play + 手机样机图
- 右卡：Caffeinate The Team + 一句 + Gift cards starting at any amount + Buy gift · Catering / Corporate
内容问题（不是版式问题，要 Jack 定）
- 「Buy gift」现在开的是买机器表里的 Gift Card 选项，但 09-13 Jack 已让报价表去掉礼品卡——这个按钮点进去可能找不到对应选项，要另定去处。
现状
小号标题块 → 两格对半卡（左深棕 App 卡带手机图、右白色礼品卡）。
方案 A · 手机大图＋App 一句话，礼品团餐降成底下一行推荐
适合：App 是主角，手机样机图终于够大；礼品和团餐不再抢一半地方。 代价：礼品和团餐变成小字链接，存在感明显下降。
桌面
// Channel · The app
Skip the Queue
Pickup orders, loyalty, gift balances. Track your drinks as they're made. iOS & Android.
App Store Google Play
Caffeinate the team — bulk gift codes and monthly allowances for offices and co-working spaces.Buy gift → · Catering / Corporate →
手机 390 宽
// Channel · The app
Skip the Queue
Pickup orders, loyalty, gift balances. Track your drinks as they're made. iOS & Android.
App Store Google Play
Caffeinate the team — bulk gift codes and monthly allowances for offices and co-working spaces.Buy gift → · Catering / Corporate →
手机上样机图在上缩小，下面字和两个商店按钮，礼品一行在最底。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 B · 两条细长横幅，一条 App、一条团购
适合：最省高度，适合放在页面最后当「还能这样买」的提示条。 代价：没有照片、没有手机图，像广告条，容易被当成页脚略过。
桌面
// The app
Order Ahead. Pickup Ready.App Store Google Play
// Gift & corporate
Caffeinate The TeamBuy gift Catering / Corporate
手机 390 宽
// The app
Order Ahead. Pickup Ready.App Store Google Play
// Gift & corporate
Caffeinate The TeamBuy gift Catering / Corporate
手机上每条横幅变成两行：一句话一行，按钮一行。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 C · 居中窄栏：一句大标题，下面两个商店按钮和两条链接
适合：最安静的结尾，不跟上面的满版视频抢；按钮集中在中间最好点。 代价：手机样机图没了，App 长什么样看不到。
桌面
// Channel · App · Gift · Corporate
Skip the Queue
Pickup orders, loyalty, gift balances. Track your drinks as they're made.
App Store Google Play
Gift cards · Catering / Corporate →
手机 390 宽
// Channel · App · Gift · Corporate
Skip the Queue
Pickup orders, loyalty, gift balances. Track your drinks as they're made.
App Store Google Play
Gift cards · Catering / Corporate →
手机上几乎不变。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 D · 门店照片当底，App 卡浮在上面，团购一张小卡
适合：用「两杯抹茶」这种真门店照片讲「取了就走」，比手机样机图更有生活感。 代价：深底，接在满版暗视频后面会连着两节暗；团购卡更小了。
桌面
Order Ahead.
// Gift & corporate
Caffeinate The Team
Bulk gift codes and monthly allowances for offices and co-working spaces.
Buy gift Catering / Corporate
手机 390 宽
// The app
Order Ahead.
Pickup Ready.
Pickup orders, loyalty, gift balances. iOS & Android.
App Store Google Play
// Gift & corporate
Caffeinate The Team
Bulk gift codes and monthly allowances for offices and co-working spaces.
Buy gift Catering / Corporate
手机上照片在上，App 卡叠在照片下半，团购卡在最底。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
照片和文案全部取自官网已有的内容；小样里的数字只用现在线上预览版出现过的（测试会查）。回总览 →