Разработать дизайн веб-приложения «Планомер». Это система для планирования и отслеживания процесса производства работ на стройке. Ключевая особенность — визуализация работ в виде «шахматок», где одна ячейка — это определённая работа на одном этаже.

Через веб-интерфейс инженер создаёт объект с набором работ, а прорабы вносят данные о выполнении и датах завершения работ в единую базу. Планомер используется при строительстве многоэтажных жилых домов.

Работа в приложении может вестись как с компьютера, так и с мобильного устройства через браузер. Предусмотреть адаптивный интерфейс.

Функционал, который нужно предусмотреть

1. Регистрация, вход нового пользователя.
2. Создание пользователем нового проекта и его структуры (пользователь задаёт из чего состоит объект: корпуса, секции, этажи).
3. Добавление работ в проект.
4. Отображение самой доски с карточками, переключение между корпусами.
5. Редактирование карточек — внесение данных о выполнении (дата начала-окончания, % выполнения и т.п.).
6. Переключение между объектами, корпусами, режимами отображения.
7. Поиск по карточкам.
8. Предусмотреть куда помещать пункты меню, которых ещё нет (отчёты, привязка подрядчиков, ввод объёмов и т.п.).

Проект должен быть похож на современную систему управления проектами.

Макет приложения, который я сам собирал в Figma.
https://www.figma.com/file/lXerJHUMYkDnkdvPoF2R5a/%D0%9F%D0%BB%D0%B0%D0%BD%D0%BE%D0%BC%D0%B5%D1%80?type=design&node-id=611-2&mode=design&t=enFk7HM7C2zWY7ZZ-0

По дизайну сервис должен быть похож на современный тулкит или CSS-фреймворк. Только не Material-UI. Вариант https://preline.co/

Шрифты простые, без круглых концов. Как для технического сайта. Может Roboto. У меня есть купленный variable-шрифт TT Neoris https://typetype.ru/fonts/tt-neoris/

Можем попробовать встроить его в макет.

Референсы:
https://dprofile.ru/case/31934/proektirovanie-i-dizain-sistemy-upravleniia-proektami
https://www.buildbuild.io/features/orders
https://weeek.net/ru
https://dribbble.com/simon100500/collections/6524077-Planomer

Демо-проект существующего MVP. Нужно сделать намного лучше!
https://plan.agenerator.ru/

Проект будет полностью написан на React.

Цветовое решение обсуждается. Помимо основного цвета должны быть красные, жёлтые, зелёные, тёмно-зелёные акценты для ячеек, в зависимости от их статуса.

Что нужно:

1. Придумать общий макет SaaS приложения — как расположить менюшки, сайдбар, хедер, боди с учётом пользовательских историй.
2. В макете будет и админка, и рабочее окно.
3. Нарисовать или выбрать готовый UI-toolkit для макета. Согласовать тулкит со мной до начала вёрстки. Согласовать цвета.
4. Сверстать в Figma все основные страницы:
   1. Регистрация / авторизация (мобайл +десктоп)
   2. Страница команды (мобайл +десктоп)
   3. Страница пользователя (мобайл +десктоп)
   4. Создание структуры объекта (десктоп)
   5. Добавление работ, привязка работ (десктоп)
   6. Окно отображения работ (мобайл +десктоп)
   7. Модальное окно простановки факта (мобайл +десктоп)
5. Результат — макеты в Figma.

Не нужно запариваться по анимациям и спецэффектам. Нужен хороший рабочий инструмент для каждодневного использования.

В отклике пришлите, пожалуйста, примеры своих работ. Без примеров работ я не смогу оценить ваши навыки.

Интересует ваш опыт именно в разработке CRM / ERP / SaaS / таск-трекеров / систем управления проектами. Не присылайте лендинги, это вообще не то!

Если ваш проект не похож на референсы, то лучше не присылайте.

У нас есть примерно неделя с 12 по 18.02 на отрисовку, пока идёт разработка бекенда. Я активно участвую в обсуждении, поясняю непонятное. Во вложении ТЗ на систему в целом, чтобы было понимание что она делает.