АльфаСтрахование — Жизнь2018–2022

LifePoint — портал продаж

Frontend-разработчик → Frontend Lead

Логотип LifePoint
4+ года
работы над платформой
4 + 2
штатная команда и подрядчики
jQuery → React
технологическая миграция
1
единая дизайн-система
Стек
Next.jsReactTypeScriptReduxJavaScriptjQueryPHPBitrixFigma
Период
Февраль 2018 — апрель 2022
Роль
Frontend-разработчик → Frontend Lead
Клиент
АльфаСтрахование — Жизнь

О проекте

LifePoint — цифровой портал развития продаж и обучения для сотрудников и партнёров АльфаСтрахование — Жизнь. С февраля 2018-го по апрель 2022-го я прошёл в проекте путь от frontend-разработчика до лида frontend-проектов компании: поддерживал работающий Bitrix-продукт, инициировал переход на современный стек, развивал новую платформу параллельно с legacy-версией и отвечал за команду из четырёх штатных разработчиков и двух специалистов со стороны подрядчиков.

Продажи, обучение и сервисы в одной точке

LifePoint создан компанией АльфаСтрахование — Жизнь для сотрудников и партнёров. Портал объединяет оформление страховых и инвестиционных продуктов, обучение, рабочие материалы, инструменты мотивации и сервисы постпродажного обслуживания.

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

  • Оформление страховых и инвестиционных продуктов
  • База знаний и библиотека документов
  • Обучение и повышение квалификации
  • Мотивация и вторичные продажи
Обзор возможностей портала LifePoint

Поддержка большого legacy-приложения на Bitrix

В феврале 2018 года я пришёл в проект frontend-разработчиком. На старте клиентская часть была тесно связана с Bitrix: новый функционал и поддержку мы реализовывали на JavaScript, jQuery, PHP, HTML и CSS внутри существующего приложения.

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

  • Поддержка работающей Bitrix-платформы
  • Разработка новых пользовательских сценариев
  • Работа с JavaScript, jQuery, PHP, HTML и CSS
  • Анализ ограничений текущей архитектуры

Сначала доказать необходимость React, затем провести переход

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

После согласования мы начали поэтапно переписывать платформу на Next.js, React, Redux и TypeScript. При этом legacy-решение нельзя было остановить: команда параллельно поддерживала текущую версию, выпускала новый функционал и переносила приложения на современную основу с Redux Thunk и Redux Toolkit.

  • Next.js и React как основа новой платформы
  • Redux, Redux Thunk и Redux Toolkit
  • Постепенная типизация на TypeScript
  • Миграция без остановки работающего продукта

Единый язык интерфейсов LifePoint

Из-за отсутствия штатного продуктового дизайнера я провёл аудит интерфейсов LifePoint, спроектировал UI Kit и участвовал в создании библиотеки React-компонентов. Система объединила разные рабочие сценарии и кратно ускорила разработку новых экранов.

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

  • UX-аудит по пользовательским ролям
  • UI Kit в Figma
  • React-библиотека компонентов
  • Единые правила интерфейсов

От разработчика до лида frontend-проектов

По мере технологической трансформации росла и моя зона ответственности. Я стал отвечать за frontend-направление и команду из четырёх штатных разработчиков и двух специалистов со стороны подрядчиков.

В работу входили взаимодействие с кросс-функциональными командами, декомпозиция технических задач, Code Review, обучение младших разработчиков и создание гайдлайнов, которые помогали удерживать единый уровень качества в разных frontend-проектах компании.

  • Ответственность за команду 4 + 2
  • Code Review и инженерные гайдлайны
  • Обучение младших разработчиков
  • Координация с кросс-функциональными командами

Приложение для генерации новостей

Отдельным направлением стало внутреннее приложение для отдела маркетинга. Оно помогало готовить и генерировать новости для публикации на портале LifePoint, сокращая ручную работу с контентом.

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

Четыре года технологической и командной трансформации

LifePoint стал проектом, в котором я прошёл путь от поддержки отдельных интерфейсов до ответственности за frontend-проекты компании, архитектурное направление и развитие команды.

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