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

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

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

Собираем первичную структуру

Структура разделов сайта

Проект изначально имеет самую широкую аудиторию, и это нужно было учитывать в структуре. В частности:

Для физ.лиц

Для юр.лиц

Русскоговорящие

Белорусскоговорящие

Англоговорящие

Слабовидящие

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

Навигация по сайту

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

Например: Частным клиентам > Тарифы и услуги > Мобильный интернет > Акции > Страница выбранной акции

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

Готовим шаблоны

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

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

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

Сборка остальных шаблонов сайта

25 макетов

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

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

Адаптив для смартфонов

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

Технические решения и особеннности проекта

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

Роуминг и таблицы цен

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

Карта покрытия

Карты покрытия плотно связаны с картографией. Для отображения слоёв обычно используются картинки-заготовки, которые привязываются к координатной сетке и отображаются на карте. Проблема с картинками в том, что они теряют в качестве при увеличении и размываются. Поэтому границы приёма отображаются некорректно. Это вызывало критику пользователей в адрес МТС.

А подключение детализированных изображений не подходило, так как у GMaps ограничение на размер 10 Мб.

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

Прием платежей

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

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

Кроме этого, мы ежедневно поддерживаем сайт mts.by, решая рутинные задачи.

Поддержка актуальных версий ПО

Раз в квартал мы обновляем ядро Битрикс, версии php и mysql, если потребуется. Делаем мониторинг безопасности и решаем возникающие проблемы, обновляем доступы входа.

Работа с брендбуком

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

Сборка лендингов и новых шаблонов

Мы отвечаем за сборку страниц с нетиповой подачей. Как правило, это страницы, которые не достаточно набрать текстом. Рисуем, верстаем, интегрируем.

Обновить хедер

Обновить подачу слайдеров

Реализовать форму поиска и фильтрации вакансий

Элемент морфинга, с котейкой

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