Переосмыслили интерфейс B2B-платформы REUZEit
Дата
2025
Экспертизы
Проектирование
Редизайн
Веб-сайт
Тип продукта
Корпоративные сайты и сервисы
Личный кабинет
Интернет-магазины
Отрасль
E-commerce
Business 2 Business
Клиент
REUZEit — компания из Калифорнии, которая помогает бизнесу торговать новым и б/у оборудованием. Например, на платформе REUZEit можно купить, продать и сдать в аренду лабораторные, медицинские, космические и промышленные установки. Маркетплейс выступает посредником между крупными производителями, поставщиками и покупателями со всего мира.
Платформа позволяет сэкономить на хранении неиспользуемого оборудования, избавиться от ненужных закупок и позаботиться об экологии за счет повторного использования устройств. Среди клиентов компании — крупные организации промышленной, биотехнологической и фармацевтической отраслей, медицинские лаборатории и исследовательские центры.
Задача
Клиент обратился к нам за редизайном публичной части маркетплейса и личного кабинета REUZEit. Существующий интерфейс устарел, плохо решал задачи по поиску оборудования в каталоге и требовал доработки по визуальной части.
С какими проблемами сталкивались партнеры и клиенты:
- перегруженный интерфейс с устаревшими паттернами;
- неочевидная логика работы с заказами и заявками;
- сложности в поиске по каталогу, особенно редких позиций техники.
Цель проекта: обновить интерфейс маркетплейса, чтобы клиенты быстрее находили нужные товары и легко управляли продажами на площадке. Предстояло полностью переработать дизайн и структуру сайта и упростить взаимодействие с платформой.
Задачи:
- Переработать пользовательские сценарии для упрощения работы с платформой.
- Создать удобный интерфейс, адаптированный под специфику B2B-аудитории.
- Улучшить поиск и подбор оборудования с помощью фильтров и AI-помощника.
- Добавить сценарии подачи и отслеживания заявок, включая оформление перемещений и доставки.
- Реализовать удобные формы для публикации и редактирования товаров.
- Обеспечить гибкость интерфейса для дальнейшего масштабирования силами клиента.
Решение
Мы сделали редизайн интернет-магазина и личного кабинета и улучшили пользовательский опыт — упростили сценарии, добавили новые разделы и оптимизировали визуальную структуру. При работе опирались на бизнес-логику клиента и учитывали специфику B2B-аудитории, которая работает с платформой.
Начали с погружения в особенности сервиса и задач пользователей — изучили текущие сценарии на сайте, структуру личного кабинета и выявили основные проблемы в интерфейсе. Вместе с клиентом зафиксировали зоны роста и определили направления для улучшений.
Предложили комплексное решение, которое включало в себя редизайн ключевых страниц, добавление новых функций и улучшение пользовательского опыта на каждом этапе.
Сравнение нового интерфейса магазина с прошлым дизайном
Улучшили структуру личного кабинета. Это единое пространство для всех ролей:
- покупателей;
- поставщиков;
- продавцов.
Пользователь видит свои заказы, заявки, статусы, календарь, подборку оборудования и легко переключается между задачами и проектами. У крупных компаний все рабочие сценарии доступны в одном кабинете.
Дополнительно мы предложили внедрить AI-ассистента, который помогает находить товары, отслеживать статусы заказов, быстро отвечать на вопросы и экономить до 15% времени техподдержки.
Разница прошлого и нового интерфейса личного кабинета
Что мы сделали:
- Провели аудит текущей версии. Разобрали навигацию, карточки товаров, оформление заявок и выявили слабые места, требующие оптимизации.
- Переработали структуру интерфейса. Упростили маршруты пользователей, внедрили интуитивно понятные сценарии взаимодействия с оборудованием и заказами.
- Предложили решение для AI-поиска. Показали клиенту, как встроить интеллектуальный помощник в интерфейс, чтобы ускорить подбор оборудования и разгрузить менеджеров поддержки.
- Добавили удобный календарь с визуализацией заявок и статусов. Это улучшает контроль за заказами и помогает быстрее принимать решения.
- Разработали UI kit с набором компонентов, форм и состояний для дальнейшего развития сайта силами команды клиента.
- Упростили процесс оформления и отслеживания заявок. Сделали простые формы, минимизировали количество шагов и добавили прозрачные статусы.
- Пересмотрели карточки товаров и добавили диаграмму с динамикой цен, а также комментарии для более комфортной оценки оборудования.
- Добавили формы для редактирования заявок. Пользователь может вносить правки и сразу видеть изменения.
Прототипирование
На старте подготовили прототипы для первых экранов личного кабинета и интернет-магазина. Такой подход помогает утвердить структуру будущего интерфейса, продумать логику переходов и показать, как будут размещаться ключевые элементы — каталог, фильтры, карточки товаров и разделы с заявками и заказами.
Платформа работает в сегменте e-commerce с большим ассортиментом оборудования. На прототипах мы показали, как пользователи могут ориентироваться в личном кабинете, находить товары в магазине, фильтровать позиции и работать с заказами. Это решение позволяет согласовать пользовательские сценарии: покупка, размещение, отслеживание техники и подача заявок.
Прототипы сайта и личного кабинета
Дизайн
Разработали новый дизайн сервиса, опираясь на специфику платформы REUZEit и потребности пользователей из сферы B2B — компаний, которые занимаются закупкой, продажей и перераспределением лабораторного и медицинского оборудования.
Выбрали минималистичный дизайн, чтобы пользователи быстрее ориентировались на сайте и не тратили время на поиск информации. Раньше в интерфейсе использовались яркие цвета, которые не совпадали с фирменной гаммой логотипа. В новой версии мы сконцентрировались на зеленых оттенках, чтобы поддержать айдентику бренда и задать единый стиль для платформы.
Обновленный интерфейс
Каталог и карточки товаров
Каталог для покупателей спроектирован так, чтобы упростить навигацию в сложном ассортименте оборудования. На платформе продаются как новые, так и бывшие в употреблении устройства. Мы добавили фильтры по состоянию товара, сфере применения и конкретному типу установки. Это помогает быстрее находить необходимое оборудование.
Также на странице есть сортировка и быстрый поиск с искусственным интеллектом, чтобы облегчить работу даже тем, кто не сталкивается с технической номенклатурой ежедневно.
Для продавцов предусмотрели инструменты для загрузки и управления своими товарами. Можно единым списком добавить сразу несколько позиций и отредактировать карточку:
- настроить описание;
- разместить фотографии и документы;
- выделить предложения популярными тегами.
Управление сосредоточено в одном окне, чтобы продавцы размещали товары и быстро обновляли данные по уже опубликованным позициям.
Работа с товарами в интернет-магазине для клиента и партнера
Пересмотрели карточки оборудования. Сделали их структурированными и информативными. Добавили подробные характеристики, диаграмму с динамикой цен и состояния товаров.
В карточке появилась секция открытых комментариев, где можно уточнить детали по оборудованию у продавца, и они будут видны всем покупателям.
Добавили разные формы взаимодействия между продавцом и покупателем сразу в карточке товара:
- отправить запрос на финансирование;
- предложить свою цену;
- задать вопрос;
- добавить оборудование в корзину;
- скачать буклет с подробной информацией о товаре.
Формы для взаимодействия с продавцом
Такая структура карточки позволяет оценить состояние оборудования даже тем, кто плохо ориентируется в специфике товара.
Карточка оборудования
Для партнеров и продавцов реализовали страницу, на которой можно добавить или отредактировать товар, загрузить фото и документы, оставить заметки и сгенерировать этикетку с QR-кодом. Размещение функционала в одном окне снижает количество ошибок и ускоряет публикацию новых позиций в каталоге.
Добавление товара в каталог
Управление проектами для продавцов и крупных компаний с большим ассортиментом
Внедрили раздел управления проектами. Инструмент нужен для компаний, которые регулярно работают с крупными партиями техники или сразу несколькими заявками. В разделе «Проекты» можно отслеживать задачи по перемещению, закупке, списанию или утилизации оборудования. Все этапы, статусы и ответственные сотрудники отображаются в одном окне. Так мы упрощаем контроль и помогаем держать процессы в отдельной вкладке личного кабинета.
Управление проектами
Подборка оборудования для тех, кто занимается закупками
Добавили функцию подборок оборудования. Покупатель выбирает позиции, например, для оснащения лаборатории и сохраняет их в закладки. Список можно дополнить комментариями и отправить напрямую менеджерам платформы для получения подробностей о стоимости и состоянии установок. Как результат — меньше ошибок при согласовании и заказе сложного или дорогостоящего оборудования.
Запрос на подборку товаров
Оформление заказов
Переработали процесс оформления заказов. Пользователь сразу видит финальную цену, стоимость доставки и сумму налога. На американском рынке скрытые платежи часто становятся неожиданностью, поэтому мы добавили все проценты и налоги на первом шаге. Также учли нюансы оформления для других стран.
Убрали лишние промежуточные шаги и страницы подтверждения, которые раньше затягивали процесс покупки. Такой подход ускоряет оформление заказа и не требует от пользователя дополнительных данных. Основная информация подтягивается из личного кабинета.
Оформление товара
Добавили отдельные сценарии для оформления заявок на перемещение, хранение и списание оборудования. Это упрощает работу крупным компаниям с разветвленной логистикой. В отдельном экране пользователь может указать тип запроса, выбрать даты самовывоза товаров и добавить комментарии.
Перемещение товаров
Также предусмотрели форму для редактирования доставки. Это помогает пользователям оперативно изменить логистику выбранных товаров и отправить оборудование по верному адресу.
Редактирование доставки
Информация по заказам
Для контроля статусов и отслеживания заявок сделали календарь с цветовой маркировкой. Пользователь видит свои заказы и статус их выполнения по дням. Цветные метки облегчают контроль и сокращают время поиска нужной информации.
Варианты отображения календаря
Также пользователь может отслеживать заказы в формате списка и просматривать историю изменений заявки.
Отслеживание заказов
AI-помощник в поисковой строке и техподдержка
Проект начинался как обычный редизайн. Клиент попросил «перерисовать» старый интерфейс. Но в ходе работы мы пошли дальше и предложили новые сценарии и эксперименты с AI-поиском.
Клиент был открыт к предложениям и попросил внедрить инструмент на базе искусственного интеллекта. Наша команда спроектировала отдельное окно чата справа от поиска, чтобы пользователь мог получать подсказки и уточнения.
Обновление ускорит поиск оборудования и поможет быстрее решать запросы пользователей. Можно узнать статус заказа и получить ответы на часто задаваемые вопросы, снимая дополнительную нагрузку с техподдержки.
Пример работы AI-чата
Генерация иконок
Заказчик прислал референсы и свои наработки того, какими он видит иконки — хотелось увидеть эффект картинки, нарисованной от руки.
Видение клиента по оформлению иконок
Наши дизайнеры сгенерировали варианты стилей через нейросеть Recraft, а затем вручную дорабатывали их в графическом редакторе. Такой подход помог собрать единую визуальную систему и ускорил процесс подготовки макетов. У нас получилось совместить трендовую айдентику и практичность для сложной номенклатуры оборудования.
Итоговый вариант иконок
UI kit и визуальные паттерны
Подготовили UI kit с компонентами, состояниями, формами и таблицами. Клиент получил готовую библиотеку, с помощью которой можно легко поддерживать единый стиль и развивать сервис.
UI kit обновленного дизайна
Результат
Сделали для REUZEit редизайн сайта и личного кабинета, который полностью соответствует бизнес-задачам компании и упрощает работу для всех категорий пользователей — от покупателей до партнеров.
Итоги:
- Сократили количество шагов в ключевых сценариях магазина: оформление и отслеживание заявок, подбор и заказ оборудования.
- Повысили прозрачность процессов. Статусы заявок, движения товаров и история заказов всегда под рукой, а визуальные метки помогают быстро ориентироваться.
- Внедрили AI-помощника для поиска оборудования и поддержки пользователей, чтобы снизить нагрузку на менеджеров.
- Реализовали гибкую дизайн-систему и UI kit. Клиент может развивать платформу без потери качества и цельности интерфейса.
- Улучшили карточки товаров за счет структурированного описания, инфографики и отзывов.
- Упростили добавление и редактирование товаров для партнеров.
В результате редизайна клиент получил удобный и функциональный сервис, который помогает решать бизнес-задачи и поддерживает амбиции компании на глобальном рынке оборудования.
Услуги из кейса
