COMETAL: сайт платформы от Северстали, объединяющей мощности металлообрабатывающих и машиностроительных предприятий

Главное о кейсе

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

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

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

1. Конверсия в заявку увеличилась на 18%
2. Количество заявок с сайта выросло на 20%.

Как проект изменил жизнь пользователей

Мы получили множество положительных отзывов от пользователей, но лучше всего за нас скажут метрики:
1. Конверсия в заявку увеличилась на 18%.
2. Конверсия в заявку со страниц услуг увеличилась на 15%
3. Количество заявок с сайта выросло на 20%.
4. Отказы по страницам услуг сократились в 2 раза.
5. Глубина просмотра увеличилась на 45%.
6. Продолжительность просмотра увеличилась на 24%.

Бизнес-задача и ее решение

БИЗНЕС-ЗАДАЧА
Увеличить количество заявок, получаемых через сайт платформы COMETAL.


КАК РЕШАЛИ ЗАДАЧУ

Предпроектное обследование

1. Провели бизнес-ресерч с представителем продукта и маркетологом. Собрали и актуализировали информацию для последующей работы — структура, ключевая задача сайта и референсы. Сформулировали виденье по контентной части сайта.

2. Сегментировали клиентов COMETAL по категориям услуг и размеру бизнеса, исходя из данных заказчика.

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

4. Забрифовали заказчика на исследование.
_____

Исследование аудитории

1. Провели качественное исследование по методологии глубинных интервью, чтобы получить более объективные данные о пользователях. Достигли насыщения данными за 25+ интервью.

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

Проектирование и прототипирование

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

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

Дизайн-концепция

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

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

2. Сэкономили время на итерациях «подгонки» стилей в единый концепт — воспользовались нашим методом «прото-дизайна».

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

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

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

4. Без дополнительных переделок и замечаний разработали полноценную дизайн-концепцию со своим узнаваемым стилем.
_____

Дизайн

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

Мы согласовывали все страницы со стейкхолдерами COMETAL и в 90% сделали это с минимальными правками и вопросами.
_____

Разработка

У платформы серьёзные технические требования к безопасности и масштабированию.

Для реализации мы выбрали 1С-Битрикс, так как он удовлетворял этим требованиям и является одним из ключевых инструментов разработки в компании.

Сайт связан с внутренним порталом COMETAL. Каждая заявка автоматически уходит туда и создаёт тикет. Таким образом информация не теряется и повышается уровень омниканальности.

ПЛАНЫ
Дорабатывать сайт, исходя из сформировавшегося бэклога, гипотез

Крафт (мастерство), реализация, технические детали

- использовали продуктовый подход для реализации работы: провели этап поиска проблем с разных сторон, валидировали проблемы с помощью метрик, подходили к работе через lean-подход и работали по спринтам;

- к дизайну и проектированию подходили через метод «прото-дизайна» для более быстрой презентации и согласования идей.

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

Прочая информация о кейсе

COMETAL – собственная разработка ООО «Северсталь Цифровые Решения» отечественного уникального комплексного решения в сфере информационных технологий (ИТ), в целях цифровой трансформации сферы закупок и сбыта изделий из металла и предоставления смежных услуг для промышленных предприятий и частных лиц.

Antro — агентство, которое занимается продуктовыми исследованиями, дизайном и разработкой. На рынке с 2018 года. Работает с лидерами рынка — New Balance, Bootwood, FINN FLARE, Lassie, HYPERPC и др. Ранее называлось Mojo.

Скриншоты

Комментарий заказчика

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

Команду Antro нам порекомендовали, как специалистов, которые разработали эффективный подход к проектированию и разработке сервисов. Ребята основываются на данных и берут на себя не только роль дизайнеров или разработчиков, но и полностью забирают ответственность на этапе Discovery.

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

В 2024 продолжим развитие с командой Antro.