RUEN
  • UX/UI
  • Веб-приложение
  • Админка

// маркетплейс

Bidcar

Онлайн-аукцион автомобилей: лоты в реальном времени, ставки, баланс пользователя и админка для операторов.

роль
UX/UI-дизайн, дизайн-система
объём
Веб-приложение + админка · 50+ экранов
платформа
Десктоп-веб, мобильная версия
клиент
NDA — анонимизировано

// case.overview

Задача

// проблема

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

// подход

Спроектировал две стороны одного продукта — публичный аукцион для покупателей и админку для операторов — на общей библиотеке компонентов.

// фокус

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

// case.work

Ключевые экраны

Четыре сценария — для покупателя и оператора.

  1. Дашборд админки — экран Bidcar

    Дашборд админки

    Аукционы, продажи и комиссия за любой период, плюс лоты в ожидании выкупа.

  2. Активные аукционы — экран Bidcar

    Активные аукционы

    Лоты в реальном времени с фото, текущей ставкой и оставшимся временем.

  3. Страница лота — экран Bidcar

    Страница лота

    Фото, характеристики и история ставок по одной машине.

  4. Сделать ставку — экран Bidcar

    Сделать ставку

    Отдельный шаг ставки с текущей ценой и вашим балансом.

// case.mobile

На телефоне

Сторона покупателя для телефона: смотреть, изучать и делать ставки одной рукой.

  1. Лента аукционов — мобильный экран Bidcar

    Лента аукционов

    Лоты с фото, текущей ставкой и временем — ставка или выкуп прямо из карточки.

  2. Страница лота — мобильный экран Bidcar

    Страница лота

    Цена, шаг ставки, срок и депозит на первом экране, действия закреплены внизу.

  3. Сделать ставку — мобильный экран Bidcar

    Сделать ставку

    Шторка со степпером, быстрыми надбавками и проверкой баланса перед подтверждением.

// case.system

Визуальный язык

// typeface

Rubik

regular · semibold — 12 / 14 / 16 / 24

// palette

  • Основной#1A1A1A
  • Акцент#E5395C
  • Синий#2F78B8
  • Успех#2E9E44
  • Тёмно-синий#102840
  • Фон#F5F5F5

// case.result

Результат

Покупатель видит полную картину по машине до ставки, а оператор ведёт весь аукцион из одной админки.

50+
уникальных экрановспроектированы с нуля
2
стороны продуктапокупатель и админка
1
процесс ставкисфокусированный и прозрачный
1
библиотека компонентовобщая для всех экранов
баланс — пополнения и операции — экран Bidcar
баланс — пополнения и операции

// next.case

Alignio

Планирование лечения в стоматологии: просмотр 3D-модели, сравнение этапов и согласование плана.