Оценили масштаб бедствия и разработали стратегию на полгода

Вводные

Для производителя взрывозащищённого оборудования Эридан сторонний подрядчик разработал сайт. Он не устроил весь совет директоров. С сайтом надо было что-то делать.

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

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

Процесс

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

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

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

Предложили упростить меню и заменить клик на скролл — более дешёвое действие.

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

Огромная страница категорий в каталоге не даёт пользователю выбора.

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

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

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

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

Поняли, что обилие украшательств прикрывает кривую вёрстку

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

Когда расчистили страницу, она вся рассыпалась — неровная вёрстка, спрятанный контент.

Логотип на ПК был слева, а тут переехал направо. В меню появился чёрный прямоугольник, в нём случайная иконка, что выбивается из стиля всего сайта.

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

Есть только список отзывов, по клику на название открывается пдф-ка в отдельной странице.

На первых 2 экранах страницы «О нас» — ни о чём не говорящий слоган, новое меню и коллажи фото. Ниже — сплошной текст, который никто никогда не прочитает.

Человек сам должен понять, зачем и куда ему смотреть.

Предложили разместить наверху всё самое важное. Коллажи разделить на самостоятельные фото и уместно добавить их как иллюстрации к блокам.

Рассмотрели с позиции «аналитика» — «проблема» — «решение» все страницы сайта.