Дизайн сайта СУБД
и мониторинга Tantor
ДИЗАЙН
→
UI-kit
←    Назад
ВЕРСТКА
Задача
На основе существующих макетов собрать UI-kit и внести правки в дизайн. Заказчик предоставил разнообразные варианты макетов, благодаря этому мы собрали достаточно полный кит с большим количеством компонентов и свойств.
Цвет
Цветовую композицию предоставил заказчик. Проект выполнен в светло и темно серых тонах с акцентным красным и графитовым цветами.
  • #CC3B03
  • #F26522
В процессе разработки крупной системы были добавлены дополнительный цвета, например, для отображения состояний тех или иных элементов, тегов в канбан системе и т.п.
Шрифт
В качестве основной типографики использовали шрифт Roboto.
Панграмма
Дизайн
В качестве основных компонентов выделяли те элементы, которые наиболее часто повторяются в дизайне системы, например: сайдбары, модальные окна, чекбоксы, свитчи, карточки пользователе и т.п.
Главная страница
Представляет из себя информационную страницу с краткой сводкой данных по продукту. Ключевой просьбой заказчика было размещение новостей на главной. В результате получили страницу, выдержанную в классическом стиле "строгого" сайта компании.
О продукте компании
Страница предполагалась как сборник информации по продукту - разместили карточки с модальными окнами и ссылками на документацию. Для легкой ориентации пользователей добавлено навигационное меню по странице.
Раздел документации
Страница с быстрым доступом к техническим сведениям о компании, терминам и руководствам. Для удобства добавлена навигационная панель слева и содержание раскрытого раздела справа.
Спасибо за внимание
Перейти на сайт
Навигация
Как с нами связаться
  • ОГРН: 1197847164910
  • ИНН: 7805754684
  • Юридический адрес:
  • Санкт-Петербург, ул. Марата д. 1/71, лит. А. БЦ Невский Атриум, 5 этаж