Необходимо разработать дизайн интерфейса для системы управления продажами (CRM)

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


Задачи:

  • Реализовать UI kit на основе Bootstrap 5 со всеми элементами. Пример использования UI-кита: tabler.io
  • Реализовать темную и светлую тему
  • Реализовать десктоп и мобильную версию
  • Отрисовать 3 страницы (десктоп версии, после согласования - мобильные версии) по указанному wireframe
    • Dashboard
    • Campaign
    • Leads


Требования:

  • Основных цветов должно быть 3: основной, вторичный, оттенок (Primary, Secondary, Accent). Цвета использовать с лого ADSI
  • Дополнительные цвета: Success, Warning, Danger, Info, Light, Dark


Дополнительная информация:

  • Система будет кастомизироваться клиентами под их логотип и основные цвета бренда.
  • Дизайн 3х страниц должен быть десктоп и мобайл версия. Мобильную версию делаем после утверждения работы.
  • Шрифт использовать из ADSI либо подобрать свой вариант.
  • Набор иконок можно использовать как готовый, так и реализовать свой вариант.
  • В wireframe указаны обязательные позиции блоков, их не рекомендуется менять, но мелкие элементы (иконки, избранное и т.д.) можете менять.
  • Текста где не указаны - использовать заглушки.


Ресурсы:

Лого ADSI: https://far-amaranthus-587.notion.site/1878e9177e584dbaa616037636b96887?pvs=4

Wireframe: https://far-amaranthus-587.notion.site/Wireframe-0bd541da8f634c7287abb564d78d3898?pvs=4

Bootstrap5 Figma: https://www.figma.com/file/Fd9byCwHcKBhHTMY37WX8W/Bootstrap-5-UI-Kit-(Community)?type=design&node-id=139-170&mode=design&t=V5V9TO3tRW5qGUAW-0

Пример UI-кита: https://preview.tabler.io/
Приложения3