Для отображения персонализированного контента и рекламных сообщений, а также хранения личных настроек на локальном компьютере веб-сайт www.rdn-grp.ru используют технологию cookie и аналогичные. Продолжив использование наших веб-сайтов, Вы даете согласие на обработку персональных данных, выражаете согласие с Политикой конфиденциальности www.rdn-grp.ru и применением этих технологий.
Москва, Большая Черемушкинская 34, лофт «Микроэкономика», 6 этаж

Разработка дизайн системы

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

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

Разработка дизайн системы

Кому необходима дизайн система

Интернет- магазин
Лендинг, корпоративный сайт
Сервисы
Корпоративные порталы и другие крупные проекты

Когда необходима дизайн-система

Множество сервисов на одном сайте
Много продуктов и услуг
Есть UI, но нет библиотеки компонентов
Нет брендбука компании
Оставить заявку
Оставить заявку

Преимущества дизайн-системы

Этапы
01.Наличие клиентского брендбука.
Поддержание бренда компании во всех продуктах и услугах. Компания будет поддерживать конкурентоспособность на рынке , имея свои отличительные черты, набор элементов, которые ассоциируются с брендом.
02.Быстрое создание новых продуктов.
Благодаря готовому набору элементов, дизайнеры быстрее создать новый продукт, а ИТ-специалисты внедрят его. Например, верстка одной страницы без дизайн-системы занимает 7 часов, с использованием готовых компонентов до 2 часов.
03.Улучшение UI.
Последовательность в дизайне повышает юзабилити, помогает людям интуитивно пользоваться продуктом и не вызывает лишних вопросов.
04.Экономия расходов.
В долгосрочной перспективе дизайн-система позволяет сэкономить деньги, так как не придется каждый раз разрабатывать новые элементы при создании продукта или услуги.
05.Проработка UX.
Анализируются пользовательские паттерны. Позволяет протестировать удобство кнопок, компонентов.

Где применяются дизайн системы

Дизайн UI

Дизайн UI

Дизайн системы помогает сочетать визуальные и функциональные элементы интерфейса для пользователя.

Разработка ПО

Разработка ПО

Фронтенд-разработчикам проще и быстрее создавать пользовательский интерфейс, имея готовые шаблоны и компоненты.

Оставить заявку
Оставить заявку

Этапы работы:

1. Анализ потребностей клиента.

1. Анализ потребностей клиента.

Продуктовый менеджер рассказывает аналитику о потребностях бизнеса.

2. Реализация.

2. Реализация.

Дизайнер реализует полученную информацию.

3. Тестирование.

3. Тестирование.

Дизайн-система апробируется на пользователях, снимаются метрики.

4. Внесение корректировок.

4. Внесение корректировок.

Вносятся правки для улучшения UX.

Как мы работаем

Атомы- неделимые частицы. Используются для построения молекул.

  • Color-проработка колористики сайта, ввод в переменные и внедрение нескольких тем и цветовых решений. 

  • Text- унификация шрифтового оформления разнотипного контента. 

  • Icons- набор компонентных иконок с правилами построения под запрос клиента. 



<p>
	 Атомы- неделимые частицы. Используются для построения молекул.
</p>

Молекулы- функциональные элементы, используемые для построения организмов и шаблонов. Строятся из атомов.


  • Buttons- это элемент управления, который призывает выполнить действия на странице. 

  • Checkbox, radio - элементы выбора вариантов. 

  • Tabs-навигационные элементы для переключения сгруппированного контента. 



<p>
	 Молекулы- функциональные элементы, используемые для построения организмов и шаблонов. Строятся из атомов.
</p>
 <br>

Организмы- группы функциональных элементов, используемые для типовых операций. Строятся их атомов и молекул.


  • DatePicker - компонент для заполнения поля Дата с точностью до дня. Реализован с помощью выпадающего календаря, на котором можно выбрать год, месяц и число. 

  • Tables - компоненты ячеек для таблицы с наборным контентом.

  • Fields - поля для свободного ввода любых текстовых и числовых данных, выбор возможных вариантов.



<p>
	 Организмы- группы функциональных элементов, используемые для типовых операций. Строятся их атомов и молекул.
</p>
 <br>

Шаблоны - готовые решения, которые отвечают какой-либо функции. Строятся из всех ранее созданных элементов.


  • Accordion - компонент для показа и скрытия дополнительного контента. 

может быть 2 видов: 

  1. аккордион активируется через кнопку. 

  2. активатором является заголовок. 

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

  • Filters - компоненты разных видов фильтрации.



<p>
	 Шаблоны - готовые решения, которые отвечают какой-либо функции. Строятся из всех ранее созданных элементов.
</p>
 <br>

Стоимость дизайн-системы

От чего зависит стоимость: 

  1. от размера сервиса, 

  2. от наличия/отсутствия брендбука компании, брендбука продукта, наличие предыдущей версии, наличие UI кита, возможность выделить пользовательские паттерны. 

Например, для среднего сервиса для дизайнера - от 200 часов, для фронтенд-разработчика - от 400 часов. 

Стоимость разработки дизайн системы от 500 000 рублей.


Оставить заявку

Наши преимущества

Призер Tagline Awards Призер Tagline Awards
ТОП 10 Рейтинг Рунета по Москве ТОП 10 “Рейтинг Рунета” по Москве
ТОП 5 Лидер продаж Битрикс ТОП 5 “Лидер продаж Битрикс”
ТОП 12 в рейтинге корпоративные решенияТОП 12 в рейтинге корпоративные решения


Вместе с нашими акционерами и партнерами, мы входим в группу компаний, в которой задействовано более 150 специалистов в разных областях как по Web и ИТ, так и по 1С, и имеем в штате devops-инженеров и системных архитекторов
5 лет опыта разработки

5 лет опыта разработки

внедрения и интеграции проектов любой сложности.

Являемся  технологическим лидером

Являемся технологическим лидером

рынка личных кабинетов на платформе 1С Битрикс

Работаем

Работаем

по методам Agile SCRUM, Waterfall, Time & Materials.

Оставить заявку
Оставить заявку
Напишите нам в мессенджеры:
Веб-интегратор RDN Group
Большая Черемушкинская 34, лофт «Микроэкономика», офис 619 117218 Москва г, РФ info@rdn-grp.ru

Как мы можем помочь вашему бизнесу?

Оставить заявку
Рассчитать стоимость проекта

Остались вопросы?

Обратный звонок
Остались вопросы? Мы перезвоним вам и поможем!