Обновили дизайн, чтобы пользователям было проще разобраться со сложным оборудованием

Вводные

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

Проанализировать ошибки и удачные моменты на старом и свежеразработанном сайте.

Проработать сценарии использования и отразить в дизайне поведение пользователя на сайте.

Переработать структуру сайта и страниц.

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

Процесс

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

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

Вытащили самое важное из отзывов наружу, чтобы пользователи считывали преимущества и опыт заказчика.

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

На исходной продуктовой странице — цветовые акценты, плашки и украшательства, мелкий текст и пустые места.

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

Страница «О компании» существовала больше «чтобы была», чем рассказывала об Эридане.

На странице — коллажи из фотографий, абстрактный слоган, ещё одно новое меню и сплошной текст про компанию, который никто никогда не прочитает. На первых двух экранах — никакой конкретной информации об Эридане.

Всё важное для партнёров вытащили наверх. Акцентную информацию вынесли фактоидами. Коллажи разделили на фото, каждое добавили к соответствующему блоку текста.

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

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

Раньше отзывы открывались в новом окне в пдф-ке.

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

Посмотреть вживую