Кейс: как мы проектировали UX и бренд маркетплейса Zooelon — доверие, категории, верификация

Zooelon — собственный маркетплейс команды Dasta для животных, зоотоваров, услуг и ветеринаров в Узбекистане. Главная задача при проектировании была не «сделать красиво», а сделать доверие видимым: на рынке, где покупатели привыкли опасаться мошенников, интерфейс должен с первого экрана показывать, кому можно верить и почему. В этом кейсе рассказываем, как мы рассуждали, какие решения приняли и что из этого применимо к любому маркетплейсу.

Мы сознательно не приводим цифр конверсии и посещаемости: это рассказ о логике проектирования, а не отчёт о результатах.

Исходная задача и аудитория

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

• Городские владельцы питомцев — ищут животное, корм, аксессуары, ветеринара или грумера рядом с домом.
• Заводчики — продают регулярно, им важны репутация, отдельная категория для вязки и удобное управление объявлениями.
• Фермеры и сельские жители — продают птицу и скот, часто пользуются только телефоном и Telegram.
• Специалисты — ветеринары, клиники, грумеры, кинологи, передержка — хотят, чтобы их находили клиенты.
• Зоомагазины и частные продавцы товаров.

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

Принцип №1: доверие должно быть видно, а не обещано

Фраза «у нас безопасно» ничего не значит, если пользователь не видит, на чём основана безопасность. Поэтому мы вынесли механизмы доверия прямо в интерфейс:

• Значок верификации у продавцов и специалистов, прошедших проверку документов. Значок легко узнаваем и одинаково выглядит во всех местах — в карточке, профиле, поиске.
• Метки на карточках объявлений: «Привит», «Есть документы», «Доставка», «Срочно продаю», «Бесплатно». Покупатель видит ключевые факты до того, как откроет объявление.
• Рейтинги и отзывы — открыты для всех, а не спрятаны в глубине профиля.
• Кнопка жалобы в каждом объявлении — с понятным обещанием рассмотрения в течение 24 часов.
• Внутренний чат вместо публикации телефона: переписка сохраняется и защищает обе стороны.

Ещё одно решение — система достижений, которую нельзя купить. Значки за продажи, быстрые ответы и высокий рейтинг зарабатываются только поведением. Для пользователя это сигнал: эта отметка — результат истории, а не рекламный бюджет.

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

Принцип №2: навигация по смыслу, а не по структуре базы данных

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

1. Животные
2. Товары
3. Услуги
4. Ветеринары

Ветеринары выделены в отдельный раздел, хотя формально это тоже услуга: поиск врача — самый частый и самый срочный сценарий у владельцев, и он заслуживает отдельного входа со своими фильтрами (тип — частный врач или клиника, регион, опыт, цена).

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

Принцип №3: регион — всегда на виду

Животное — не товар, который можно отправить посылкой через всю страну. Для большинства сделок важно расстояние, поэтому выбор региона («Все регионы» или конкретная область и район) находится в шапке и сохраняется при переходах. В карточке объявления адрес или регион показан сразу под заголовком.

Карточка объявления: что важно на маленьком экране

Карточка — главный строительный блок маркетплейса. Мы определили для неё жёсткий порядок приоритетов:

1. фото — крупно, с единым соотношением сторон, чтобы лента выглядела аккуратно;
2. цена — с явной валютой (сумы или доллары) и пометкой «от», если цена зависит от варианта;
3. заголовок — коротко: кто, порода, возраст;
4. локация;
5. метки доверия и условий;
6. иконка «в избранное».

Всё, что не помогает решить «открыть или пролистать», уходит на страницу объявления.

Подача объявления: выбор типа на первом шаге

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

Мобильная навигация и связь с Telegram

На телефоне основная навигация вынесена в нижнюю панель: «Главная», «Избранное», «Добавить», «Сообщения», «Профиль». Кнопка добавления объявления находится в центре — это ключевое действие для продавцов. Отдельно у проекта есть Telegram-бот: для аудитории, которая привыкла жить в мессенджере, это естественный мост к площадке.

Язык и тексты интерфейса

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

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

Бренд: дружелюбный, но не детский

Визуальный стиль Zooelon строится на белом фоне и ярком зелёном акценте. Задача бренда — балансировать между двумя настроениями: тёплым и эмоциональным (речь о живых существах и любви к ним) и надёжным (речь о сделках и деньгах). Поэтому мы избегали чрезмерно «мультяшной» подачи: иллюстрации категорий дружелюбные, но интерфейс остаётся спокойным, с большим количеством воздуха, крупными фото и понятной типографикой. Фото животных — главный эмоциональный контент, и дизайн не должен с ними конкурировать.

Что применимо к любому маркетплейсу

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

Подробнее о том, как работает площадка для пользователей, — в статье «Zooelon: маркетплейс животных в Узбекистане», а сам продукт можно посмотреть на zooelon.uz. Если вы проектируете маркетплейс, каталог или сервис объявлений, команда Dasta Creative поможет с веб-дизайном и UX.