Сейчас нужно отрисовать 2 страницы (страница заказа и дашборд) + калькулятор (pop up)
После этого будем рисовать все страницы проекта. Тут важный момент, после выполнения данного задания, исполнительно должен быть доступен для отрисовки остальных страниц CRM (их достаточное количество, стоимость и срок будет обсуждаться индивидуально).
Тематика: логистика
Функции: CRM система (личный кабинет юзера) для формирования отправок и получения оплат. (лого в архиве).
Суть переработки: требуется новый дизайн, с проработкой UI/UX. Макет текущей страницы абсолютно не устраивает. Все блоки должны быть сбиты и скомбинированы, таких длинных страниц не должно быть, как и длинных полей.
Целевая аудитория проекта – кто и для каких целей будет его использовать:
Язык интерфейса: укр, рус, англ.
Стилистика: https://themeforest.net/item/goldfinch-bootstrap-450-admin-dashboard/26842714 цветовая гамма которая подходит. НО НЕ стоит все работы делать по подобию данного примера. Тут просто нравиться цвета (но мы открыты для предложений).
По подаче инпутов нравиться вариант: http://prntscr.com/t0mczt , http://prntscr.com/t0mdiz , http://prntscr.com/t0mdzn .
Требования: макет в Figma, иконки все в .SWG (оригинальные). Нужно, чтобы шаблон состоял из бутстрап сетки (отступы между блоками в 30 пикселей), шрифты приложить к архиву (шрифт должен поддерживать кириллицу), Каждый элемент дизайна должен быть представлен в отдельном слое, шрифт только TTF.
Для моб. версии (постараться не сильно перекидывать блоки на адаптиве местами, чтобы не дублировать их для мобильных устройств, только если по другому решить нельзя). 2 версии будет достаточно 1920 и 320 (360). Так же интересуют предложения (наперед) решение для адаптива вот таких страниц http://prntscr.com/t030fu.
Меню: Для меню прорисовать открытую и закрытую версии двух вариантов. Меню должно быть двух типов (с возможностью для юзера переключать). Боковое меню: http://prntscr.com/szxswv и горизонтальное http://prntscr.com/szxtp0 (это как пример).
Для дашборта прорисовать функционал перемещения http://prntscr.com/szz1c1 плашек. Продумать куда лучше вынести кнопку Edit и после нажатия юзер может менять их местами, после нажатия Save закончить. Также на дашборд поместить с сайта https://themeforest.net/item/goldfinch-bootstrap-450-admin-dashboard/26842714 три графика - Revenue Income Sales (пока мы не знаем какую точно инфу будем выводить, но показать графики стоит, что бы понять концепцию, потом мы их поправим под свои данные).
Для всех кнопок и ссылок должны быть отрисованы ховеры и выпадающие списки (см. в прикрепленном файле):
http://prntscr.com/t0414q
http://prntscr.com/t02gm2
http://prntscr.com/t02h4l
http://prntscr.com/t02i48
http://prntscr.com/t02j0i
http://prntscr.com/t02l7r
http://prntscr.com/t02wpp
http://prntscr.com/t030fu
Что должно получиться:
калькулятор в POP UP http://prntscr.com/t02jdy
страница заказа (см. архив) с выпадающими списками и календарем http://prntscr.com/t02zpr
http://prntscr.com/t02maz бововое меню (разных типов) - иконки отрисованы (там есть вложенность, пока иконки только для верхнего уровня) три плашки (в зависимости от настроек у юзера может быть 0, может быть 1,2 или 3, предусмотреть) http://prntscr.com/t02maz - тут название http://prntscr.com/t02oit и http://prntscr.com/t02pgb Лого юзера и имя фамилия, два поиска http://prntscr.com/t02v3m , лого проекта
Хедер, футер (с выпадашками в хедере: профиль, язык и login as)
дашборд (тут переключатель http://prntscr.com/t02x05 , http://prntscr.com/t02x05 , http://prntscr.com/t02xfa )
Сообщение если ошибка при создании заказа: Заполните, пожалуйста, все поля.
В файлах - полная страница ордера, дашборда и калькулятора плюс выпадашки.
Все моменты готов уточнить в обсуждениях. Всем спасибо!!!