Создаём и развиваем сервисы, приложения и веб-сайты с продуманным взаимодействием для компаний с помощью симбиоза креатива и технологий для создания продукта.
Клиент:
АО «РАД»
Услуги:
Redesign, UX/UI design
Дата выпуска:
17 ноября 2023
Сегменты:
Fintech, Government
Объект:
lot-online.ru
АО «РАД»
Российский Аукционный Дом
Завершён
О компании
АО РАД — Российский Аукционный Дом. Основан 31.08.2009 в соответствии с Распоряжением Правительства РФ. Площадка для продажи государственного, корпоративного, банковского, проблемного и частного имущества по всей территории РФ, проведение закупок для обеспечения государственных и муниципальных нужд. За 15 лет работы на рынке Российский аукционный дом заключил сделок более чем на 1,25 трлн руб, и в 2023 году стал абсолютным лидером рынка аукционных продаж в России.
Среди клиентов: МИД РФ, Минфин РФ, ФНС, РЖД, Татнфеть, Газпром, РусГидро, Сбербанк, Райффайзенбанк, ГК «ПИК» и другие компании и ведомства.
Среди клиентов: МИД РФ, Минфин РФ, ФНС, РЖД, Татнфеть, Газпром, РусГидро, Сбербанк, Райффайзенбанк, ГК «ПИК» и другие компании и ведомства.
Задачи
01
Разработать UX/UI маркетплейса с нуля с применением лучших практик разработки интерфейсов и пользовательского опыта
02
Пересмотреть взаимодействие с порталом, создание, выбор закупки и оформление контрактов. Снизить нагрузку на поддержку
Регистрация аккаунта на портале для создания или участия в закупках, обладала существенными недостатками, в числе которых присутствовала громоздкая форма для заполнения данных. Пользователь как минимум мог пропустить ввод важных пунктов или же потратить больше времени на взаимодействие с формой регистрации и ввода электронной подписи.
Реализовали пошаговую регистрацию
учётной записи с валидацией
Проблема и решение
В новой версии портала была реализована пошаговая система ввода данных для регистрации с информативными компонентами в виде уведомлений или же например, круговая шкала заполняемости для более наглядного понимания, что осталось дозаполнить. В рамках редизайна мы также пересобрали форму прикрепления документов и сделали их загрузку более понятной и удобной для пользователя.
Влад Гончаров
Дизайн-директор
Отображение поисковой выдачи и в целом вид добавленных закупок на сайт занимало вдвое больше места на экране с хаотичным распределением приоритетов касательно местоположения элементов UI и едва заметными статусами и стоимостью закупки. Ко всему прочему фильтрация не обладала информативностью и гибкостью задавания параметров, а также были присущены определенные проблемы с UX-микровзаимодействиями.
Каталог закупок с параметрами фильтрации в реальном времени
Проблема и решение
Общая страница закупок была пересобрана с расставленными приоритетами и компонентным подходом. Интерфейс несмотря на информативность, стал более легче визуально, а меню фильтров было представлено в новом дизайне с интерактивными компонентами и работает на SPA-технологии (Single Page Application — динамическое обновление контента без перезагрузки страницы).
Влад Гончаров
Дизайн-директор
Мобильная версия портала до редизайна обладала внушительным количеством недостатков: отсутствие отзывчивости интерфейса и устаревшая оболочка дизайна, сложный и не всегда понятный userflow, пользовательский опыт в целом вызывал вопросы и для пользователя это выглядело как уравнение.
Управление тендерами, поиск и участие в закупках с телефона
Проблема и решение
Логичным шагом было продублировать весь редизайн на мобильные устройства и при этом не потерять в функциональности. Основной подход в создании мобильной версии был выбран в сторону приложения, поскольку у компании могут быть планы в будущем реализовать отдельное мобильное приложение и его разработка в этом случае может стать проще.
Влад Гончаров
Дизайн-директор
В каждой секции на ЭТП РАД отдельный поиск закупок. Интерфейс с детальной информацией о закупке, в т.ч позиции закупки, регион, место поставки и др. был перегружен и задачей послужило его упрощение.
База продукта. Вариативный интерфейс детальной закупки
Проблема и решение
Используя аналитические данные от продакт-менеджера, интерфейсы закупок были полностью пересобраны с нуля в сторону практичного использования. В новую версию мы также добавили информативную секцию с важными характеристиками и контактами лица в виде зафиксированного блока при прокрутке.
Влад Гончаров
Дизайн-директор
Юзерфлоу и интерфейс создания закупки был чреват сложностями в его заполнении и часто на данном этапе у пользователей возникали вопросы и обращались в техническую поддержку, из-за чего нагрузка на поддержку была довольно повышенной. Совместно с продактом мы принялись искать решение.
Сделали упрощенной процедуру создания и размещения закупки
Проблема и решение
Процесс создания и добавления закупки на сайт был предложен в пользу пошаговой системы, уже ненебезызвестному пользователю на примере регистрации аккаунта на портале. Пошаговая система, по-этапное распределение данных и вариативность упростила процесс создания закупки и сократило значительно больше времени пользователю, чем это было ранее без нового подхода в редизайне.
Влад Гончаров
Дизайн-директор
Проект контракта — документ, в котором описываются условия сделки. Интерфейс повторял проблемы детальной закупки и основной задачей являлось переформатировать таблицу со статусами.
Проект контрактов на портале. Проще. Нагляднее. Вариативно.
Проблема и решение
Интерфейс был обновлён согласно общему стилю редизайна, а также мы подсветили такие разделы как «Тип контракта», и «Статус», реализовав их более заметными и понятными для пользователя. Фильтры которые также используется в каталоге закупок вариативны и могут работать как компонент в любом разделе портала.
Влад Гончаров
Дизайн-директор
Интерфейс управлениями закупками был адаптирован к мобильным экранам и работать с закупками стало проще в любом месте, где есть интернет, даже если пользователь далеко от компьютера.
Гибкое управление размещенными закупками в мобильной версии
Проблема и решение
Процессы такие как изучение документации для поставщика, а просмотр предложений к закупке для покупателя, были непрактичными с телефона, а с компьютера нередки были случаи пропустить что-либо.
Выбор поставщика и оформление сделки с любого устройства
Проблема и решение
Проблематика портала заключалась в сложном и неудобным UX маркетплейса, из-за чего прибавлялась нагрузка на техподдержку портала и в целом устаревший дизайн площадки, по сравнению с конкурентами. Мы разработали редизайн с компонентным подходом и решением данных проблем. Не забыли адаптацию ЦА портала с устаревшими браузерами IE, которые до сих пор могут использоваться в ведомствах различного уровня.
Клиент высоко оценил наше совместное сотрудничество и мы приступили к дизайну сервиса аренды недвижимости в жарком ОАЭ.
Клиент высоко оценил наше совместное сотрудничество и мы приступили к дизайну сервиса аренды недвижимости в жарком ОАЭ.
Итоги проделанной работы
Дата выпуска: 17 ноября 2023
UX/UI-дизайн
Владислав Гончаров
Фронтенд-разработчики
Геннадий Р.
Продакт-менеджер
Сергей К.
Александр Ш.
Артём П.
Case design
Flatonica
Designed by Flatonica. Ноябрь 2023 г.
Дмитрий Е.
Хотите так же? Мы можем начать уже сегодня
hi@flatonica.com
Влад Гончаров
дизайн-директор
дизайн-директор
Влад подробно ознакомится с Вашей задачей и в течение одного рабочего дня подготовит смету и уточняющие вопросы для начала работ
Стать клиентом или партнером
zakupki@flatonica.com
Пригласить в тендер (закупки)
Пару слов о проекте в СМИ
Мы работаем с корпорациями
и компаниями. Во всём мире
Успешно консультируем и разрабатываем цифровые решения для бизнеса и государства. Среди клиентов: LabelUp, JAMI LUP, Аукционный Дом РФ, Сколково, ВНИИИМТ, ЗаЧестныйБизнес, BID1 и др.
