Проект

Редизайн калифорнийского маркетплейса промышленного оборудования

Переосмыслили интерфейс B2B-платформы REUZEit

Маркетплейс REUZEit

Экспертизы

Проектирование Редизайн Веб-сайт

Дата

2025

Тип продукта

Корпоративные сайты

Личный кабинет

Интернет-магазины

Отрасль

Промышленность

E-commerce

Business 2 Business

Содержание

Клиент
Задача
Решение
Прототипирование
Дизайн
Каталог и карточки товаров
Управление проектами для продавцов и крупных компаний с большим ассортиментом
Подборка оборудования для тех, кто занимается закупками
Оформление заказов
Информация по заказам
AI-помощник в поисковой строке и техподдержка
Генерация иконок
UI kit и визуальные паттерны
Результат

Клиент

REUZEit — компания из Калифорнии, которая помогает бизнесу торговать новым и б/у оборудованием. Например, на платформе REUZEit можно купить, продать и сдать в аренду лабораторные, медицинские, космические и промышленные установки. Маркетплейс выступает посредником между крупными производителями, поставщиками и покупателями со всего мира.

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

Задача

Клиент обратился к нам за редизайном публичной части маркетплейса и личного кабинета REUZEit. Существующий интерфейс устарел, плохо решал задачи по поиску оборудования в каталоге и требовал доработки по визуальной части.

Узнайте, в каких случаях сайту нужен редизайн

С какими проблемами сталкивались партнеры и клиенты:

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

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

Задачи:

Переработать пользовательские сценарии для упрощения работы с платформой.
Создать удобный интерфейс, адаптированный под специфику B2B-аудитории.
Улучшить поиск и подбор оборудования с помощью фильтров и AI-помощника.
Добавить сценарии подачи и отслеживания заявок, включая оформление перемещений и доставки.
Реализовать удобные формы для публикации и редактирования товаров.
Обеспечить гибкость интерфейса для дальнейшего масштабирования силами клиента.

Узнайте, как мы сделали редизайн для сервиса тендерных займов

Решение

Мы сделали редизайн интернет-магазина и личного кабинета и улучшили пользовательский опыт — упростили сценарии, добавили новые разделы и оптимизировали визуальную структуру. При работе опирались на бизнес-логику клиента и учитывали специфику B2B-аудитории, которая работает с платформой.

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

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

Сравнение нового интерфейса магазина с прошлым дизайном

Изучите кейс по редизайну интернет-магазина FastBox, которым пользуются более 150 000 клиентов

Улучшили структуру личного кабинета. Это единое пространство для всех ролей:

покупателей;
поставщиков;
продавцов.

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

Дополнительно мы предложили внедрить AI-ассистента, который помогает находить товары, отслеживать статусы заказов, быстро отвечать на вопросы и экономить до 15% времени техподдержки.

Разница прошлого и нового интерфейса личного кабинета

Что мы сделали:

Провели аудит текущей версии. Разобрали навигацию, карточки товаров, оформление заявок и выявили слабые места, требующие оптимизации.
Переработали структуру интерфейса. Упростили маршруты пользователей, внедрили интуитивно понятные сценарии взаимодействия с оборудованием и заказами.
Предложили решение для AI-поиска. Показали клиенту, как встроить интеллектуальный помощник в интерфейс, чтобы ускорить подбор оборудования и разгрузить менеджеров поддержки.
Добавили удобный календарь с визуализацией заявок и статусов. Это улучшает контроль за заказами и помогает быстрее принимать решения.
Разработали UI kit с набором компонентов, форм и состояний для дальнейшего развития сайта силами команды клиента.
Упростили процесс оформления и отслеживания заявок. Сделали простые формы, минимизировали количество шагов и добавили прозрачные статусы.
Пересмотрели карточки товаров и добавили диаграмму с динамикой цен, а также комментарии для более комфортной оценки оборудования.
Добавили формы для редактирования заявок. Пользователь может вносить правки и сразу видеть изменения.

Кейс: редизайн BI-системы для Аналитического центра при Правительстве РФ

Прототипирование

На старте подготовили прототипы для первых экранов личного кабинета и интернет-магазина. Такой подход помогает утвердить структуру будущего интерфейса, продумать логику переходов и показать, как будут размещаться ключевые элементы — каталог, фильтры, карточки товаров и разделы с заявками и заказами.

Платформа работает в сегменте e-commerce с большим ассортиментом оборудования. На прототипах мы показали, как пользователи могут ориентироваться в личном кабинете, находить товары в магазине, фильтровать позиции и работать с заказами. Это решение позволяет согласовать пользовательские сценарии: покупка, размещение, отслеживание техники и подача заявок.

Прототипы сайта и личного кабинета

Дизайн

Разработали новый дизайн сервиса, опираясь на специфику платформы REUZEit и потребности пользователей из сферы B2B — компаний, которые занимаются закупкой, продажей и перераспределением лабораторного и медицинского оборудования.

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

Обновленный интерфейс

Каталог и карточки товаров

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

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

Для продавцов предусмотрели инструменты для загрузки и управления своими товарами. Можно единым списком добавить сразу несколько позиций и отредактировать карточку:

настроить описание;
разместить фотографии и документы;
выделить предложения популярными тегами.

Управление сосредоточено в одном окне, чтобы продавцы размещали товары и быстро обновляли данные по уже опубликованным позициям.

Работа с товарами в интернет-магазине для клиента и партнера

Узнайте, как оформить каталог товаров

Пересмотрели карточки оборудования. Сделали их структурированными и информативными. Добавили подробные характеристики, диаграмму с динамикой цен и состояния товаров.

В карточке появилась секция открытых комментариев, где можно уточнить детали по оборудованию у продавца, и они будут видны всем покупателям.

Добавили разные формы взаимодействия между продавцом и покупателем сразу в карточке товара:

отправить запрос на финансирование;
предложить свою цену;
задать вопрос;
добавить оборудование в корзину;
скачать буклет с подробной информацией о товаре.

Формы для взаимодействия с продавцом

Такая структура карточки позволяет оценить состояние оборудования даже тем, кто плохо ориентируется в специфике товара.

Карточка оборудования

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

Добавление товара в каталог

Управление проектами для продавцов и крупных компаний с большим ассортиментом

Внедрили раздел управления проектами. Инструмент нужен для компаний, которые регулярно работают с крупными партиями техники или сразу несколькими заявками. В разделе «Проекты» можно отслеживать задачи по перемещению, закупке, списанию или утилизации оборудования. Все этапы, статусы и ответственные сотрудники отображаются в одном окне. Так мы упрощаем контроль и помогаем держать процессы в отдельной вкладке личного кабинета.

Управление проектами

Узнайте на примере лизинговой компании, как еще можно организовать личный кабинет

Подборка оборудования для тех, кто занимается закупками

Добавили функцию подборок оборудования. Покупатель выбирает позиции, например, для оснащения лаборатории и сохраняет их в закладки. Список можно дополнить комментариями и отправить напрямую менеджерам платформы для получения подробностей о стоимости и состоянии установок. Как результат — меньше ошибок при согласовании и заказе сложного или дорогостоящего оборудования.

Запрос на подборку товаров

Оформление заказов

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

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

Оформление товара

Добавили отдельные сценарии для оформления заявок на перемещение, хранение и списание оборудования. Это упрощает работу крупным компаниям с разветвленной логистикой. В отдельном экране пользователь может указать тип запроса, выбрать даты самовывоза товаров и добавить комментарии.

Перемещение товаров

Также предусмотрели форму для редактирования доставки. Это помогает пользователям оперативно изменить логистику выбранных товаров и отправить оборудование по верному адресу.

Редактирование доставки

Информация по заказам

Для контроля статусов и отслеживания заявок сделали календарь с цветовой маркировкой. Пользователь видит свои заказы и статус их выполнения по дням. Цветные метки облегчают контроль и сокращают время поиска нужной информации.

Варианты отображения календаря

Также пользователь может отслеживать заказы в формате списка и просматривать историю изменений заявки.

Отслеживание заказов

AI-помощник в поисковой строке и техподдержка

Проект начинался как обычный редизайн. Клиент попросил «перерисовать» старый интерфейс. Но в ходе работы мы пошли дальше и предложили новые сценарии и эксперименты с AI-поиском.

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

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

Пример работы AI-чата

Изучите, как еще можно реализовать поиск в интернет-магазине

Генерация иконок

Заказчик прислал референсы и свои наработки того, какими он видит иконки — хотелось увидеть эффект картинки, нарисованной от руки.

Видение клиента по оформлению иконок

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

Итоговый вариант иконок

UI kit и визуальные паттерны

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

UI kit обновленного дизайна

Прочитайте о том, как собрать UI kit

Результат

Сделали для REUZEit редизайн сайта и личного кабинета, который полностью соответствует бизнес-задачам компании и упрощает работу для всех категорий пользователей — от покупателей до партнеров.

Итоги:

Сократили количество шагов в ключевых сценариях магазина: оформление и отслеживание заявок, подбор и заказ оборудования.
Повысили прозрачность процессов. Статусы заявок, движения товаров и история заказов всегда под рукой, а визуальные метки помогают быстро ориентироваться.
Внедрили AI-помощника для поиска оборудования и поддержки пользователей, чтобы снизить нагрузку на менеджеров.
Реализовали гибкую дизайн-систему и UI kit. Клиент может развивать платформу без потери качества и цельности интерфейса.
Улучшили карточки товаров за счет структурированного описания, инфографики и отзывов.
Упростили добавление и редактирование товаров для партнеров.

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