Pretty New Marketplace

Pretty New — маркетплейс подержанной одежды для швейцарского рынка. Швейцария — страна с немецко- и франкоязычными регионами, и это оказалось важнее, чем кажется на первый взгляд.

Заказчик

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

Наша задача

Симплео реализовал проект полностью: UX-исследование и дизайн экранов с нуля, приложение на React Native для iOS и Android, бэкенд на Node.js и собственную админ-панель — а затем довели всё это до состояния, устойчивого к платформо-специфичным багам, которые проявляются только на реальных устройствах.

Процесс дизайна

От вайрфрейма до 30 экранов

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

Дизайн-система под этими 30 экранами — то, что делает приложение цельным продуктом, а не 30 разрозненными экранами: общие состояния кнопок и карточек (активно, продано, продвигается), единый паттерн лайков и подписок, единый визуальный язык для объявлений и новостей.

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

Разработка шла четырьмя этапами, фронтенд и бэкенд — параллельно: сначала аккаунты и объявления, затем карта и поиск, затем сделки и переписка, затем монетизация и админ-инструменты.

Объявления, поиск и категории

Продавцы размещают товары по категориям (одежда, обувь, сумки, украшения, аксессуары), у каждого — состояние, размер и состав материала. Поиск работает по всему этому — включая, после исправления, корректное сопоставление немецких (ä, ö, ü, ß) и французских (é, è, à, ç и других) букв с диакритикой их аналогам без диакритики, а не восприятие их как совершенно других символов. На двуязычном рынке это не косметический баг — это разница между работающим поиском и поиском, который молча ничего не находит.

Локация и встреча

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

Чат со встроенным торгом по цене

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

Продвижение объявлений

Продавцы могут заплатить за продвижение объявления — визуально выделенного в приложении (градиентная обводка карточки товара, видна на дизайн-системе выше) и приоритезированного в поиске и ленте. Это ответ маркетплейса на старейшую проблему любой доски объявлений: как не дать хорошему товару затеряться среди новых.

Платежи и комиссия маркетплейса

Оплата проходит через Stripe и MangoPay — раздельно для шага оплаты со стороны покупателя и логики выплат на стороне маркетплейса, необходимой любой P2P-платформе. Pretty New берёт процент с каждой завершённой сделки, который рассчитывается и показывается продавцу уже на этапе размещения объявления, а не оказывается сюрпризом при выплате.

Админ-панель

Отдельная веб-панель даёт команде Pretty New табличные и карточные представления пользователей, объявлений и сделок — разработана с нуля вместе с приложением, а не адаптирована из готового инструмента, поэтому работает с той же моделью данных, что и мобильное приложение.

Доводка под iOS

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

Публикация

Приложение вышло и в Apple App Store, и в Google Play — с настройкой аккаунтов, объявлений и параметров сторов, которую требует каждая платформа, как частью поставки, а не отложенной на потом задачей после «код готов».

Результат

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