Платформа <span>Digital Q.Palette</span>
Платформа Digital Q.Palette
Создайте интерфейсы ваших цифровых сервисов с использованием технологической платформы Digital Q.Palette
ПОПРОБОВАТЬ
Digital Q.Palette

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

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

Шесть вопросов, на которые нужно ответить, если вы задумались об интерфейсе IT-решения
1
Будет ли достаточно удобен и современен интерфейс вашего цифрового сервиса, оправдает ли он ваши ожидания?
Будет ли достаточно удобен и современен интерфейс вашего цифрового сервиса, оправдает ли он ваши ожидания?
Казалось бы, все просто: есть web-разработчики, есть дизайнеры – знай проектируй и программируй! Но что будет на выходе, какой результат вы получите? Хватит ли опыта и знания технологий у ваших команд?
2
Будут ли интерфейсы отдельных модулей вашего IT-решения единообразны и совместимы один с другим?
Будут ли интерфейсы отдельных модулей вашего IT-решения единообразны и совместимы один с другим?
У вас большой продукт. Его разработкой занимается множество команд, все они разные, в них работают первоклассные специалисты, и все привыкли работать самостоятельно. Такие команды точно сделают хорошие интерфейсы, но все они будут отличаться, что неминуемо скажется на пользовательском опыте ваших клиентов. Ваше цифровое пространство воспринимается как набор разрозненных цифровых сервисов. Как этого избежать?
3
Будет ли процесс разработки UI ваших приложений прозрачным и прогнозируемым с точки зрения качества и сроков?
Будет ли процесс разработки UI ваших приложений прозрачным и прогнозируемым с точки зрения качества и сроков?
Разработка пользовательского интерфейса – не самый простой процесс, в нем множество аспектов. Например, нужно определить портрет пользователя, который будет работать с системой, понять основные сценарии работы, спроектировать интерфейсы, разработать приложение, убедиться, что результат, который получили разработчики, соответствует тому, что задумал UX/UI-специалист... И так по кругу, для каждого вновь появляющегося сценария
4
Не будут ли выбранная палитра компонентов или веб-фреймворк ограничивать способы реализации функционала ваших сервисов?
Не будут ли выбранная палитра компонентов или веб-фреймворк ограничивать способы реализации функционала ваших сервисов?
В настоящее время в открытом доступе большое количество готовых палитр визуальных компонентов. Чем они отличаются, почему в одних случаях выбирают Material UI, а в других – Kendo или какую-либо другую? Angular, React, Vue – какой из современных фреймворков для решения ваших задач лучше? На чем основывать свой выбор, не станет ли он в дальнейшем узким горлышком в развитии ваших цифровых сервисов?
5
Смогут ли воспользоваться вашими сервисами пользователи мобильных устройств?
Смогут ли воспользоваться вашими сервисами пользователи мобильных устройств?
Вы, наконец, перепрограммировали всю систему и вынесли функционал из ваших классических офлайн-приложений (АРМов) в личные кабинеты, доступные вашим клиентам через веб-браузер. Да, это было непросто. Но они успели за это время перейти на мобильные устройства?
6
Как начать работы по созданию пользовательского интерфейса?
Как начать работы по созданию пользовательского интерфейса?
Нет понимания с чего начать разработку 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+
компонентов в палитре
0+
типовых диалоговых сценариев
0
визуальные темы из «коробки»
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
IVI
От UI-kit до дизайн-системы
https://bit.dev/
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/
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
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
шаг №1
Создать проект
Создать проект Figma по шаблону
Вы получаете подготовленный проект Figma, в котором уже подключена библиотека UI-компонентов, приведены примеры проектирования экранных форм, доступны типовые шаблоны проектирования сценариев пользовательских диалогов
2
шаг №2
Спроектировать UI и UX
Спроектировать UI и UX приложения в соответствии с принципами и шаблонами дизайн-системы
Готовые дизайн-макеты всех сценариев использования вашего будущего приложения. Уже в этот момент вы можете увидеть, как будет выглядеть ваше IT-решение, запустить макет и пройти по основным юзкейсам
3
шаг №3
Сгенерировать UI приложения
Сгенерировать веб- или мобильное приложение на основе спроектированных макетов
Подготовленный проект веб-приложения с готовой версткой, которая в точности соответствует той, что была спроектирована в дизайн-макетах. Или проект мобильного приложения, полностью соответствующего гайдлайну дизайн-системы Digital Q.Palette. Вы можете сфокусироваться на бизнес-логике – визуальная составляющая уже есть!
4
шаг №4
Разработать бизнес-логику
Разработать бизнес-логику приложения
На выходе у вас – готовые рабочие компоненты веб-приложения, которые уже можно запускать по отдельности и пользоваться ими. Но для конечного пользователя это еще не все...
5
шаг №5
Скомпоновать интерфейс
Скомпоновать интерфейс из отдельных пользовательских диалогов
Готовое веб-приложение для публикации на просторах интернета или в сети вашей организации
6
шаг №6
Собрать контейнер веб-приложения
Собрать контейнер веб-приложения, готовый к запуску
С веб-приложением, упакованным в специально подготовленный контейнер, вы сможете развернуть ваше веб-приложение на любом сервере, в любой экосистеме!
videoPreloader
Digital Q.Palette
ОСТАЛИСЬ ВОПРОСЫ?
Напишите нам, и мы обязательно вам ответим
*поля обязательные к заполнению