<aside> 💡 Проект еще находится в разработке. Ниже поделилась проделанной работой:)

</aside>

<aside> 📌 Из-за NDA на фото ниже некоторые визуальные элементы были изменены, но в остальном это отражает структуру и общий вид продукта

</aside>

Описание

Заказчику нужно было создать продукт под бизнес-процессы компании, который бы автоматизировал внутренние процессы работы с большим количеством данных, т.к на тот момент многими задачами занимались несколько сотрудников вручную в бумажном виде и это занимало много времени и сил.

<aside> 💯

Цель:

разработать продукт, который бы автоматизировал рутинные операции сотрудников, выполняемые используя большое количество бумаги

</aside>

Инструменты

Figma

Дизайн-система

Ant Design

Входные данные проекта

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

Процесс-работы

<aside> 📌

Содержимое фотографий будет заблюрено, так как проект находится под NDA

</aside>

Анализ входных данных бизнес-процессов:

Данные, которые далее использовались при создании UI

Изучение самих бизнес-процессов:

Описанные бизнес-процессы

Изучение макетов заказчика:

Дальше я создала карту бизнес-процессов каждой группы пользователей в виде user flow, чтобы ничего не упустить в разработке и всем участникам проекта было удобно на этом этапе понимать как всё работает. Потом эта карта пригодилась при проектировании макетов:

Карта user flows бизнес-процессов

Работа над продуктом происходила в формате 2х недельных спринтов, за которые я проектировала экраны 1-3х бизнес-процесса и тестировала их с заказчиком:

User-flows

Прототипы для тестирования

Сложности и решения

• Была задача: по вот этой кнопке должна происходит загрузка данных для дальнейшей работы с ними после загрузки, при этом данные относятся ко 80% разделов системы. Был вопрос в том куда, поместить эту кнопку: в самый главный раздел? - не логично, ты в любой момент должен иметь возможность загрузить данные.
• В итоге я пришла к тому, чтобы расположить кнопку в боковой панели навигации, доступ к которой есть всегда - на любом экране, в развернутом и свернутом виде, при этом кнопка не сливается с элементами навигации

<aside> 💡

Результаты

</aside>