Футумаркет 2.0
Маркетплейс товаров
Футмаркет 1.0 Футумаркет 2.0
Год:
2017 — по н.в.
Роль:
Дизайнер, Дизайнер продукта
Это публикация о второй версии продукта. Возможно вам будет интересен рассказ о первой версии.
В январе 2019, после запуска первой версии проекта мы получили обратную связь от пользователей и поняли, что концепция, которой мы придерживались, чтобы быть конкурентной, потребует огромных материальных ресурсов.
Руководство решило упростить проект. Сбросить лишние разделы, оставить только важное. Спустя десятки обсуждений выбрали формат маркетплейса. Он схож с уже существующими решениями, такими как Е-каталог или Яндекс.Маркет, но отличается позиционированием и формой монетизации.
Задача второй версии: сделать маркетплейс товаров, переработать структуру проекта, при этом стараясь как можно меньше менять основные компоненты. Сделать это быстро и, следовательно, недорого.




Главная страница проекта




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




Разновидности состояний поисковой строки
Интересней получилось со страницами компании, человека, товара и навигацией внутри них.
Во время работы над прошлой версией появилась проблема с навигацией из-за наличия фиксированного меню пользователя, которое 90% времени было бесполезным.


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




Навигационные блоки компании, пользователя, продукта и адреса компании




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




Карточки поисковой выдачи




Товары в продаже
Чтобы упростить внедрение новой навигации, я оставил внешний вид блоков таким же какими они были раньше. Например, хоть отзывы и стали отдельной страницей, это ничего не изменило в их выводе. Аналогично с остальными страницами.




Отзывы




Адреса
Сильные изменения произошли в концепции Продукт-Товар. Дело в том, что в Футумаркете Продукт — это объект, у которого нет цены. Товар — это конкретное ценовое предложение от магазина. Связывая эти сущности вместе, получаем, что у одного продукта много ценовых предложений от разных магазинов.
Раньше страницы товара и продукта были отдельными. Это вызывало путаницу и много критики. Дело в том, что они содержали один и тот же контент: описание, фотографии, характеристики. Разница была только в наличии цены у товара. Чтобы понять на какой ты странице, приходилось прилагать усилия.
Теперь цены выводятся списком на странице продукта и информацию для принятия решения о покупке мы получаем в одном месте. Цены стали понятным разделом в меню продукта.




Список цен на странице продукта




Конкретная цена на странице продукта
Оформление заказа вынесено в модальное окошко. В дальнейшем у проекта появится корзина и полноценное оформление, но пока для ускорения работ решено заказ реализовать письмом на почту.




Оформление заказа
Ну и наконец, слегка изменилась регистрация. Теперь по завершению регистрации сразу предлагается создать компанию, а после создания компании, предлагается открыть магазин и загрузить файл с продукцией в футумаркет.


Регистрация




Добавление компании


Компания добавлена. Открытие магазина
Для тестирования рекламных кампаний был сделан простой лендинг для людей и компаний. Иллюстрации взяты с прекрасного проекта icons8.




Лендинг для компаний
Переосмысление и переработка дизайна проекта заняли около трех недель.
Drop me a line
skorobogatkonn@gmail.com