Контакты

Платформа <span>Digital Q.Palette</span>

Главная

Продукты

Технологические платформы

Digital Q.Palette

Платформа Digital Q.Palette

Создайте интерфейсы ваших цифровых сервисов с использованием технологической платформы Digital Q.Palette

Запросить демо

Digital Q.Palette

Воспользуйтесь low-code инструментами для проектирования и создания UI ваших приложений с помощью Digital Q.Palette. Получите современный стек технологий, промышленный веб-фреймворк, богатую палитру компонентов, выразительный UI и эргономичный UX для своих цифровых сервисов.

Digital Q.Palette – это не только палитра компонентов, необходимых для создания интерфейсов ваших приложений, не только дизайн-система, которая определит единый визуальный ряд и подходы к организации UX. Это еще и набор проверенных веб- и мобильных технологий и инструментов, необходимых для организации процессов создания UI ваших цифровых сервисов.

Шесть вопросов, на которые нужно ответить, если вы задумались об интерфейсе IT-решения

Будет ли достаточно удобен и современен интерфейс вашего цифрового сервиса, оправдает ли он ваши ожидания?

Казалось бы, все просто: есть web-разработчики, есть дизайнеры – знай проектируй и программируй! Но что будет на выходе, какой результат вы получите? Хватит ли опыта и знания технологий у ваших команд?

Будут ли интерфейсы отдельных модулей вашего IT-решения единообразны и совместимы один с другим?

У вас большой продукт. Его разработкой занимается множество команд, все они разные, в них работают первоклассные специалисты, и все привыкли работать самостоятельно. Такие команды точно сделают хорошие интерфейсы, но все они будут отличаться, что неминуемо скажется на пользовательском опыте ваших клиентов. Ваше цифровое пространство воспринимается как набор разрозненных цифровых сервисов. Как этого избежать?

Будет ли процесс разработки UI ваших приложений прозрачным и прогнозируемым с точки зрения качества и сроков?

Разработка пользовательского интерфейса – не самый простой процесс, в нем множество аспектов. Например, нужно определить портрет пользователя, который будет работать с системой, понять основные сценарии работы, спроектировать интерфейсы, разработать приложение, убедиться, что результат, который получили разработчики, соответствует тому, что задумал UX/UI-специалист... И так по кругу, для каждого вновь появляющегося сценария

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

В настоящее время в открытом доступе большое количество готовых палитр визуальных компонентов. Чем они отличаются, почему в одних случаях выбирают Material UI, а в других – Kendo или какую-либо другую? Angular, React, Vue – какой из современных фреймворков для решения ваших задач лучше? На чем основывать свой выбор, не станет ли он в дальнейшем узким горлышком в развитии ваших цифровых сервисов?

Смогут ли воспользоваться вашими сервисами пользователи мобильных устройств?

Вы, наконец, перепрограммировали всю систему и вынесли функционал из ваших классических офлайн-приложений (АРМов) в личные кабинеты, доступные вашим клиентам через веб-браузер. Да, это было непросто. Но они успели за это время перейти на мобильные устройства?

Как начать работы по созданию пользовательского интерфейса?

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

УЗНАТЬ БОЛЬШЕ

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

Все это возможно, если использовать технологическую платформу Digital Q.Palette для проектирования и разработки ваших IT-решений. Инструменты и технологии Digital Q.Palette позволят вам организовать процесс разработки, сделать его полностью управляемым и прогнозируемым.

UI и UX у вас под контролем

Разработка пользовательского интерфейса – управляемый процесс

ПРЕИМУЩЕСТВА ДЛЯ ВАС

Системный подход

Единство подходов и визуального оформления

Дизайн-система в составе Digital Q.Palette решает задачу систематизации и единообразия визуальной составляющей пользовательского интерфейса, привычного и продуманного UX, а также технологических подходов к его созданию

Пошаговая инструкция

Пошаговая инструкция для проектирования и разработки

Digital Q.Palette определяет подход и упрощает старт разработки интерфейсов за счет предоставления шаблонов и инструментов. Все, что нужно, уже есть в Digital Q.Palette. Вам остается только определить свои бизнес-сценарии, выбрать подходящий шаблон и воспользоваться low-code инструментами

Палитра компонентов

Продуманная палитра компонентов, готовая к использованию

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

Промышленный веб-фреймворк

В качестве фреймворка для создания веб-приложений выбран Angular. Это решение неоднократно проанализировано и проверено, с учетом опыта индустрии и ориентации на фреймворки класса Enterprise

Адаптивность

Поддержка адаптивности интерфейса из «коробки»

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

связаться с нами

DIGITAL Q.PALETTE В ЦИФРАХ

компонентов в палитре

типовых диалоговых сценариев

визуальные темы из «коробки»

0 часа

до получения первых результатов работы

СОСТАВ ПЛАТФОРМЫ DIGITAL Q.PALETTE

Инструменты проектированияИнструменты, необходимые для создания дизайн-макетов интерфейса вашего будущего приложения

Инструменты проектирования<span>Инструменты, необходимые для создания дизайн-макетов интерфейса вашего будущего приложения</span>

В состав инструментов проектирования платформы Digital Q.Palette входят:

стандарт проектирования web- и мобильных приложений.
шаблоны проектирования экранов и сценариев доступные в виде образцов макетов в проекте Figma.
библиотека UI-элементов для проектирования web- и мобильных приложений.
библиотека ui-элементов для проектирования Landing page.

Используя инструменты проектирования, вы можете полностью определить каким будет ваш будущий цифровой продукт или сервис.

Инструменты web-разработкиИнструменты помогут сгенерировать интерфейс приложения по макетам на основе шаблона веб-приложения, а также развернуть готовый пользовательский интерфейс в вашем микросервисном пространстве.

Инструменты web-разработки<span>Инструменты помогут сгенерировать интерфейс приложения по макетам на основе шаблона веб-приложения, а также развернуть готовый пользовательский интерфейс в вашем микросервисном пространстве.</span>

В состав инструментов разработки платформы Digital Q.Palette входят:

библиотека UI-компонентов для web-приложений.
интерактивные примеры использования компонент.
архетипы (шаблоны) web-приложений.
готовые библиотеки системного уровня (web SDK).
low-code редактор компоновки интерфейсов.
генератор экранных форм по макетам Figma.
UI-микросервис для запуска web-приложений.

Используя инструменты web-разработки Digital Q.Palette, вы получаете интерфейс ваших приложений в единой проработанной архитектуре и на признанных индустрией технологиях.

Инструменты мобильной разработкиПозволяют спроектировать мобильное приложение с использованием готовой палитры компонент мобильных приложений на основе шаблона приложения и необходимых системных библиотек. Будут сгенерированы нативные приложения под платформы iOS и Android, а пайплайн сборки доставит их до команды тестирования или бизнес- заказчиков.

Инструменты мобильной разработки<span>Позволяют спроектировать мобильное приложение с использованием готовой палитры компонент мобильных приложений на основе шаблона приложения и необходимых системных библиотек. Будут сгенерированы нативные приложения под платформы iOS и Android, а пайплайн сборки доставит их до команды тестирования или бизнес- заказчиков.</span>

В состав инструментов мобильной разработки Digital Q.Palette входят:

библиотека UI-компонентов мобильных приложений.
архетипы (шаблоны) мобильных приложений.
готовые библиотеки системного уровня (mobile SDK).
low-code редактор компоновки интерфейсов.
генератор экранов по макетам Figma.
pipeline сборки и публикации мобильных приложений .

Используя инструменты мобильной разработки Digital Q.Palette, вы получаете нативные мобильные приложения в единой проработанной архитектуре и дизайне.

узнать больше

О ДИЗАЙН-СИСТЕМАХ И ИХ ПРИМЕНЕНИИ

IVI

От UI-kit до дизайн-системы

перейти

https://bit.dev/

Design systems were created to bring order into an inevitable entropy. The first design system was introduced by NASA in 1976, and today nearly all large organizations like Uber, Pinterest, Airbnb, or Shopify have such a system to bring consistency into the chaos of more products and teams.

перейти

https://www.bright.global/

Having a DS in place closes the gap between designers and UI engineers that are collaborating on multiple products and allows re-creation and duplication to be done by other teams. Effective communication is imperative to allow engineers and designers to focus on addressing bigger issues.

перейти

Forrester

“consistency,” “scale,” and “components” are the words that bubble up. And that makes sense because it’s true that design systems help teams scale good product design decisions and apply consistent terminology, interactions, and design patterns from product to product to improve the customer experience (CX).

перейти

КАК МОГ БЫ ВЫГЛЯДЕТЬ ВАШ ЦИФРОВОЙ ПРОДУКТ

Рабочее место сотрудника Финансового мониторинга

Доступ к инструментам рынка

Рабочее место сотрудника Risk&Compliance

Решение спроектировано в соответствии с подходами, определенными в дизайн-системе. В реализации решения использована палитра компонентов, предоставляемых Digital Q.Palette

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

Нативные мобильные приложения для платформ iOS и Android спроектированные и реализованные с использованием технологий Digital Q.Palette

ШЕСТЬ ПОНЯТНЫХ ШАГОВ ДЛЯ ПОСТРОЕНИЯ ИНТЕРФЕЙСА СОБСТВЕННОГО ПРИЛОЖЕНИЯ

шаг №1

Создать проект

Создать проект Figma по шаблону

Вы получаете подготовленный проект Figma, в котором уже подключена библиотека UI-компонентов, приведены примеры проектирования экранных форм, доступны типовые шаблоны проектирования сценариев пользовательских диалогов

шаг №2

Спроектировать UI и UX

Спроектировать UI и UX приложения в соответствии с принципами и шаблонами дизайн-системы

Готовые дизайн-макеты всех сценариев использования вашего будущего приложения. Уже в этот момент вы можете увидеть, как будет выглядеть ваше IT-решение, запустить макет и пройти по основным юзкейсам

шаг №3

Сгенерировать UI приложения

Сгенерировать веб- или мобильное приложение на основе спроектированных макетов

Подготовленный проект веб-приложения с готовой версткой, которая в точности соответствует той, что была спроектирована в дизайн-макетах. Или проект мобильного приложения, полностью соответствующего гайдлайну дизайн-системы Digital Q.Palette. Вы можете сфокусироваться на бизнес-логике – визуальная составляющая уже есть!

шаг №4

Разработать бизнес-логику

Разработать бизнес-логику приложения

На выходе у вас – готовые рабочие компоненты веб-приложения, которые уже можно запускать по отдельности и пользоваться ими. Но для конечного пользователя это еще не все...

шаг №5

Скомпоновать интерфейс

Скомпоновать интерфейс из отдельных пользовательских диалогов

Готовое веб-приложение для публикации на просторах интернета или в сети вашей организации

шаг №6

Собрать контейнер веб-приложения

Собрать контейнер веб-приложения, готовый к запуску

С веб-приложением, упакованным в специально подготовленный контейнер, вы сможете развернуть ваше веб-приложение на любом сервере, в любой экосистеме!