Процесс работы
Главная страница. Первый экран и хедер
Первым делом мы отрисовали главную страницу, вот так выглядит первый экран до и после редизайна.
Старый макет. Видим насколько все скомкано и перегружено. В те времена устройства были меньше и мы старались вписывать в более узкую ширину весь основной контент.
После. В хедере появилось больше «воздуха», в слайдере теперь есть фоновое видео с производства и основные преимущества компании.
Весь фото-видео контент сайта разрабатывался по нашему техническому заданию и под нашим контролем.
Особое внимание мы уделяем адаптивной версии.
Вся навигация, поиск и каталог расположились в «бургер-меню».
Блок «О компании»
Блок «Сибтензоприбор в цифрах»
До редизайна:
После редизайна. Теперь при наведении появляется анимация продукции с отдельной инфографикой по каждому виду оборудования.
Блок «Партнеры» и «Новости»
Старый вариант. Партнеры и новости были в одном блоке, сейчас мы это разделили. Стоит ли сравнивать? 🙂
Новый вариант. Теперь блок «Партнеры» представлен в виде слайдера и реагирует на наведение.
Сквозная форма обратной связи
Перед футером расположилась сквозная форма обратной связи, которая есть на всех страницах сайта.
Футер
Теперь в футере есть верхний уровень каталога, мессенджеры и правовая информация. Он стал более содержательным и современным.
Каталог продукции
Хабовая страница каталога претерпела значительные изменения, иконки стали более легкими, добавилось пространство для их легкого восприятия.
Карточка товара
Изменилась компоновка элементов и добавилось пространство, теперь читается и воспринимается легче.
Шрифты и типовые элементы
Помимо самих дизайн-макетов страниц, мы обновили шрифты на всем сайте и создали типовую страницу с перечнем всех элементов (заголовки, таблицы, отступы и пр.), а также UI-кит с кнопками и элементами сайта.
Адаптивные макеты
Все страницы были отрисованы в 4 разрешениях экрана: 1920, 1600, 1024 и 320 пикселей. За счет проработки промежуточных брейкпоинтов мы смогли увеличить общие поведенческие показатели проекта.
И ещё немного страниц
Вывод
Всего мы отрисовали более 70 макетов, на всю работу «под ключ» с версткой ушло 3,5 месяца.
Клиенту очень понравился результат, при этом нам удалось сохранить поисковый трафик и конверсию за счет сохранения урловой структуры сайта и поэтапного релиза, при переходе на новую версию.