Opracować projekt interfejsu i zestaw UI
18 000 UAH 
Tylko zleceniodawca ma dostęp do oglądania prac konkursowych
Użycie obrazów stockowych oraz AI jest dozwolone
Kijów
Wymagana jest разработка дизайну interfejsu dla systemu zarządzania sprzedażą (CRM)
Na początek narysuj szkic stron, aby zrozumieć pomysł i koncepcję, aby nie tracić twojego czasu, jeśli ogólnie realizacja nie przejdzie pierwszego etapu selekcji.
Zadania:
- Wdrożyć UI kit na podstawie Bootstrap 5 ze wszystkimi elementami. Przykład użycia UI-kita: tabler.io
- Wdrożyć ciemny i jasny motyw
- Wdrożyć wersję desktopową i mobilną
- Narysować 3 strony (wersja desktopowa, po zatwierdzeniu - wersje mobilne) według podanego wireframe
- Dashboard
- Campaign
- Leads
Wymagania:
- Główne kolory powinny być 3: podstawowy, wtórny, odcień (Primary, Secondary, Accent). Kolory używać z logo ADSI
- Dodatkowe kolory: Success, Warning, Danger, Info, Light, Dark
Dodatkowe informacje:
- System będzie dostosowywany przez klientów do ich logo i głównych kolorów marki.
- Projekt 3 stron powinien mieć wersję desktopową i mobilną. Wersję mobilną robimy po zatwierdzeniu pracy.
- Czcionka używana z ADSI lub wybrać własną opcję.
- Zestaw ikon można używać zarówno gotowy, jak i zrealizować własną wersję.
- W wireframe wskazane są obowiązkowe pozycje bloków, ich nie zaleca się zmieniać, ale drobne elementy (ikony, ulubione itp.) możesz zmieniać.
- Tekst, gdzie nie wskazano - używać zastępczych.
Źródła:
Logo 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
Przykład UI-kita: 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/
Załączniki 3
Zwycięska praca
Polina Belmesova
