Ryadom Platform
Дизайн интерактивной платформы для обработки заявок сервисными центрами
О компании
Рядом — комплекс сервисов, объединяющий доступ к услугам для домохозяйств, мастеров и производителей сантехники и инженерии
Задача
Спроектировать и задизайнить кликабельный MVP платформы, к которой будут иметь доступ сервисные центры и производители сантехнического и инженерного оборудования.
Цели
Повысить прозрачность в схеме: Клиент → Гарантийный ремонт → Сервисный центр → Производитель;
Помочь производителям оптимизировать издержки на гарантийный ремонт.
Роль на проекте
Senior Product Designer
Год
2022
1. Сбор требований
Клиент пришёл с идеей продукта и примерным пониманием необходимых функций. Провели несколько подробных созвонов, где «допросили», побрейнштормили и расставили всё по полочкам.
Определили 3 основные роли в сценарии: Клиент (в интерфейсах платформы не участвует), Сервисный центр, Производитель
Спроектировал высокоуровневую структуру основных страниц
И перешёл к этапу проектирования
2. Проектирование
Гипотеза «чат-суперапп»
В качестве первоначальной гипотезы предположил, что самый быстрый и удобный формат коммуникации и отслеживания истории действий между сервисным центром и производителем — текстовый чат, который может быть сквозным элементом на всех страницах, где это требуется
Сделал прототип страницы заявки с этим самым чатом, в котором и гарантийные детали заказать можно и статус заявки изменить. А если надо, то и вопрос любой интересующий задать. Ещё чат хранит все даты и любую историю изменения заявки
Обсудили прототип внутри команды, идея понравилась, но пришли к решению изменить концепцию. Снизить акцент с чата в пользу данных о заявке.
Далее спроектировал остальные разделы в соответствии с полученными ранее требованиями и получилась примерно такая картина:
И «пошёл» на встречу в зум защищать прототипы перед заказчиком
Итоговое проектирование
В процессе обсуждения, выявили, что на текущем этапе фича с чатом не требуется, нужно максимально упростить все процессы коммуникации внутри платформы. Производитель слишком большой механизм, который пользоваться чатом скорее всего не будет или не сможет.
В конечном итоге спроектированные разделы выглядели как флоу с продуманным поведением, сценариями и всеми всплывающими окнами
Прототипы на встрече защитил и приступил к этапу дизайна
3. Дизайн
За основу фирменного стиля взят действующий сайт.
Дашборд
Работа с платформой начинается с разводящего дашборда, на котором производитель видит всю сводную информацию о текущем положении дел. Статистика по заявкам, сервисным-центрам и точки входа в другие разделы.
Список заявок
На странице списка производитель также видит аналитику по текущим заявкам с возможностью перейти на детальную страницу, а также сами заявки с интуитивными буллетами преимуещств и недостатков сервисного центра. Это позволяет принимать решение об отказе не переходя на детальную страницу
Детальная страница заявки
Я пришёл к решению использовать блочную структуру на всей платформе. Это позволит без труда наращивать функции в любой момент времени. На странице заявки предусмотрели интересную фичу: QR код оборудования, по которому видна вся история использования. Дата покупки, обращения в СЦ, был ли замечен в мошеннических схемах.
На всех страницах для плюсов и минусов используется единый интуитивный формат красных и зелёных иконок.
Список сервисных центров
На странице списка сервисных центров также предусмотрена общая аналитическая информация, фильтры, а также возможность посмотреть расположение СЦ на карте
Детальная страница сервисного центра
На детальной странице сервисного центра производитель имеет доступ к общей информации, списку сотрудников и их квалификации, а также открытым заявкам этого СЦ.
Детальная аналитика
Также, на платформе есть страницы детальной аналитики, на которой можно посмотреть данные по определённому разделу за любой интересующий период времени.
Остальные страницы
В конечном итоге получилось более 25 страниц и состояний, но к сожалению, клиент попросил не показывать публично всю платформу целиком.
Интерактивность
Ключевой задачей в разработке дизайна этой платформы — сделать её интерактивной. Для этого я использовал фигму, сделал все переходы по страницам, всплывающие окна и микроанимации прямо в ней.
С этим прототипом платформы, ребята поехали на оффлайн выставку, где демонстрировали работу системы и даже давали «потыкать» её участникам.
