Личный кабинет REDSMS

REDSMS — сервис для отправки СМС-рассылок и уведомлений.

Клиенты могут использовать личный кабинет для настроек и непосредственной отправки СМС. Есть возможность интеграции по HTTP API или SMPP.

Я руководил разработкой, занимался процессами, планированием, эксплуатацией и непосредственно писал код. Мне удалось поработать с нетипичным протоколом SMPP и разобраться в специфике отправки сообщений.

Обновление личного кабинета

Когда я пришёл, клиентская часть личного кабинета обросла большим количеством legacy как с точки зрения кода, так и с точки зрения дизайна. Не было исчерпывающих макетов. Часть экранов и элементов, реализованных в интерфейсе, не была отрисована.

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

Было принято решение выкатывать редизайн итерационно — для отдельных экранов и разделов. Такой подход позволил нам сразу вносить улучшения и собирать обратную связь от клиентов.

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

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

Обновление публичной документации

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

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

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

Я инициировал перенос клиентской документации на единую платформу docs.redsms.ru. Для обновления контента мы взаимодействовали с технической поддержкой и менеджерами клиентов, чтобы учесть типовые вопросы.

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

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

Стабилизация эксплуатации

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

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

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