Mail.ru — российская IT-корпорация которая развивает несколько десятков проектов. В этот список входит электронная почтовая служба.

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

Мы развиваем проект «Итоги года» на протяжении уже четырех лет. Наша задача — сделать промо-сайт, который рассказывает динамичную, интересную историю об активности пользователя.

Фронтенд-разработка, верстка, настройка микросервиса для кастомных шарингов

Мы разрабатываем функционал, который собирает статистику и выводит ее на экран в считанные секунды. Наши разработчики пишут скрипты для 4 страниц, которые генерируются в зависимости от активности пользователя. Страница подводит итоги по количеству полученных/отправленных писем, самому активному месяцу, использованию мобильного приложения и разных тем. Для тех, кто только недавно зарегистрировал почтовый ящик, создается страница-заглушка, а для неавторизованных пользователей — дополнительная страница с возможностью зайти на сайт.

Фронтенд-разработка, верстка, настройка микросервиса для кастомных шарингов, интеграция сервисов аналитики mail.ru

Страницы промо-сайта создаются по принципу 2018 года. Для нового формата результатов в стиле Instagram stories мы выбираем нативную настройку переключателя слайдов так, чтобы пользователю было удобно воспринимать информацию. Дополнительно разработчики добавляют функцию ручного переключения. На страницу добавляется функционал кастомного шаринга, чтобы пользователь мог поделиться уникальной картинкой в соцсетях. Для этого мы используем специально написанный сервис html2png. Он позволяет наложить цифру результата на фоновое изображение, автоматически сделать скриншот и передать итоговую картинку в OG Image для шаринга.

Фронтенд-разработка, верстка, настройка микросервиса для кастомных шарингов, интеграция сервисов аналитики mail.ru

В 2020 году схема подведения итогов года меняется — статистика учитывает функции портала, которые были использованы в течение года (звонки, календарь, таск-менеджер и прочие). Мы верстаем промо-сайт по дизайну клиента и прописываем логику работы. Наши разработчики добавляют функцию отправки письма «любимке», то есть самому популярному получателю. На промо-сайте появляется видеосюжет о самой почте и ее возможностях, записанный с помощью сервиса Диктор Mail.ru. Фронтенд для него разработан нашей командой.

Фронтенд-разработка, верстка, микросервис для генерации кастомных шарингов, настройка анимации

В 2021 году статистика становится более персонализированной. Чтобы подчеркнуть уникальность каждого пользователя почты, мы настраиваем кастомизированные метрики. Пользователю присваивается один из 20 статусов — Дон Почтоне, Горячий пирожок, Марусинин или другой — по метрике, которая встречается у наименьшего процента пользователей. Презентация результатов становится более динамичной и интересной благодаря использованию анимации и 3D-изображений. Мы верстаем проект и привязываем анимацию к прокрутке страницы в мобильной и десктопной версиях.

Платформа для проекта — VK Cloud Solutions. Облачный сервис отличается надежностью, легко масштабируется, использует несколько виртуальных машин и поэтому легко выдерживает большие нагрузки.

человеко-часов отработала наша команда

часа списано в Jira за последнюю неделю

4

недели ушло на реализацию проекта