Комплексная модернизация сайта АО «Мослифт»

Как итог, изменения помогли компании «Мослифт» улучшить свой имидж в цифровом пространстве, повысить лояльность пользователей и улучшить взаимодействие с клиентами.

Основные этапы и задачи проекта

1. Исправление ошибок слайдеров и аккордеонов

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

Слайдер на странице http://moslift.fortest.org/investors/ не работал корректно из-за конфликта JavaScript с аккордеоном.

Мы переписали скрипт, чтобы избежать конфликта, и внедрили его в отдельный файл (script.js) специально для шаблона страницы инвесторов. Это позволило слайдеру и аккордеону функционировать одновременно, что улучшило удобство использования.

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

Функция проверки адреса на предмет обслуживания АО «Мослифт» давала пользователям стандартное и неинформативное сообщение, если их дом не был в списке обслуживаемых объектов. Сообщение «Лифт не обслуживается» было слишком кратким и не давало пользователям дальнейших инструкций.

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

3. Упрощение блока «Пользователям лифтов»

Раздел для пользователей лифтов на сайте был перегружен избыточными фразами и неработающими ссылками, что создавало сложности для восприятия информации. В блоке находилось слишком много лишних элементов, таких как фраза «МОСЛИФТ всегда работает для жителей и вместе с ними», которая не добавляла ценности пользователям. Некорректные гиперссылки и неработающие кнопки также негативно влияли на пользовательский опыт.

Мы провели полный аудит этого раздела и внесли следующие изменения:

• Убрана фраза, которая не имела практической ценности.
• Обновлён файл с полезной информацией для пользователей ЖКХ, чтобы он содержал актуальные данные.
• Исправлены кнопки и ссылки, обеспечив корректное перенаправление пользователей на соответствующие страницы и формы.

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

4. Модернизация блока «Инвесторам»

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

Старые данные на сайте не демонстрировали весь масштаб работы компании, не подчёркивали её лидерские позиции на рынке и ключевые достижения.

Мы полностью обновили раздел.

• АО «Мослифт» — единственная отечественная лифтовая компания полного цикла.
• 70 лет успешной работы на российском рынке.
• Более 3000 высококвалифицированных сотрудников и более 2 тысяч заказчиков.
• Годовой оборот компании превышает 6,5 миллиардов рублей.
• 80 тысяч лифтов на обслуживании, что составляет 2/3 жилого фонда Москвы.
• АО «Мослифт» входит в топ-5 европейских компаний по объёму сервисного портфеля.

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

5. Исправление отображения филиалов на карте

Для пользователей важно было иметь доступ к точной информации о филиалах компании и их расположении на карте, однако функционал карты был некорректным. Филиалы компании не отображались на карте, несмотря на то, что информация о них была доступна в списке. Это затрудняло поиск ближайших представительств.

Мы внедрили кастомный компонент news.list, который интегрировал координаты филиалов на Яндекс.Карты. Теперь, при добавлении новых филиалов или обновлении существующих данных, координаты автоматически отображаются на карте.

Мы также сделали редактирование точек на карте доступным через административную панель, что упростило процесс управления филиалами для контент-менеджеров.

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

6. Кросс-браузерная оптимизация и мобильная адаптация

Сайт АО «Мослифт» был плохо оптимизирован для работы в различных браузерах и на мобильных устройствах. Это ограничивало доступ пользователей, так как сайт корректно отображался только в браузере Google Chrome.

В браузерах Mozilla Firefox и Safari возникали баги с отображением элементов сайта, текст смещался, а изображения растягивались. На мобильных устройствах были проблемы с отображением меню и контента, что делало использование сайта неудобным.

Мы провели масштабные правки в верстке и стилях сайта:

• Исправили стили для различных браузеров, обеспечив корректное отображение сайта в Firefox, Safari и других популярных браузерах.
• Адаптировали сайт для мобильных устройств, добавив медиазапросы, чтобы меню не выходило за пределы экрана, а текст и изображения корректно отображались на всех устройствах с разным разрешением экрана.
• На странице «Продукция» исправили отображение градиента под заголовком, который был виден только в одном браузере. Теперь этот элемент отображается корректно во всех браузерах.

Также была исправлена ошибка с обрезанием изображений. Мы настроили атрибут object-fit: cover для изображений, чтобы они сохраняли свои пропорции при изменении размеров. Это улучшило визуальное восприятие сайта и сделало его более эстетичным.

7. Техническая поддержка и устранение багов на сайте

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

Что было сделано:

• Исправили отображение новостей: ранее новости отображались только в количестве 20 штук. Мы увеличили лимит до 100 новостей, чтобы все элементы корректно выводились на странице.
• Решили проблему с лишними HTML-тегами, которые мешали корректной загрузке новостей на некоторых страницах.
• Улучшили работу бокового меню на странице услуг: теперь оно открывается на всю ширину экрана и не заезжает за рамки.
• Исправили отображение буллетов в списках, которые смещались из-за пустых параграфов, добавляемых контент-менеджерами. Теперь списки корректно отображаются на всех страницах.

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

Результаты проекта

После завершения всех этапов модернизации сайт АО «Мослифт» значительно преобразился, став более удобным, функциональным и современным. Основные достижения проекта: