Редизайн сайта Сибтензоприбор

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

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

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

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

После. В хедере появилось больше «воздуха», в слайдере теперь есть фоновое видео с производства и основные преимущества компании.

Особое внимание мы уделяем адаптивной версии.

Вся навигация, поиск и каталог расположились в «бургер-меню».

До редизайна:

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

Старый вариант. Партнеры и новости были в одном блоке, сейчас мы это разделили. Стоит ли сравнивать? 🙂

Новый вариант. Теперь блок «Партнеры» представлен в виде слайдера и реагирует на наведение.

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

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

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

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

Помимо самих дизайн-макетов страниц, мы обновили шрифты на всем сайте и создали типовую страницу с перечнем всех элементов (заголовки, таблицы, отступы и пр.), а также UI-кит с кнопками и элементами сайта.

Все страницы были отрисованы в 4 разрешениях экрана: 1920, 1600, 1024 и 320 пикселей. За счет проработки промежуточных брейкпоинтов мы смогли увеличить общие поведенческие показатели проекта.

Всего мы отрисовали более 70 макетов, на всю работу «под ключ» с версткой ушло 3,5 месяца.

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