Matcha House 品牌页 · 三个版式

给 Jack 挑。接近成品的设计稿:文案和照片都是真的,只设计,不上线。点任意一块写批注,双击改字。

为什么做:Jack 9 月 15 日要给 Matcha House(Champaign 的抹茶店)做一个品牌页。官网现在只有一个通用的门店信息页(营业时间、菜单),没有一页讲这家店自己的饮品、样子和口碑。

什么算做完:这一轮做完 = Jack 在这块板上定下面三件事。定了以后,照选中的那版做成真页面。上线前还有三步:店里给重开后的营业时间、电话、线上点单网址;文案给律师过一遍;Jack 点头才发布。

这是只读的公网页,只放了版式图和可点的版式页。事实清单、素材清单、Reg CF 检查(众筹期宣传合规)和写批注,都在 Jack 电脑上的批注板里(本机 :8010 服务,指向这个文件夹):http://127.0.0.1:8010/_root/worktrees/website-matcha-house-page/annotate.html

要你定的三件事

  1. 选哪版:1 饮品优先 · 2 到店优先 · 3 口碑优先。
  2. 用哪套颜色:A 全站黄 · B 抹茶绿(品牌手册里 Matcha 的概念色),下面每一版两套并排放着。
  3. 放哪个网址:新开 yummy-future.com/matcha-house · 顶替现在的门店页 /locations/champaign-matcha-house · 单独开一个子域名。

颜色对照 版式 2 的名字那一块,浅色和深色各两套

页面跟着手机/电脑的深浅色设置走,所以两种底色都要看。强调色只用在「Matcha House」这个名字、小圆点、细线和星标上,没有色块。

颜色A 浅色
A 全站黄 · 浅色
颜色B 浅色
B 抹茶绿 · 浅色
颜色A 深色
A 全站黄 · 深色
颜色B 深色
B 抹茶绿 · 深色

1饮品优先 Drinks first

给想先看喝什么的学生看,主按钮去菜单(现有门店页的菜单区)。

颜色 A · 全站黄

版式1 电脑 颜色A
电脑 · 整页
版式1 手机 颜色A
手机 · 整页

颜色 B · 抹茶绿

版式1 电脑 颜色B
电脑 · 整页
版式1 手机 颜色B
手机 · 整页
打开可点的版式 1(右下角可切 A / B)↗

2到店优先 Visit first

给就在附近、想现在过来的人看,主按钮去 Google 地图导航。

颜色 A · 全站黄

版式2 电脑 颜色A
电脑 · 整页
版式2 手机 颜色A
手机 · 整页

颜色 B · 抹茶绿

版式2 电脑 颜色B
电脑 · 整页
版式2 手机 颜色B
手机 · 整页
打开可点的版式 2(右下角可切 A / B)↗

3口碑优先 Reviews and Instagram first

给在 Instagram 上刷到我们、想先看口碑的人看,主按钮去 @yfmatchahouse。

颜色 A · 全站黄

版式3 电脑 颜色A
电脑 · 整页
版式3 手机 颜色A
手机 · 整页

颜色 B · 抹茶绿

版式3 电脑 颜色B
电脑 · 整页
版式3 手机 颜色B
手机 · 整页
打开可点的版式 3(右下角可切 A / B)↗

先说清楚的几件事

事实清单(每句话的出处)素材清单(每张照片的出处)Reg CF 检查(众筹期宣传合规)