Электронная торговая площадка «Магазин малых закупок»
Должность: дизайнер интерфейсов
Организация: ЭТП ONLINECONTRACT
Дата: январь 2020 - сентябрь 2020
Организация: ЭТП ONLINECONTRACT
Дата: январь 2020 - сентябрь 2020
Команда:
- руководитель проекта
- 2 аналитика
- дизайнер
- 4 разработчика
- тестировщик
Заказчик: ЭТП ONLINECONTRACT
Цель: разработать веб-приложение «Магазин малых закупок»
Цель: разработать веб-приложение «Магазин малых закупок»
Макеты UX/UI дизайна открытой части магазина
Описание проекта
«Магазин малых закупок» - система для осуществления закупочной деятельности товаров, работ услуг, стоимостью не более 100 000 ₽. или 500 000 ₽ (если годовая выручка предприятия более 5 млрд. ₽). Малые закупки позволяют значительно упростить закупочную процедуру и экономить средства организатора.
Организация работы
1. Разработка UX-прототипа по ТЗ:
1.1. Анализ ТЗ (Confluence), обсуждение с аналитиками;
1.2. Создание прототипов для закупочных процедур из корзины и новых разделов в личном кабинете (Figma);
1.3. Работа в остальных разделах с готовым прототипом (Axur);
1.4. Внесение корректировок при изменениях в процессах и видах закупочных процедур;
1.5. Согласование с ЛПР.
2. Разработка дизайн-макетов:
2.1. Разработка итоговых дизайн-макетов (Figma);
2.2. Демонстрация макетов с командой руководству компании;
2.3. Внесение изменений по результатам обсуждения.
3. Создание библиотеки UI-элементов базовых и сложных компонентов (Figma).
4. Ведение отчетности (Toggle, Jira).
1.1. Анализ ТЗ (Confluence), обсуждение с аналитиками;
1.2. Создание прототипов для закупочных процедур из корзины и новых разделов в личном кабинете (Figma);
1.3. Работа в остальных разделах с готовым прототипом (Axur);
1.4. Внесение корректировок при изменениях в процессах и видах закупочных процедур;
1.5. Согласование с ЛПР.
2. Разработка дизайн-макетов:
2.1. Разработка итоговых дизайн-макетов (Figma);
2.2. Демонстрация макетов с командой руководству компании;
2.3. Внесение изменений по результатам обсуждения.
3. Создание библиотеки UI-элементов базовых и сложных компонентов (Figma).
4. Ведение отчетности (Toggle, Jira).
Дизайн веб-приложения выполнен для десктопной версии с Components, Auto Layout во фреймах 1920 px. Мобильная версия на период разработки не предусматривалась.
Проектный шрифт - Roboto.
Проектный шрифт - Roboto.
Для примера представлен UX/UI-дизайн для закупок из корзины.
Пользователи системы
В результате UX исследования проведен детальный анализ процессов проведения разных видов закупочных процедур и проработаны многоэтапные сценарии действия пользователей. В итоге разработаны модели пользователей системы - «Заказчик», «Поставщик» и «Оператор» и разработаны дизайн-макеты для всех сценариев деятельности.
Организация, осуществляющая закупочную деятельность
Организация, реализующая товары, работы, услуги
Администратор, обеспечивающий функционирование веб-приложения
Для осуществления деятельности заказчика разработан функционал личного кабинета в разделах:
- Мой профиль
- Профиль организации
- Мои оферты
- Пользователи
- Мои закупки
- Журнал действий
- Сообщения
- Обращения
- Шаблоны характеристик
- Сертификаты ЭП
Для осуществления деятельности поставщика разработан функционал личного кабинета в разделах:
- Мой профиль
- Профиль организации
- Мои оферты
- Пользователи
- Мои закупки
- Журнал действий
- Сообщения
- Обращения
- Шаблоны характеристик
- Сертификаты ЭП
Для осуществления деятельности оператора разработан функционал личного кабинета в разделах:
- Мой профиль
- Пользователи
- Организации
- Операторы
- Закупки
- Оферты
- Обращения
- Сообщения
- Журнал действий
- Роли пользователей
- Классификаторы
- Новости
- Отзывы
Пользовательские сценарии
Открытая часть магазина доступна всем пользователям и позволяет:
- искать товары, работы, услуги в виде оферты;
- знакомиться с информацией о закупках, списком организаций и правилами работы;
- обучаться по видео-лекциям деятельности в системе.
Для реализации деятельности предусмотрено 4 вида закупок:
1) Открытая конкурентная закупка с запросом оферт;
2) Простая закрытая закупка из корзины;
3) Закупка «Исследование из корзины»;
4) Закрытая переторжка из корзины.
С командой проработаны пользовательские сценарии. В качестве примера представлены сценарии деятельности Заказчика и Поставщика в виде блок-схем.
1) Открытая конкурентная закупка с запросом оферт;
2) Простая закрытая закупка из корзины;
3) Закупка «Исследование из корзины»;
4) Закрытая переторжка из корзины.
С командой проработаны пользовательские сценарии. В качестве примера представлены сценарии деятельности Заказчика и Поставщика в виде блок-схем.
Сценарии Заказчика в «Открытой конкурентной закупке с запросом оферт»
Сценарии Поставщика в «Открытой конкурентной закупке с запросом оферт»
Пример UX/UI-дизайна «Открытой конкурентной закупки»
На текущий момент обновлен дизайн магазина
Электронная торговая площадка «Магазин малых закупок»
Должность: дизайнер интерфейсов
Организация: ЭТП ONLINECONTRACT
Дата: январь 2020 - сентябрь 2020
Организация: ЭТП ONLINECONTRACT
Дата: январь 2020 - сентябрь 2020
Команда:
- руководитель проекта
- 2 аналитика
- дизайнер
- 4 разработчика
- тестировщик
Заказчик: ЭТП ONLINECONTRACT
Цель: разработать веб-приложение «Магазин малых закупок»
Цель: разработать веб-приложение «Магазин малых закупок»
Макеты UX/UI дизайна открытой части магазина
Описание проекта
«Магазин малых закупок» - система для осуществления закупочной деятельности товаров, работ услуг, стоимостью не более 100 000 ₽. или 500 000 ₽ (если годовая выручка предприятия более 5 млрд. ₽). Малые закупки позволяют значительно упростить закупочную процедуру и экономить средства организатора.
Организация работы
1. Разработка UX-прототипа по ТЗ:
1.1. Анализ ТЗ (Confluence), обсуждение с аналитиками;
1.2. Создание прототипов для закупочных процедур из корзины и новых разделов в личном кабинете (Figma);
1.3. Работа в остальных разделах с готовым прототипом (Axur);
1.4. Внесение корректировок при изменениях в процессах и видах закупочных процедур;
1.5. Согласование с ЛПР.
2. Разработка дизайн-макетов:
2.1. Разработка итоговых дизайн-макетов (Figma);
2.2. Демонстрация макетов с командой руководству компании;
2.3. Внесение изменений по результатам обсуждения.
3. Создание библиотеки UI-элементов базовых и сложных компонентов (Figma).
4. Ведение отчетности (Toggle, Jira).
1.1. Анализ ТЗ (Confluence), обсуждение с аналитиками;
1.2. Создание прототипов для закупочных процедур из корзины и новых разделов в личном кабинете (Figma);
1.3. Работа в остальных разделах с готовым прототипом (Axur);
1.4. Внесение корректировок при изменениях в процессах и видах закупочных процедур;
1.5. Согласование с ЛПР.
2. Разработка дизайн-макетов:
2.1. Разработка итоговых дизайн-макетов (Figma);
2.2. Демонстрация макетов с командой руководству компании;
2.3. Внесение изменений по результатам обсуждения.
3. Создание библиотеки UI-элементов базовых и сложных компонентов (Figma).
4. Ведение отчетности (Toggle, Jira).
Дизайн веб-приложения выполнен для десктопной версии с Components, Auto Layout во фреймах 1920 px. Мобильная версия на период разработки не предусматривалась.
Проектный шрифт - Roboto.
Проектный шрифт - Roboto.
Для примера представлен UX/UI-дизайн для закупок из корзины.
Пользователи системы
Заказчик
Организация, осуществляющая закупочную деятельность
Для осуществления деятельности заказчика разработан функционал личного кабинета в разделах:
- Мой профиль
- Профиль организации
- Мои оферты
- Пользователи
- Мои закупки
- Журнал действий
- Сообщения
- Обращения
- Шаблоны характеристик
- Сертификаты ЭП
Поставщик
Организация, реализующая товары, работы, услуги
Для осуществления деятельности поставщика разработан функционал личного кабинета в разделах:
- Мой профиль
- Профиль организации
- Мои оферты
- Пользователи
- Мои закупки
- Журнал действий
- Сообщения
- Обращения
- Шаблоны характеристик
- Сертификаты ЭП
Оператор
Пользователь, обладающий правами администратора
Для осуществления деятельности оператора разработан функционал личного кабинета в разделах:
- Мой профиль
- Пользователи
- Организации
- Операторы
- Закупки
- Оферты
- Обращения
- Сообщения
- Журнал действий
- Роли пользователей
- Классификаторы
- Новости
- Отзывы
Пользовательские сценарии
Открытая часть магазина доступна всем пользователям и позволяет:
- искать товары, работы, услуги в виде оферты;
- знакомиться с информацией о закупках, списком организаций и правилами работы;
- обучаться по видео-лекциям деятельности в системе.
Для реализации деятельности предусмотрено 4 вида закупок:
1) Открытая конкурентная закупка с запросом оферт;
2) Простая закрытая закупка из корзины;
3) Закупка «Исследование из корзины»;
4) Закрытая переторжка из корзины.
С командой проработаны пользовательские сценарии. В качестве примера представлены сценарии деятельности Заказчика и Поставщика в виде блок-схем.
1) Открытая конкурентная закупка с запросом оферт;
2) Простая закрытая закупка из корзины;
3) Закупка «Исследование из корзины»;
4) Закрытая переторжка из корзины.
С командой проработаны пользовательские сценарии. В качестве примера представлены сценарии деятельности Заказчика и Поставщика в виде блок-схем.
Сценарии Заказчика в «Открытой конкурентной закупке с запросом оферт»
Сценарии Поставщика в «Открытой конкурентной закупке с запросом оферт»
Пример UX/UI-дизайна «Открытой конкурентной закупки»
На текущий момент обновлен дизайн магазина
