Кейс

Обновление сайта "Альта-Профиль"

Полностью обновили код и разработали дизайн сайта alta-profil.ru.
Сделали его удобнее, быстрее и информативнее для пользователей.

Отрасль

Производство и дистрибьютеры

Услуга

Разработка сайтов

Стек

Vue.js с ssr, Nuxt.js, Bitrix rest api,

Сайт клиента

www.alta-profil.ru

Авторы кейса:

Максим Питирянинов

Менеджер проектов

Артем Савинов

Руководитель юнита разработки

Обсудить задачу с Комплето

Задачи

1. Ускорение сайта

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

2. Обновление дизайна

В 2019 году в компании «Альта-Профиль» прошел ребрендинг. Необходимо было разработать дизайн, соответствующий новому фирменному стилю. Мы опирались на обновленный брендбук компании, в результате получился современный и понятный сайт.

3. Доработка интерфейса

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

Каталог

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

Проработали логику фильтрации и отображения ассортимента в меню и каталоге.
Добавили всплывающие подсказки для быстрого просмотра характеристик.
Оптимизировали систему навигации по страницам сайта, упорядочив товарные категории.
Добавили возможность выбора дополнительных опций услуг, которые добавляются в корзину.
Добавили предпросмотр товарных категорий и серий продукции. Ориентироваться в ассортименте стало проще.
Заложили функционал скидок (перечеркнутая цена), который будет использоваться в будущем.
Адаптировали навигацию по категориям и товарам в мобильной версии. Пользователь может оперативно найти нужный товар и оформить заказ.

Посадочные промо-страницы

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

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

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

Раздел «Где купить»

Покупать продукцию стало проще, так как мы:

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

Увеличили скорость работы сайта в 10 раз

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

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

Отзыв клиента

Вместе с Комплето мы инфраструктурно обновили ключевой элемент нашей маркетинговой стратегии – сайт Альта-Профиль. Примененные в ходе работы над проектом новейшие технологии и тренды в веб-дизайне еще долгое количество лет позволят нам оставаться на пике текущих тенденций в сайтостроении и e-commerce.