BOXO - Marketplace | Desktop app (Product / UI-UX)

Problems:

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

● ТЗ было неполным и не учитывало пользовательские сценарии (не были описаны сценарии создания и модерации объявлений, правила тарификации и статусы).

● В проекте отсутствовала структурированная логика переходов и взаимодействий.

● Не были проработаны состояния интерфейсов: модерация, превью, ошибки, подтверждения.

● Требовалось не только нарисовать дизайн, но и дополнить недостающую продуктовую логику.

Хедер: несколько вариантов (статичный, фиксированный, авторизованный/неавторизованный) обеспечивают удобную навигацию и поддержку разных состояний пользователя.

Верхняя навигационная панель маркетплейса была проработана в нескольких состояниях для разных сценариев использования:

- Неавторизованный пользователь — показана кнопка аккаунта для «Входа» и «Регистрации», поиск, категории, информация:"О компании", "Правила", "Для бизнеса".

- Авторизованный пользователь — добавлен доступ к личному кабинету, управлению (в т.ч. иконка "Избранные") объявлениями и профилю.

- Static header — отображается до прокрутки, содержит полный набор элементов.

- Fixed header — при скролле упрощается и остаётся закреплённым для удобного доступа к поиску и ключевым действиям.

Главная страница (неавторизованный пользователь):

● Отображаются рекомендованные объявления и рекламные блоки (справа).

● Блок приветствия.

● Хедер имеет два состояния: статичный (до скролла), фиксированный (при прокрутке).

● Прямой доступ к поиску, категориям, кнопке «Создать объявление», к иконке «Вход в аккаунт» и шапке с соответствующими ссылками на страницы.

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

Футер содержит: ссылки на основные информационные разделы маркетплейса ("О Компании", "Реклама", "Пользовательское соглашение", "Для бизнеса", "Техническая поддержка"); контакты службы поддержки и форму обратной связи.

Auth & Recovery

Макеты демонстрируют визуальную и продуктовую логику этапов аутентификации и восстановления доступа; интерактивный прототип и адаптивные версии запланированы как следующий этап.

Header & Main (authorized):
Адаптированный главный экран и набор фиксированных хедеров, спроектированные для авторизованного пользователя — цель — сохранить доступ к ключевым действиям (поиск, создание объявления, избранное, профиль) и одновременно не мешать просмотру контента при прокрутке.

_______________________________________________

Прототип главной страницы (авторизованный пользователь) — приветственный герой, поисковая строка, категории, header с основными ссылками и иконками перехода в аккаунт и "Избранные" объявления, секция рекомендованных объявлений и сетка карточек с метаданными; интерфейс демонстрирует, как персонализированный контент и CTA «Create an ad» интегрируются в основной поток.

Иконка «Избранное» в хедере — постоянный и заметный доступ к сохранённым объявлениям, который повышает retention и облегчает возвращение к избранным товарам.

Search / Filters (Authorized):
Адаптированный интерфейс поиска для авторизованного пользователя с распределённой панелью категорий, детальной системой фильтров (включая расширенные критерии), сеткой листинга и блоком рекомендованных объявлений/рекламой внизу. Макеты показывают визуальную и продуктовую логику поиска и фильтрации.

_______________________________________________

Поведение при нажатии «Категории» (верхняя панель):

При нажатии «Categories» открывается расширенная боковая/попап-панель с иерархией категорий и подкатегорий: уровни категорий визуально разграничены (category → subcategory → sub-subcategory), что позволяет быстро сузить область поиска до нужного сегмента. Панель содержит блоки с вложенными списками и визуальными карточками подсекций для быстрой навигации.

Фильтры и верхняя панель поиска (быстрые критерии):

Над листингом размещён компактный набор фильтров: строка поиска, селектор категории, слайдер цен (from / to), переключатели «Show only / Ads with photos», чекбоксы дополнительных фильтров и радиокнопки размеров (Small / Medium / Large). Эти элементы дают базовую, быструю настройку выдачи без перехода в расширенные настройки.

Динамические «хлебные крошки» показывают выбранный путь категорий и облегчают навигацию по иерархии при фильтрации результатов.

Прототип страницы «Профиль пользователя» — вкладка «My Ads»:

Вкладка My Ads в личном кабинете предназначена для продавцов: это рабочая панель управления всеми их объявлениями — от создания и редактирования до продления, публикации/снятия и анализа простых метрик. Интерфейс оптимизирован для быстрого массового и одиночного управления большим количеством позиций. 

Published (Опубликовано) — активные объявления, доступные в листинге.

Removed from publication (Снято с публикации) — архив/история объявлений, у которых истёк срок или которые были сняты; возможность редактировать и повторно отправить на публикацию.
Переключение между вкладками меняет набор карточек и доступные действия (например, «Publish» недоступен для уже опубликованных). 

Экран личных объявлений пользователя — интерфейс для управления всеми объявлениями пользователя с быстрыми ссылками на разделы ЛК.

Прототип страницы «Профиль пользователя» — вкладка Favourites

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

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

Страница настроек спроектирована как удобный рабочий интерфейс для управления учётной записью. 

Слева — навигация по разделам ЛК и профильный блок с аватаром; в основной колонке размещены интуитивные формы для изменения имени, электронной почты и телефона с отдельными контроллерами подтверждения (кнопки «Confirm new email / phone number»), а также секция смены пароля с полями «старый / новый / подтверждение». 

Ключевая CTA — «Save changes» — вынесена внизу и визуально выделена, чтобы пользователь мог быстро зафиксировать все изменения.

Экран создания/редактирования объединяет полный набор полей, необходимых для размещения объявления — от имени и описания до детальной категоризации (несколько уровней категорий), фотографий, цены с выбором валюты и опции выбора тарифа. Интерфейс спроектирован для последовательного заполнения: данные вводятся на одном экране с возможностью перехода к «Additional parameters» (progressive disclosure) для специализированных атрибутов. Внизу — контрольные элементы: выбор промо-режима, чекбокс «create an ad without publishing» и основная кнопка «Create an ad / Save draft».

Прототип страницы «Объявление» (общее):
Рабочий экран карточки товара: крупный медиаблок с каруселью миниатюр и увеличенным превью, справа — информационная панель с заголовком, ценой (USD), локацией и контактами; 

Контекстное меню и inline-CTA позволяют быстро взаимодействовать с лотом без переходов.

Под объявлением видны хлебные крошки (категория → подкатегория) для быстрой навигации.

Под описанием располагается секция рекомендованных объявлений: 

Релевантность по категории/атрибутам (algorithmic recommendations) + платные promoted-слоты. Каждый рекомендованный блок — карточка с изображением, ценой и меткой (promoted если применимо).
Цель: увеличить глубину сессии и перекрёстные продажи.

Страница объявления - экран детального просмотра товара с информацией о продавце и блоком рекомендованных объявлений.

Прототип страницы «Заказ рекламы B2B»:

Это лендинг-формат для привлечения рекламодателей — крупный hero с визуалом и коротким продающим текстом, контактный блок с ключевыми контактами отдела рекламы и многострочная форма заявки, которая собирает полные данные для запуска B2B-кампании (компания, контактное лицо, телефон, email, описание продукта, требования к размещению, файлы).  

Внизу — контакты отдела рекламы и CTA «Send a request» с явной валидацией и подтверждением отправки — всё для удобного перехода лида к менеджеру. 

Хедер минимален (прозрачный фон, логотип слева), чтобы не отвлекать от ценностного блока.

Техподдержка — «Часто задаваемые вопросы»:
Активная вкладка показывает длинную вертикальную ленту унифицированных карточек вопросов: каждая карточка содержит заголовок вопроса и одну строку превью-ответа. Карточки выстроены в одном модульном ритме с равными отступами и визуально читаемыми контейнерами; внизу страницы — крупная кнопка Show more для подгрузки следующей порции элементов. Дизайн фокусируется на быстром сканировании и последовательной подаче контента (UX для самообслуживания).