8 лет digital-поддержки маркетинга и корпоративного сайта

Компания СООО «Мобильные ТелеСистемы» крупнейший оператор связи в Республике Беларусь. Ключевой точкой взаимодействия с пользователями является сайт «mts.by», ежедневным обслуживанием которого мы и занимаемся.

Архитектура под широкую аудиторию

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

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

Многоуровневая навигация без перегруза

Проект имеет очень объёмную структуру — до пяти уровней вложенности. Например:

Частным клиентам → Тарифы и услуги → Мобильный интернет → Акции → Страница акции.

Чтобы упростить восприятие, навигацию разделили на несколько меню и добавили расхлопы с заранее открытыми подразделами. Лишние уровни вложенности оптимизировали ещё на этапе проектирования структуры.  

Шаблоны страниц и локальный поиск

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

У МТС уже существовали гайды для веб-интерфейсов и собственный HTML-фреймворк. Сам фреймворк не подошёл из-за сильной привязки к российскому сайту, однако использование гайдлайнов позволило значительно ускорить сборку макетов страниц.  

Локальный поиск по тарифам

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

25 макетов и полная пересборка шаблонов

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

В том числе шаблоны спецпроектов и событий

Переход к адаптивной версии

Изначально, ещё в 2014 году, для проекта была разработана отдельная мобильная версия. Со временем такой подход уступил место адаптивной вёрстке, которая оказалась практичнее: вместо поддержки двух наборов шаблонов контент автоматически перестраивается под разрешение смартфона.

Роуминг и автоматическая сборка таблиц тарифов

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

Система автоматически подсказывает подходящие страны и формирует таблицу тарифов на основе данных из админки, без ручного редактирования HTML-кода.  

Динамическая карта вместо статичных изображений

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

Использование детализированных картинок тоже не подходило — у «Google Maps» есть ограничение на размер файлов до 10 Мб.

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

Проверка абонента перед оплатой

Для приёма платежей на сайте интегрировали биллинг «BePaid» и «SOAP-сервис МТС» для проверки и валидации абонента по введённому номеру.

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

Ежедневная поддержка и развитие сайта

Помимо разработки, команда ежедневно поддерживает сайт «mts.by» и выполняет регулярные задачи.

• Поддержка актуальных версий ПО — ежеквартальное обновление ядра «Битрикс», версий «PHP» и MySQL, мониторинг безопасности и обновление доступов.
• Работа с брендбуком — обновление стилеобразующих элементов при изменениях визуальной подачи: форм, слайдеров, логотипов и других компонентов.
• Сборка лендингов и новых шаблонов — разработка страниц с нетиповой подачей: дизайн, вёрстка и интеграция готовых решений.