Конкурс перекладено автоматично. Увійдіть або зареєструйтесь, щоб побачити оригінал

Необхідно розробити дизайн інтерфейсу для системи управління продажами (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/