Платферрум
Маркетплейс металлопроката, B2В
Платформа, на которой можно покупать и продавать металл, а также использовать финансовые инструменты. В рамках проекта я участвовал в разработке сайта, личного кабинета и внутренних систем управления, а также в развитии бренда и продвижении продукта.
Год
2021 — по н в.
Роль
Дизайнер в команде
Задачи
Проектирование интерфейсов
Работа с UI-китом
Веб-дизайн
Разработка на Tilda
Айдентика
Графический дизайн
Проектирование интерфейсов
Этап сбора информации и поиска решений
Сбор технических и бизнес-требований, анализ текущих метрик, конкурентный анализ и бенчмаркинг.
Цель
Создать упрощённые прототипы для первичного обсуждения и поиска подходящих решений.
Пример
Задача: переработать лейаут личного кабинета клиента.
Проблема: личный кабинет был ограничен контейнером 1200 px, из-за чего работать с большим объёмом данных было неудобно. Эти ограничения также усложняли внедрение нового функционала.
Решение: анализ статистики показал, что личным кабинетом в основном пользуются с ПК. Мы добавили брейкпоинт 1920 px, расширили рабочую область и отказались от мобильной версии, что позволило сократить время на проектирование и разработку.
Новый лейаут также дал возможность внедрить систему уведомлений и ускорить обработку входящих запросов.
+7,1%
рост MAU
+3,5%
скорость ответа на запросы
−10%
время разработки
Этап проектирования и тестирования
Построение user flow и CJM, разработка концептуальных макетов основного сценария, тестирование возможных решений.
Цель
Найти оптимальные решения, которые учитывают требования бизнеса, технические ограничения и задачи пользователей, а также определить критерии успеха.
Пример
Задача: обновить главную страницу.
Проблема: главная страница устарела и не удерживала внимание пользователей. Анализ тепловых карт и вебвизора показал устойчивый паттерн: после второго экрана пользователи уходили в каталог смотреть цены.
Решение: в интервью пользователи рассказали, что регулярно отслеживают рыночные цены. Анализ конкурентов помог точнее восстановить пользовательский путь. В результате мы вынесли на главную страницу статистику по ценам и динамику изменений по самым популярным категориям.
+10,3%
визиты новых пользователей
+7,1%
время просмотра
+4,4%
глубина просмотра
Этап подготовки к передаче в разработку
Проработка всех сценариев и состояний интерфейса, подготовка описаний для разработчиков и аналитиков, демонстрация логики работы с помощью видеоанимации и интерактивных прототипов в Figma и Tilda.
Цель
Снизить вероятность ошибок на этапе разработки и показать стейкхолдерам все нюансы работы интерфейса.
Пример
Задача: спроектировать PIM-систему.
Проблема: MVP 0.5 включал множество сценариев. Система была объёмной, и тестирование отдельных элементов не давало полной картины.
Решение: стейкхолдеры и менеджеры протестировали интерактивный прототип ключевых блоков. После внесения ряда изменений макеты передали в разработку. В дальнейшем систему дорабатывали, не затрагивая уже протестированные принципы работы интерфейса.
Веб-дизайн и разработка на Tilda
Для эффективного продвижения маркетинговая команда регулярно тестировала новые офферы для разных сегментов аудитории. Поэтому задачи по созданию лендингов появлялись постоянно.
Чтобы снизить нагрузку на дизайн и разработку, в дополнение к текущему UI-киту я создал библиотеку стандартных блоков и перенёс часть разработки на Tilda.
64
стандартных блока-компонента
2,5 раза
уменьшение time to market
Айдентика
На старте проекта стояла задача разработать единый фирменный стиль с учётом уже существующих материалов. «Платферрум» — суббренд «Северстали» со своей идентичностью, поэтому важно было учитывать и айдентику материнского бренда.
После интервью со стейкхолдерами я сформулировал позиционирование и описал метафору фирменного стиля. Затем подготовил руководство по работе с айдентикой и шаблоны для внутренней и внешней коммуникации.
Графический дизайн
Иллюстрации
Я создал и развивал два набора 3D-иллюстраций: тематические сцены и иконки для рекламы и коммуникационных материалов, а также набор моделей металлопроката.
250+
3D иллюстраций
❤️Личная награда
Для внутренней коммуникации я создал двух персонажей, которых назвали «Платфоши». Персонажи часто появлялись вместе и взаимодействовали друг с другом, поэтому метафора бренда «объединение рынка металла» сработала и как метафора «объединения команды». Персонажи полюбились сотрудникам, и со временем их стали использовать самостоятельно. Для меня это стало личной внутренней наградой.
