Design System Component Library Game Fintech

Дизайн системы

Единые правила для больших цифровых продуктов: цвет, типографика, компоненты, состояния и паттерны взаимодействия. На странице — библиотеки компонентов для карточного игрового сервиса и финансового продукта.

01 / масштаб

Две библиотеки компонентов: игровой и платёжный сервисы

2дизайн-системы: игровой сервис и финансовый продукт.

9разделов компонентной библиотеки — от цвета и шрифта до иконок и тегов.

8экранов интерфейса: транзакции, платёжные потоки, редактирование.

3мобильных экрана — адаптивный сценарий оплаты на iPhone.

02 / игровой сервис · Сербия

Тёмная интерфейсная система для карточного игрового сервиса

🎮 Card Game Игровой сервис · Сербия

Типографическая шкала, цвета, иконки, состояния ставок и сообщения игрового процесса — собраны на одном полотне.

Полная дизайн-система игрового сервиса — 01 — Design systemТипографика, цвета, иконки, кнопки и состояния ставок на одном полотне.

03 / финансовый сервис · Кипр

Модульная библиотека для финансового продукта

💳 ASAP Cashier Платёжный сервис · Кипр

От базовых токенов до сложных таблиц, транзакций, платёжных потоков и адаптивных рабочих экранов — библиотека показана целиком, без обрезки.

Библиотека компонентов — 9 разделов

Цветовая палитра финансового сервиса — 01Color — основная и дополнительная палитра, статусы и градиенты.

Типографика финансового сервиса — 02Font — типографическая шкала и начертания шрифта.

Иконки финансового сервиса — 03Icons — библиотека иконок интерфейса.

Кнопки финансового сервиса — 04Buttons — состояния, размеры и варианты кнопок.

Меню и пагинация финансового сервиса — 05Menu & Pagination — компоненты меню и пагинации.

Поля ввода финансового сервиса — 06Input Fields — поля ввода и их состояния.

Фреймы финансового сервиса — 07Frames — каркасы карточек и контейнеров.

Теги и ссылки финансового сервиса — 08Tags & Links — теги, бейджи и текстовые ссылки.

Флаги и логотипы финансового сервиса — 09Flags & Logos — флаги стран и логотипы платёжных систем.

Интерфейс продукта — 8 экранов

Экран оформления платежа — 01 — TransactionОформление платежа: способ оплаты, данные карты и сводка заказа.

Развёрнутый список способов оплаты — 02 — Payment methodРазвёрнутый список способов оплаты: карта, банковский перевод, кошельки.

Панель кастомизации виджета без логотипа — 03 — CustomiseПанель кастомизации виджета: шрифт, цвета, радиус и текст кнопки.

ASAP Cashier · customise + logo

04 — Customise + logoТа же панель после загрузки логотипа компании.

Конструктор правил приёма платежей — 05 — Payment streamsКонструктор правил приёма платежей по стране, валюте и типу карты.

Редактирование правила приёма платежей — 06 — Streams · editРедактирование правила: набор условий разворачивается прямо в списке.

Детальная карточка транзакции — 07 — Transaction detailДетальная карточка транзакции со статусами Approve / Reject.

Список транзакций с фильтрами и пагинацией — 08 — TransactionsСписок транзакций с фильтрами, статусами и пагинацией.

Мобильный сценарий оплаты — 3 экрана

Мобильный экран оформления платежа

Transaction

Мобильный выбор способа оплаты, шаг 1 из 2

Payment method · 1/2

Мобильный ввод данных карты, шаг 2 из 2

Card details · 2/2

Обсудить проект

Нужен дизайн сайта или приложения?

Расскажите о проекте и аудитории — предложу структуру, объём работ, сроки и стоимость.

Заказать дизайн сайта

04 / другие проекты услуги

Arc Suite

UX/UI и продуктовый дизайн четырёх приложений для агентной экономики на USDC.

Product Dashboards Web3

Подробнее

TeraHash

Дизайн сайта Bitcoin-native yield layer: hashrate-стейкинг, dual-token, тёмная тема, 3D.

Website BTCfi Landing

Подробнее

Maksutov

Кейс собственного сайта студии: 251 статическая страница на четырёх языках без CMS и фреймворков.

Self-projectSEOi18n

Подробнее

Мобильные приложения

Каталог напитков и рецептов для бренда Monin: онбординг, поиск, карточка рецепта.

Mobile iOS/Android Product

Подробнее