Медиапортал билайн now
Новости компании, аналитика, мнения экспертов и многое другоеЧто сделано
Описание проекта
Заказчик
ПАО «ВымпелКом» (бренд билайн) является мировым поставщиком связи, со стремлением быть первым в персональных интернет-сервисах для более чем 50 миллионов клиентов, которых компания обслуживает на данный момент, и для многих других в ближайшие годы.
Реализация
В 2021 году мы, совместно с "aic." приступили к работе над проектом нового медиапортала «билайн now». Основной задачей являлось создание современного и быстро работающего ресурса, где пользователи смогут смотреть и читать всю актуальную информацию о развитии технологий как внутри компании билайн, так и у её партнеров..
Дизайн был выполнен нашими партнерами из компании, мы же провели работу над логикой и архитектурой сайта, версткой и внедрением следующих функций:
- Авторизация пользователя на сайте через интеграцию с системой Мобильный ID;
- Интеграция с сервисом почтовой рассылки DashaMail;
- Плавные анимации на стеке HTML и SCSS с применением Webpack, без использования сторонних библиотек;
- Личный кабинет пользователя на React (SPA);
- Возможность управления подпиской на интересующие материалы пользователя;
- Синхронизация подписок после регистрации;
- SEO-оптимизация;
- Адаптивная верстка, с подходом mobile-first, с учетом сложных цветовых переходов и нестандартных сеток страниц;
- Возможность скачивания фото и видео из галереи;
- Интеграция с YandexSmartCaptcha;
- Реализация на Highload блоках загрузки данных для построения графиков для Аналитики. Оптимизация таблиц, с результатами выполнения запрос < 1с на 1 млн записей;
- Реализация на Front-end части вывода графиков для Аналитики с использованием библиотеки Charts.js;
- Реализация полной настройки данных для вывода графиков и возможности взаимодействия с ними через фильтры и сортировки внутри статей.
Видео работы сайта
Дизайн-макеты
Адаптивность
Сайт адаптирован под смартфоны, планшеты и компьютеры.Технические особенности проекта
Проведена оптимизация скорости загрузки страниц.
Front-end часть сайта построена без использования Bootstrap, с собственной нестандартной сеткой, под дизайн макеты. Верстка выполнена с mobile-first подходом по pixel prefect. С помощью препроцессоров и webpack удалось обеспечить стабильную и быструю загрузку страниц.
Реализованы работы по защите ресурса от DDos атак, проведено нагрузочное тестирование перед запуском.
Подключены системы мониторинга состояния сайта и системы аналитики, реализована интеграция интерактивных графиков на странице раздела «Аналитика».
Результат
Результатом работы стал технологичный и дружелюбный к пользователям сайт, позволяющий заинтересованным пользователям найти любую информацию, касающуюся компании и её деятельности в режиме реального времени.
Вовлеченность заказчика на каждом этапе проекта способствовала оперативной обратной связи. Сложные решения принимались совместно, что позволило быстро закрывать возникающие вопросы и сделать релиз в планируемые сроки.