Розробити дизайн інтерфейсу та UI kit
18 000 UAH 
Перегляд конкурсних робіт доступний тільки замовнику
Використання стокових зображень, а також AI дозволено
Київ
Необхідно розробити дизайн інтерфейсу для системи управління продажами (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/
Необходимо разработать дизайн интерфейса для системы управления продажами (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
Робота-переможець
Polina Belmesova
