Ledgera:给一家支付基础设施公司做的网站

六个案例中的第二个。支付基础设施是靠「机制讲得多清楚」买下来的,不是靠页面好不好看。

Ledgera 做的是支付基础设施:收款、分账、出款。买家是技术负责人或者财务负责人,而这两种人读页面的方式是一样的 —— 找那些被略过去的复杂之处。

所以整个网站是围绕「把机制讲清楚」而不是「承诺一个结果」来安排的。第一屏是 `FloodHero`,品牌色铺满视口:深绿配白字,对比度是算出来的,不是看出来的。接着是 `ProofTiles` —— 格子里放的是可以核实的东西 —— 然后是 `NumberedSteps`,一笔支付的路径一步一步摊开。

Ledgera:首页从上到下滚一遍

卖点在哪儿

金融科技是少数几种「把价格放上网站反而有帮助」的情况。不知道价格,读起来就是「贵,面议」,而这恰好赶走了那些今天就准备付钱的人。所以这个网站里有 `PricingPlans` 和 `FinancialModelSlide` —— 一张说明处理成本由什么构成的滑块。

旁边是 `PositioningMap`:一个两轴平面,把产品放在几个替代方案之间。它不是任何地方的地图,它是「选择」的地图,也是在不点名竞争对手的前提下,回答「你们有什么不一样」最诚实的方式。

这个网站演示了什么

暖砂底色上的深绿品牌色 —— 一套一点都不「默认金融科技」的配色,而这正是重点:这个页面看起来不像又一块蓝色仪表盘。这里的展示字体是宽的,正文字体窄而安静。

中段有一个 `StatementBleed`,用一句通栏的话打断节奏。这是个昂贵的手法:一个页面上只灵一次,所以这里也只用了一次。

The two numbers platforms actually move for
Four steps, and none of them takes a quarter
Eight things you would build instead
What happens to the money once settlement moves out
Four plans, each with a list of what a platform actually gets for the money — no ticks, no crosses, no comparison table
02继续读

博客里的更多内容

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