Develop interface design and UI kit
18 000 UAH 
Viewing contest entries is available only to the client
The use of stock images and AI is allowed
Kyiv
It is necessary to develop an interface design for the sales management system (CRM)
To begin, sketch a draft version of the pages to understand the idea and concept, so as not to waste your time if the implementation does not pass the first selection stage.
Tasks:
- Implement a UI kit based on Bootstrap 5 with all elements. Example of using the UI kit: tabler.io
- Implement a dark and light theme
- Implement desktop and mobile versions
- Design 3 pages (desktop version, after approval - mobile versions) according to the specified wireframe
- Dashboard
- Campaign
- Leads
Requirements:
- There should be 3 main colors: primary, secondary, accent (Primary, Secondary, Accent). Use colors from the ADSI logo
- Additional colors: Success, Warning, Danger, Info, Light, Dark
Additional Information:
- The system will be customized by clients under their logo and main brand colors.
- The design of 3 pages should be for both desktop and mobile versions. The mobile version will be created after the work is approved.
- Use the font from ADSI or choose your own option.
- The icon set can be used as ready-made or you can create your own version.
- The wireframe specifies mandatory block positions; it is not recommended to change them, but you can change minor elements (icons, favorites, etc.).
- For text where not specified - use placeholders.
Resources:
ADSI logo: 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
Example of the UI kit: 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/
Applications 3
Winning work
Polina Belmesova
