Киевстар

Дизайн Frontend Backend QA Поддержка
Київстар
Как мы делали новый сайт для “Киевстара”
Выиграть тендер на разработку сайта “Киевстара” — это, пожалуй, мечта любого веб-агентства Украины. Мы к этой мечте пришли в 2016 году. Нам поставили задачу создать ресурс, который должен выдерживать нагрузки, работать с клиентскими сервисами, быть функциональным и удобным для корпоративных работников. Требовалась масштабная интеграция с внушительным количеством сервисов партнеров “Киевстара”, но при этом нужно было сохранить стабильность и привлекательность оболочки.

4 миллиона в месяц — это только начало

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

На чем разрабатывали?

После нескольких рабочих совещаний было решено использовать для нового сайта “Киевстар” мощности движков Vue JS, Node JS и Drupal. Мы осуществили интеграцию микросервисов SOAP, 1C, Bitrix24, MailChimp и Rest Api, внедрили виджеты ПриватБанка. Это позволило отправлять пуш-уведомления в браузер и приложения, интегрировать каталог и администрировать сайт.

Обновленный поиск

Поиск на сайте заработал благодаря движку ElasticSearch и Api. Абонентам “Киевстар” стало легче находить в поиске свой город, район и даже дом с помощью алгоритма совпадений. Опечатки — это не проблема, ведь система умная и сама определяет правильное слово.

Покрытие и региональный модуль

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

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

Интеграции

Здорово потрудились над интеграцией с Google. Если использовать поиск на сайте “Киевстар”, то можно получить результат прямиком из Google. При этом оформление страницы будет неотличимо от общей стилистики сайта “Киевстар”.

Поиск работы

Модуль на Drupal, о котором мы говорили выше, интегрируется с сайтами для поиска работы, благодаря сервису Lever. В результате пользователи могут видеть на корпоративном сайте все вакансии компании “Киевстар”. Там же кандидат может заполнить анкету и отправить менеджеру для рассмотрения.

Ретроспектива

За все время работ было разработано более 3000 страниц кода и 500 различных экранов. Такая статистика завораживает и заставляет ностальгировать о проделанной работе!

Выводы

Сегодня сайт “Киевстар” без проблем выдерживает любые нагрузки.
Разработанные модули максимально заточены на удобство пользователя. Навигация сайта стала удобнее, клиенты получили доступ к региональным акциям, могут искать работу и сотрудничать с любимым оператором.
Интерфейс простой и понятный, благодаря этому информация на сайте стала доступна каждому.

Технологии
Frontend
VUE.JS VUE.JS HTML СSS HTML СSS
CMS
DRUPAL DRUPAL
Backend
NODE.JS NODE.JS REST REST
Рассылки
MAILCHIMP MAILCHIMP
Next
Сделаем проект вместе
Расскажите о вашем проекте:
Только один файл.
Ограничение 5 МБ.
Допустимые типы: pdf, doc, docx, odt, ods.
5 / 5 (463 голоса)