HobWin

HobWin

Разработка онлайн-аукциона для коллекционеров «HobWin»: ставки в реальном времени, автоставки и торг с продавцом, кабинет с тарифами и платежами, форум. Три языка, светлая и тёмная темы.

Платформа и портал
Первый экран онлайн-аукциона «HobWin»

Аукционная площадка для коллекционеров антиквариата

О проекте

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

Главное в проекте это механика торгов, и она не сводится к одной кнопке. На лоте доступны обычная ставка, автоматическая ставка с лимитом, покупка по фиксированной цене и предложение своей цены продавцу. У каждого состояния торгов свой экран: вы лидер, вашу ставку перебили, лот продан, торги завершены, второй шанс, архив. Цена и таймер обновляются без перезагрузки страницы через веб-сокеты, а о перебитой ставке и завершении торгов приходит уведомление в Telegram, SMS и на почту.

Продавцу мы сделали отдельный контур работы: мастер создания лота с выбором типа торгов, характеристиками и обрезкой фотографий, черновики, платное продвижение лота, тарифы-подписки на месяц и на год с демо-периодом, счёт и история платежей. Рядом разделы «мои лоты», «проданные», «завершённые» и архив, избранные лоты и продавцы, входящие предложения по цене, переписка с покупателем, отзывы и рейтинг. Отдельная часть проекта это форум коллекционеров с разделами, темами, модераторами, жалобами и лентой собственной активности.

Технически проект разделён надвое: витрина собрана на Next.js с TypeScript, а данные она берёт по GraphQL из бэкенда на Laravel, где живёт административная панель на Laravel Nova. Такое разделение и позволило сделать торги живыми: цену на странице обновляет отдельный сервис веб-сокетов, а не опрос сервера по таймеру. Тексты интерфейса и карточек переводятся на три языка через DeepL прямо в админке.

Главная страница «HobWin» целиком

Используемые технологии

ФРОНТЕНД

БЭКЕНД И АДМИНКА

Страница лота: галерея, таймер торгов, текущая ставка и кнопки действийОкно «Сделать ставку» с шагом торговКаталог лотов с фильтрами по категории, цене и состояниюМастер создания лота: тип торгов, стартовая цена, характеристики
Та же главная страница в тёмной темеЛичный кабинет, раздел «Мои ставки»Форум коллекционеров: разделы и темыТарифы продавца с помесячной оплатой
Главная страницаКаталог лотовСтраница лотаСоздание лотаПоиск по лотам с подпиской на запросГлавная форумаБлог площадкиМои лоты на телефонеКаталог категорий в три уровняРаздел вопросов и ответов

Больше страниц

Главная страницаГлавная страница в тёмной темеКаталог лотовСтраница лотаВход в кабинет, в том числе через Facebook и Google
Создание лотаКаталог категорий в три уровняСтраница тарифовРаздел вопросов и ответовОкно ставки на лот
Блог площадкиСтатья блогаПубличный профиль продавцаГлавная форумаТема форума с ответами
Кабинет: мои лотыПереписка покупателя с продавцомКабинет: мои ставкиКабинет: счёт и платежиСтраница 404