билайн now

Медиапортал билайн now

Новости компании, аналитика, мнения экспертов и многое другое
Год разработки: 2022

Что сделано

SEO-оптимизация
Мониторинг состояния сайта
API на базе 1С-Битрикс
Интеграция с системой заказчика
Личный кабинет
Проверено на компьютерах, планшетах и смартфонах
Адаптивная верстка
Мониторинг качества 1С-Битрикс
Проектирование архитектуры системы
Средняя скорость загрузки сайта 0,3 с
Оптимизация скорости загрузки сайта

Описание проекта

Заказчик

ПАО «ВымпелКом» (бренд билайн) является мировым поставщиком связи, со стремлением быть первым в персональных интернет-сервисах для более чем 50 миллионов клиентов, которых компания обслуживает на данный момент, и для многих других в ближайшие годы.

Реализация

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

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

  • Авторизация пользователя на сайте через интеграцию с системой Мобильный ID;
  • Интеграция с сервисом почтовой рассылки DashaMail;
  • Плавные анимации на стеке HTML и SCSS с применением Webpack, без использования сторонних библиотек;
  • Личный кабинет пользователя на React (SPA);
  • Возможность управления подпиской на интересующие материалы пользователя;
  • Синхронизация подписок после регистрации;
  • SEO-оптимизация;
  • Адаптивная верстка, с подходом mobile-first, с учетом сложных цветовых переходов и нестандартных сеток страниц;
  • Возможность скачивания фото и видео из галереи;
  • Интеграция с YandexSmartCaptcha;
  • Реализация на Highload блоках загрузки данных для построения графиков для Аналитики. Оптимизация таблиц, с результатами выполнения запрос < 1с на 1 млн записей;
  • Реализация на Front-end части вывода графиков для Аналитики с использованием библиотеки Charts.js;
  • Реализация полной настройки данных для вывода графиков и возможности взаимодействия с ними через фильтры и сортировки внутри статей.

билайн now

Дизайн-макеты

Адаптивность

Сайт адаптирован под смартфоны, планшеты и компьютеры.
билайн now
билайн now
билайн now
билайн now

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

Проведена оптимизация скорости загрузки страниц.

Front-end часть сайта построена без использования Bootstrap, с собственной нестандартной сеткой, под дизайн макеты. Верстка выполнена с mobile-first подходом по pixel prefect. С помощью препроцессоров и webpack удалось обеспечить стабильную и быструю загрузку страниц.

Реализованы работы по защите ресурса от DDos атак, проведено нагрузочное тестирование перед запуском.

Подключены системы мониторинга состояния сайта и системы аналитики, реализована интеграция интерактивных графиков на странице раздела «Аналитика».

Результат

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

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