Устойчивое развитие
Страница о ведении деятельности компании АО «НСПК» в области социально значимых направлений и поддержке экологии
Комплексная трансформация экосистемы НСПК
Клиент и задачи
Клиент: НСПК (Национальная система платёжных карт), включая Систему быстрых платежей (СБП).
Формат взаимодействия: заявочная модель.
Период работы: 2024–2025.
Направления работ:
- техническое SEO-сопровождение;
- техническая разработка и доработка сайта;
- аналитика и интеграции;
- accessibility / версия для слабовидящих;
- контентная и структурная оптимизация;
- обучение внутренней команды.
Задачи проекта
НСПК — крупный государственный финтех-проект с высокой нагрузкой, большим количеством сервисов и сложной инфраструктурой. Работа велась одновременно с русскоязычной версией nspk.ru и англоязычной версией nspk.com.
На старте проекта ключевыми проблемами были:
- нестабильная техническая работа отдельных разделов сайта;
- низкая скорость загрузки страниц;
- проблемы рендеринга и отображения на разных устройствах и браузерах;
- отсутствие прозрачной аналитики и корректной интерпретации данных;
- ограничения существующего технологического стека;
- необходимость развития accessibility и реализации версии для слабовидящих;
- потребность в постоянном развитии продуктовых и сервисных разделов.
Основные задачи проекта
Развитие структуры сайта, создание новых разделов и доработка пользовательских интерфейсов
Настройка аналитики, передача данных в CRM, а также развитие административной панели
Развитие accessibility-функциональности
Интеграция Swagger / Redoc для API-разделов
Технические работы
Техническое SEO
SEO-оптимизация
и индексация
и индексация
- настройка и оптимизация микроразметки;
- проработка индексации (robots.txt, sitemap.xml);
- управление crawl budget;
- оптимизация метатегов и структуры страниц;
- техническая оптимизация англоязычной версии сайта;
- устранение дублей и ошибок индексации.
Производительность
и стабильность
и стабильность
- ускорение загрузки страниц;
- оптимизация фронтенда и рендеринга;
- устранение проблем отображения в различных браузерах;
- оптимизация работы сложных модулей и интерфейсов;
- повышение стабильности сайта под высокой нагрузкой.
Разработка API-разделов и Swagger-интеграций
Был реализован комплекс работ по пересборке и модернизации API-разделов для разработчиков.
Пересборка страниц авторизации
Полностью перевёрстаны и пересобраны страницы авторизации:
- /developer/acquirer;
- /developer/issuer;
- /developer/rtp.
Особенность задачи заключалась в том, что страницы были собраны на устаревшем стеке и находились в отдельных контейнерах.
В рамках проекта:
- страницы были заново сверстаны;
- реализовано подключение Swagger-спецификаций;
- выполнена интеграция с Redoc;
- подготовлены и собраны новые контейнеры;
- проведено тестирование совместимости.
Реализованный функционал
- разработка логики авторизации для API-разделов;
- подключение swagger-файлов через Redoc;
- настройка контейнеров для передачи клиенту;
- тестирование работы API-документации;
- адаптация отображения под разные устройства.
Развитие продуктовых разделов сайта
На главной странице nspk.ru и англоязычной версии nspk.com был реализован новый продуктовый блок про биоэквайринг.
Добавление продуктовых блоков
В рамках задачи:
- разработан новый UI-блок по аналогии с существующими продуктовыми разделами;
- реализована адаптивная версия;
- настроено управление блоком через административную панель;
- обеспечена синхронизация логики между RU и EN версиями сайта.
Доработка страницы технологической конференции
Проведено обновление и развитие страницы технологической конференции:
- обновлена вёрстка страницы /tk;
- переработан блок «Вся информация — в приложении Event.Rocks»;
- доработаны формы обратной связи;
- реализованы новые сценарии отображения select-компонентов;
- улучшен UX для десктопной и мобильной версии;
- доработаны поля форм и логика взаимодействия.
Accessibility / Версия для слабовидящих
Для сайтов nspk.ru и nspk.com была реализована полноценная версия для слабовидящих.
Особенности реализации
Функциональность была реализована как кросс-платформенное решение для всех страниц сайта.
Внедрённые возможности
3 режима размера шрифта
АбАбАб
2 варианта шрифтов
АбАб
5 режимов цветопередачи
ААААА
Режим скрытия изображений
Вкл
- переключение в версию для слабовидящих с любой страницы сайта;
- адаптация интерфейсов и контента под accessibility-требования.
Решение было интегрировано в существующий стек без полной переработки платформы.
Разработка новых разделов
Рекламно-информационные материалы
Был разработан новый раздел на основе существующего шаблона.
В рамках работ:
- создан новый раздел в структуре сайта;
- добавлен пункт меню в разделе «Банкам»;
- реализовано управление контентом через административную панель;
- настроена работа с документами и файлами;
- обеспечено соответствие существующей архитектуре сайта.
Также были реализованы новые страницы
Запрос о платеже
Страница сервиса выставления платёжных электронных счетов от поставщика до плательщика
Аналитика и интеграции
Настройка
аналитики
аналитики
- настройка передачи данных из сайта в CRM;
- участие в построении сквозной аналитики;
- настройка отслеживания пользовательских событий;
- улучшение качества данных для аналитики.
Дополнительные
доработки
доработки
- обновление captcha на формах обратной связи;
- доработка пагинации;
- интеграция с hh.ru;
- оптимизация обработки заявок.
Обучение команды
Параллельно с техническими работами проводилось обучение внутренней команды заказчика.
Основные направления обучения:
- работа с SEO-метриками;
- интерпретация аналитических данных;
- работа с техническими ограничениями сайта;
- поддержка внедрённых решений;
- развитие внутренней экспертизы команды.
Работа с legacy-архитектурой
Значительная часть задач выполнялась в условиях сложного legacy-стека и распределённых контейнеров.
Особое внимание уделялось:
- сохранению стабильности платформы;
- совместимости новых решений;
- минимизации рисков при релизах;
- постепенной модернизации компонентов.
Результаты
+35%
Ускорение загрузки сайта
+15%
Рост SEO-позиций
- Повышена стабильность работы сайта на разных устройствах и браузерах;
- Настроена корректная передача данных в CRM и улучшена аналитика;
- Реализована полноценная версия для слабовидящих;
- Улучшена архитектура и функциональность сайта;
- Реализованы API-разделы с Swagger / Redoc;
- Выполнено сопровождение и развитие русскоязычной и англоязычной версий сайта;
- Усилена внутренняя экспертиза команды клиента.
Правила обработки персональных данных
Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года свободно, своей волей и в своем интересе выражаю свое безусловное согласие на обработку моих персональных данных ООО "ЦИТ "ФМФ" (ОГРН 1126312010274, ИНН 6312123545), зарегистрированным в соответствии с законодательством РФ по адресу:
443092, Россия, г.Самара, ул.Физкультурная, 130, оф.214а (далее по тексту - Оператор). Персональные данные - любая информация, относящаяся к определенному или определяемому на основании такой информации физическому лицу.
Настоящее Согласие выдано мною на обработку следующих персональных данных:
- Имя;
- Фамилия;
- Эл. почта;
- Телефон;
- Количество сотрудников;
- Версия 1С.
Согласие дано Оператору для совершения следующих действий с моими персональными данными с использованием средств автоматизации и/или без использования таких средств: сбор, систематизация, накопление, хранение, уточнение (обновление, изменение), использование, обезличивание, а также осуществление любых иных действий, предусмотренных действующим законодательством РФ как неавтоматизированными, так и автоматизированными способами.
Данное согласие дается Оператору для обработки моих персональных данных в следующих целях:
- предоставление мне услуг/работ;
- направление в мой адрес уведомлений, касающихся предоставляемых услуг/работ;
- подготовка и направление ответов на мои запросы;
- направление в мой адрес информации, в том числе рекламной, о мероприятиях/товарах/услугах/работах Оператора.
Настоящее согласие действует до момента его отзыва путем направления соответствующего уведомления на электронный адрес info@fmf.dev. В случае отзыва мною согласия на обработку персональных данных Оператор вправе продолжить обработку персональных данных без моего согласия при наличии оснований, указанных в пунктах 2 – 11 части 1 статьи 6, части 2 статьи 10 и части 2 статьи 11 Федерального закона №152-ФЗ «О персональных данных» от 27.07.2006 г.
🎉 Заявка успешно отправлена!
Спасибо за обращение. Наш специалист свяжется с вами в самое ближайшее время.
Узнать больше об услугах разработки
