Разработка Личного Кабинета Пользователя Заемщика

Введение

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

Дизайн

Дизайн личного кабинета был разработан с учетом простоты и интуитивной понятности. Основные принципы дизайна включали:

• Удобство использования: Интерфейс должен быть понятен даже для пользователей с минимальными техническими навыками.
• Минимализм: Использование минимального количества элементов для облегчения восприятия информации.
• Адаптивность: Дизайн должен корректно отображаться на различных устройствах, включая мобильные телефоны и планшеты.

Разработка

Контейнеризация была выбрана для обеспечения изолированного и консистентного окружения для разработки и развертывания. Docker позволил нам:

• Изолировать зависимости: Каждое приложение и его зависимости были упакованы в отдельные контейнеры.
• Упростить развертывание: Контейнеры можно было легко развернуть на любом сервере с установленным Docker.
• Повысить масштабируемость: Контейнеры можно было легко масштабировать в зависимости от нагрузки.

Laravel был выбран в качестве фреймворка для разработки серверной части из-за его:

• Простоты и элегантности: Чистый и понятный код, который легко поддерживать и расширять.
• Набора встроенных функций: Аутентификация, маршрутизация, управление сессиями и другие функции были реализованы «из коробки».
• Сообщества и документации: Большое сообщество разработчиков и обширная документация помогали быстро находить решения для возникающих проблем.

Vue.js был выбран для разработки клиентской части благодаря:

• Реактивности: Обновления в интерфейсе происходили мгновенно без необходимости перезагрузки страницы.
• Компонентному подходу: Возможность разбить интерфейс на переиспользуемые компоненты.
• Простоте интеграции: Легкость интеграции с другими библиотеками и фреймворками.

Sass был использован для стилизации интерфейса благодаря:

• Переменным и миксинам: Возможность использования переменных и миксинов для упрощения и стандартизации стилей.
• Вложенности: Удобная организация CSS-кода с помощью вложенности.
• Управления цветами и шрифтами: Легкость управления цветовой схемой и типографикой проекта.

Верификация пользователей и разграничение доступа

Была реализована система верификации пользователей, которая включала:

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

Сокеты и события в реальном времени

Система использовала WebSockets для реализации событий в реальном времени, таких как:

• Одобрение или отказ займа: Пользователи получали моментальные уведомления о статусе своих заявок.
• Одобрение или отклонение верификации: Мгновенные уведомления о статусе верификации документов.

Интеграции

Интеграция с Т-Банком

Была реализована интеграция с Т-Банком для:

• Выдачи на карту: Пользователи могли получать кредитные средства на свои банковские карты.
• Списания с карты: Возможность автоматического списания платежей за кредиты.

Системы SMS-сообщений для авторизации

Для обеспечения безопасности и удобства пользователей была интегрирована система SMS-сообщений, которая выполняла следующие функции:

• Двухфакторная аутентификация (2FA): Пользователи получали SMS-код для подтверждения входа в личный кабинет, что повышало уровень безопасности.
• Уведомления: Пользователи получали SMS-уведомления о важных событиях, таких как одобрение займа, изменение статуса верификации и предстоящие платежи.

Интеграция с 1С

Для управления финансовой и учетной информацией была реализована интеграция с головной системой 1С. Основные аспекты интеграции включали:

• Передача данных: Автоматическая передача данных о пользователях, их займам и платежам между личным кабинетом и 1С.
• Синхронизация: Обеспечение синхронизации данных в реальном времени для актуальности информации.
• Отчеты и аналитика: Возможность формирования отчетов и аналитических данных в 1С на основе информации из личного кабинета.

Планы на будущее

Интеграция с ЕСИА

В планах на будущее обсуждалась интеграция с Единой системой идентификации и аутентификации (ЕСИА) для авторизации через Госуслуги. Это позволило бы:

• Упростить процесс регистрации: Пользователи могли бы использовать свои учетные записи Госуслуг для входа в личный кабинет.
• Повысить доверие: Авторизация через ЕСИА повышает уровень доверия пользователей к системе.
• Улучшить безопасность: Дополнительный уровень защиты данных за счет использования государственных сервисов.

Результаты и достижения

Проект завершился успешным запуском работоспособной и бесперебойно работающей системы, которая:

• Обеспечила удобство и безопасность: Пользователи получили простой и интуитивно понятный интерфейс для управления своими займами.
• Реализовала все запланированные функции: Включая верификацию пользователей, разграничение доступа, интеграцию с банковскими системами и 1С, а также систему событий в реальном времени.
• Стабильность и масштабируемость: Благодаря использованию Docker и современных технологий, система готова к масштабированию и дальнейшему развитию.

Заключение

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

Над проектом работали

Специалист по UX/Ui — Дмитриев Петр

Web Дизайнер  — Максим

Разработчик  — Аракелян Эрик

Разработчик — Чаусов Дмитрий

Тим Лид — Калиновский Олег