CREATIVE

НПФ Сбербанк

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

НПФ Сбербанк

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

Обновить интерфейс сайта согласно техническим требованиям.
(Дизайн, проектирование и аналитику делали наши партнеры из компании AIC).

Тип: Корпоративный сайт
Год: с 2016
Сайт:
npfsberbanka.ru
Наша работа
Выполнили работу на основании макетов, разработанных третьей стороной. Сайт корректно отображается на всех устройствах, имеет адаптивную верстку на всех современных браузерах (кроссбраузерность).

Мы расширили функционал сайта, не сводя все только лишь к рекламной функции, а постарались сделать сайт удобным финансовым инструментом.

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


Технические аспекты
При создании сайта на фронте мы использовали stylus для стилей вкупе с методологией BEM, сборщик проектов gulp, angular для интерактивных блоков с пользовательским блоком. Для back-end по требованиям заказчика был выбран фреймворк 1C-bitrix.

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

Была продумана специальная система управления контентом на сайте, которая позволяла любой элемент изменять из административной панели, не привлекая к этому программистов, что конечно значительно облегчает в дальнейшем работу с сайтом самим заказчиком.
Дизайн
Нашими партнерами - компанией AIC был придуман дизайн. Нашей же задачей было превратить эти макеты в живой и работающий сайт, где каждая страница могла бы являться полноценным лэндингом.
Факапы
Случались не частые простои в работе. Они были вызваны отсутствием документации на веб-сервисы. Документация — это отправная точка в сложном функционале. Веб-сервисы — это ядро всего функционала на проекте НПФ Сбербанка, с большой историей разработки и постоянными модернизациями, которое нам предстояло изучить. Часто самим разработчикам НПФ Сбербанка сложно было разобраться во всех нюансах кода их веб-сервисов. Но мы всегда были открыты сотрудничеству, так как технологический проект подразумевает работу сообща.
Решения для личного кабинета.
Мы придумали и реализовали универсальные решения для личного кабинета пользователя сайта пенсионного фонда. ЛК НПФ сбербанка был сделан в виде одностраничного приложения. Страницы в процессе работы грузятся быстро и переход от одной темы к другой практически не ощутим. Да и загрузка в самом браузере производится очень быстро.На сайте НПФ Сбербанка были реализованы задачи позволяющие пользователям получать информацию по своим договорам, производить оплату, подавать заявления, решать все вопросы которые, которые раньше требовали личного присутствия в банке. Теперь не требуют. Все работы можно сделать сидя в пробке или за чашкой чая. Для этого и создаются новые технологии.На каждой отдельной функциональной группе были разработаны unit-test и smart-test, которые постоянно отслеживают бесперебойную работу сайтов НПФ Сбербанка. Это очень полезные функционал, так как даже простой менеджер всегда может понять их работу, и в случае обнаружении проблемы сообщить технической службе.Конечно, на проекте мы не забыли про документацию на API, которая в будущем пригодится для развития сайта на этапе технической поддержки. При разработке проекта с API мы используем инструмент swagger.


НПФ Сбербанк. Snapshot
Чему мы научились
Перед нами стояла задача сделать красивый, живой и удобный сайт для некоммерческого пенсионного фонда, который будут посещать ежедневно тысячи людей, и мы с этой задачей полностью справились.
1
Глобальные проекты сложны в оценке и нужно разбивать все работы на этапы и уточнять оценку перед стартом всех работ.
2
Запрашивать техническую документацию на веб-сервер, с которым предстоит интегрироваться.
3
А также не забывать закладывать бюджет на написание технической документации на API и сайта.

Результат

Изначально весь блок принятых задач был поделен на спринты. На данном проекте мы стремились применить методологию scrum. Мы выполнили программирование: HTML-верстку и JS-coding страниц сайта. Разработали понятный интерактивный калькулятор пенсионных накоплений, рассчитывающий в реальном времени будущую пенсию. Сделали интеграцию с веб-сервисом на стороне НПФ Сбербанка. Детально проработали два личных кабинета для физических и юридических лиц. В итоге получили стильный, современный, удобный сайт для поиска пользователем интересующей его информации о фонде.

Стильный, современный, удобный сайт для поиска пользователем интересующей его информации о фонде.
Награды
Выражаем благодарность команде ООО «Креатив» за профессионализм и оперативность в разработке корпоративного сайта НПФ Сбербанка и личного кабинета НПФ Сбербанка. Команда зарекомендовала себя надежным деловым партнером, обладающая большим потенциалом для решения поставленных перед нею задач.
Федор Селиванов. Основатель и директор Creative
Никита Ивченков
Менеджер направления
Департамента стратегического развития


НПФ Сбербанк. Snapshot
Ну что, поработаем?
Свяжитесь с нами и мы обсудим ваш проект.
© 2005 – Creative ∞
Тюмень, ул. Малыгина, 84к1