Редизайн сайта Эридан

Релиз

23 августа 2023

Клиент

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

Вводные

Ситуация

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

Решение

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

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

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

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

Процесс

Главная — как презентация, которая рассказывает о компании и разводит пользователей по всему сайту

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

С каждого блока информации пользователь может перейти на отдельную страницу.

На первый экран вынесли продукцию компании.

Рассказали об инновационном предложении — «Диалог PRO». Это уникальная разработка компании, поэтому важно не прятать информацию о ней.

Крупно вынесли информацию по сертификатам. Для многих партнёров в первую очередь важно, чтобы продукция соответствовала определённым стандартам и требованиям.

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

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

Переделали запутанную структуру в понятный каталог с фильтрацией

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

До

После

Проработали акценты для более лёгкого считывания контента

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

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

До

После

Подробно рассказали о компании и проиллюстрировали каждый тезис

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

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

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

До

После

Сделали новости более выразительными и явно выделили последнее событие

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

До

После

Проработали типографику на текстовых страницах, чтобы их было удобно читать

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

Вытащили ключевую информацию из отзывов наружу

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

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

До

После

Пересобрали «Контакты» в стиле остального сайта

Упростили структуру документации, вывели всю документацию о товаре на одну страницу

До

После

Задизайнили окна быстрого заказа и  отслеживания его статуса

Обновили остальные страницы в новом дизайне

Результат

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

После запуска сайта показатель отказов стал падать, а время, проведённое на сайте, — расти

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

Ещё Эридан