По заявке — Ruslan Tikhonovich — Product Designer

больше о клиенте

«по заявке» — это российский B2B-маркетплейс для оптовых закупок. он соединяет магазины, HoReCa и другой малый/средний бизнес с поставщиками и производителями товаров повседневного спроса.

цели бизнеса

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

команда

ux/ui designer (я)

моя роль

единственный дизайнер с массой разных задач.

как проверял

все гипотезы проверялись через локальных респондентов из компании (торговых представителей), которые были заинтересованы в удобстве. собиралась обратная связь. к метрикам доступа не было, собиралось product owner и его командой, далее предоставлялась мне.

немного сторителлинга

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

в 2022 году бизнес юнит эй-пи трейд решил создать e-com подразделние, которое займется созданием, развитием и поддержкой маркетплейса, который в будущем будет помогать прежде всего локальным торговым представителям, а после и за пределами.

пролог

первое название платформы - точка онлайн.

в этом же 2022 году компания обратилась к московскому подрядчику за разработкой маркетплейса. почти год мучений с подрядчиком, сорванные сроки и результат ниже.

первая версия от недобросовестных подрядчиков

основная проблема была с технической стороны: на сайте было неимоверное количество багов и проблем с точки зрения юзабилити. что и привело к расторжению договора с подрядчиком.

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

когда пришёл я и что делал

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

декабрь 2023

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

я посмотрел фигма файлы и готовые макеты. посмотрел собранный ui-kit.

если в кратце: в макетах большое количество ошибок, баги в компонентах, беспорядок в файлах.

с чего я начал

провел аудит сайта и текущей дизайн составляющей, презентовал это нескольким лпр.

аудит юзабилити

с чего мы начали перезагружать маркетплейс

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

декабрь 2023

поэтому мы начали с полного ребрединга и создания брендбука и платформа начала называться «по заявке».

было принято решение для социальных сетей, для рекламного контента и баннеров создать маскота, который будет наводить связь между пользователями и платформой. создал через nano banana + krea концепт будущего маскота в нескольких сценах.

маскот

редизайн

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

мной было предложено решение разделить редизайн на два этапа:

начинаем с редизайна существующего функционала и механик, правим только критические вещи.

вторым этапом внедряем новый функционал и редизайним/дорабатываем старое. плюс разрабатываем мобильное приложение.

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

первые вариации

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

типография

главная страница

карточки поставщиков и ассортиментов

карточка товара

карточка товара

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

корзина

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

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

главная сложность

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

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

мобилка

мы начали с user flow, проложили поверхностно пользовательские пути, чтобы понимать что для первого MVP нужно. так как сроки стояли короткиею

после первого этапа редизайна веб версии, мы просмотрели по метрикам и по обратной связи, что новые клиенты 80% это мобильные телефоны и есть неудобства пользования адаптивом в браузере, есть явный запрос на мобильное приложение.

спроектировал прототипы мобильного приложения и в дальнейшем мы по данным прототипам выстраивали дизайн мобильного приложения.