Polba:给一个谷物 D2C 品牌做的网站

六个里的第六个。这一系列中唯一的深色版本,也是唯一一个以购物车而不是联系表单收尾的。

Polba 是一个直接卖货的谷物品牌。食品从看到到决定的路径很短:一个人要么想要,要么不想要,而这件事发生在第一屏。

所以这个网站用大幅摄影开场 —— `MediaStack` —— 然后几乎立刻进到 `Gallery` 和 `Summary`。接着是讲成分的 `FeatureRows` 和 `MillChart`:一张碾磨图,是这个页面上唯一一处用数字而不是形容词解释生产的地方。对谷物来说,那就是它和货架上隔壁那袋的区别。

`PricingOffer` 和 `OfferCopy` 用报价收尾:价格、重量、包含什么。它们前面的 `FieldDiagram` 展示从田间到包装的路径 —— 那条短链条,正是 D2C 被买单的理由。

Polba:首页从上到下滚一遍

深色网站是一套主题,不是把颜色对调

这个网站通篇是深色的,而这件事只用了一行:主题被强制成深色。当时的诱惑是反过来做 —— 把底色和文字色对调,主题仍然留在浅色。那是错的,而且让我们连着搭坏了四个板块。

原因是:模板里的深色板块不是「一种深颜色」,它是一个角色 —— 它把文字和底色的关系整个翻过来。把令牌对调,每一个深色板块、页脚和表单都会里外翻转。规矩很简单:底色永远比文字浅,而深色网站是一套主题。

这个网站演示了什么

近黑底上的青柠品牌色 —— 一种终于能在深色上当强调色、而不是当错误的颜色。展示字体紧凑,正文字体圆润。

和另外五个一样,logo 留成了占位图。案例展示的是网站怎么搭出来的;品牌标识是另一件活,而且不是一晚上的活。

Freshness is not an adjective on a packet, it is a date you can check on it
Five items, and we are not planning to multiply them
Where the grain sits between harvest and your shelf
Two boxes, bought once
What people say after their second order
02继续读

博客里的更多内容

两篇,不会更多。 更长的一条会把文章结尾变成第二个目录页,而读者已经选过一次了。