Все кейсы

Телеком

Заказная веб-разработка

Интеграция в вашу команду

Разработка на 1С-Битрикс

UX\UI-дизайн и проектирование

Корпоративный сайт

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

Клиент

МТС Беларусь

Дата запуска

Март 2022

Что сделали

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

mts.by

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

О проекте

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

Структура сайта

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

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

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

Навигация

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

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

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

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

Шаблоны

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

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

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

Тарифы

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

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

Сборка шаблонов

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

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

Сборка шаблонов

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

Мобильная версия

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

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

Технические решения

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

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

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

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

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

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

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

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

Пополнение баланса

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

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

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

Поддержка проекта

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

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

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