Сегодня выпустили первую версию нашего опенсорс-конструктора для e-com и финтех-продуктов. Рассказываем, что внутри и чем Роллаут уже сейчас может пригодиться любому бизнесу, что-нибудь продаёт или принимает оплату онлайн.

Работа над UX и визуальной составляющей любого продукта во всех компаниях выглядит плюс-минус одинаково. Сначала надо разобраться в теме: погрузиться в индустрию, посмотреть на конкурентов, собрать референсы и нарисовать CJM. Потом — учесть лучшие практики в макетах. Наконец, после нескольких итераций, можно отдать всё это в разработку. В лучшем случае на проде продукт окажется через несколько месяцев.

Этап дискавери можно сильно ускорить за счёт готовых библиотек. Вместо того, чтобы каждый раз собирать тонну референсов — просто делаете CJM на основе универсальных экранов, в которых уже учли лучшие практики рынки. Останется только немного кастомизировать дизайн и можно отдавать в разработку.

В Роллауте мы собираем такие библиотеки для ключевых платёжных и торговых сценариев.

Кому и когда это пригодится

Любому бизнесу, который планирует принимать платежи онлайн и хочет полностью контролировать этот опыт.
Командам, которые хотят сделать новый e-com или финтех-проект. Библиотеки Роллаута помогут быстрее собрать MVP и не тратить много времени на дизайн.
Компаниям, которые уже работают с платежами и продажами, — чтобы откалиброваться. В этом случае Роллаут будет как итог конкурентного анализа: можно сразу сравнить свои интерфейсы с рынком и понять, где стоит сделать проще, понятнее и аккуратнее.

Но этим, конечно, список не ограничивается. К примеру, дизайнерам библиотеки пригодятся, чтобы развить насмотренность.

Что в первой версии Роллаута

Внутри 12 дизайн-библиотек в Figma. В каждом файле — набор макетов и компонентов на основе опенсорсной дизайн-системы Shadcn.

Что мы уже проработали:

Всеми библиотеками можно пользоваться бесплатно: просто забирайте макеты для нужного сценария из фигмы.

Что дальше

В работе ещё несколько штук, которые ускорят разработку торговых и платёжных сценариев.

Продуктовые спецификации. Это документы от менеджеров продукта и биздевов о том, как всё устроено. В них будет краткий обзор трендов для каждого сценария в Роллауте, основные термины и нюансы, включая регуляторную специфику. Спецификации помогут быстро собрать контекст и погрузиться в новую сферу.
React-витрины. Это готовые примеры реализации, которые позволят собрать простое приложение из наших компонентов и увидеть, как всё работает в реальном интерфейсе.

Скоро вернёмся с новостями! А если хотите сами поучаствовать в создании Роллаута, присоединяйтесь команде. Особенно ждём фронтенд-разработчиков 😉

Запустили Роллаут — чтобы вы могли сделать макеты для своего финтех-приложения за неделю