Леджера: сайт платёжной инфраструктуры

Вторая из шести демок. Платёжная инфраструктура — товар, который выбирают не по красоте, а по тому, насколько внятно объяснено устройство.

Леджера — инфраструктура платежей: приём, разведение, выплаты. Покупатель такого продукта — технический директор или финансовый, и оба читают страницу одинаково: ищут, где спрятана сложность, о которой не написали.

Поэтому вся сборка построена вокруг объяснения устройства, а не вокруг обещаний. Первый экран — `FloodHero`, заливка брендовым цветом во весь экран: тёмная зелень и белый текст на ней, контраст посчитан, а не подобран. Дальше сразу `ProofTiles` — плитки с тем, что можно проверить, и `NumberedSteps`, где маршрут платежа разложен по шагам.

Где здесь продажа

Финтех — редкий случай, когда прайс на сайте помогает. Незнание цены здесь читается как «дорого и по договору», а это отсекает ровно тех, кто готов платить сразу. Поэтому в сборке стоит `PricingPlans` с тарифами и `FinancialModelSlide` — слайд с моделью, показывающий, из чего складывается стоимость обработки.

Рядом `PositioningMap`: плоскость с двумя осями, на которой продукт стоит относительно альтернатив. Это не карта местности, а карта выбора — самый честный способ ответить на вопрос «чем вы отличаетесь», не называя конкурентов по именам.

Что видно на этой сборке

Тёмно-зелёный праймери на тёплой песочной поверхности — палитра, в которой нет ничего от финтеха по умолчанию, и в этом смысл: страница не выглядит как ещё один синий дашборд. Дисплейная гарнитура здесь широкая, текстовая — узкая и спокойная.

Секция `StatementBleed` в середине разрывает ритм одним крупным утверждением во всю ширину. Это дорогой приём: на странице он работает ровно один раз, и в сборке он один раз и стоит.

02Читать дальше

Ещё в блоге

Две, не больше. Более длинная лента превращает конец статьи во вторую индексную страницу, а читатель уже сделал выбор один раз.