Разработка сайта и личного кабинета для ломбарда «Сантус»

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

Описание

Ломбард «Сантус» работает на рынке услуг с 1994 года. Выдает займы под залог ювелирных изделий и цифровой техники. В сети представлено 13 филиалов.

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

Задачи

В течение года до разработки нового сайта мы уже занимались SEO-продвижением старой площадки компании. Также реализовали на ней онлайн-оплату процентов через интернет-эквайринг.  

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

• повышение лояльности клиентов,

• снижение нагрузки на сотрудников ломбарда,

• ускорение реализации товаров для продажи.

Главными подзадачами в рамках общей цели были:

• разработка сайта с учетом SEO-требований,

• создание личного кабинета заемщика,

• интеграция сайта с бухгалтерской программой для ломбардов,

• отображение каталога товаров для бронирования,

• создание калькулятора займа.

Решение

Аналитика

1. Работа над проектом началась со сбора и анализа требований заказчика Для этого мы встретились с представителями ломбарда и провели интервью. 

2. Затем наш аналитик досконально изучил жизненный цикл займа, чтобы все необходимые данные о нем нашли отображение в личном кабинете клиента «Сантуса». 

— Мы выяснили, что жизненный цикл займа выглядит следующим образом:

— Клиент заключает договор и берет займ в ломбарде.

— В зависимости от суммы займа и тарифа ежедневно начисляются проценты.

— Период начисления процентов – до выкупа залога заемщиком либо до того момента, когда сам ломбард реализует залог с аукциона.

— Заемщик может оплатить через сайт проценты по одному либо по всем займам.

— После оплаты процентов меняется серия и номер залогового билета, срок выкупа и реализации залога.

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

3. Так как предстояла интеграция сайта с программой 1С для ломбардов «Ломбардис», наш аналитик совместно с разработчиком изучил API бухгалтерской программы и скорректировал требования с учетом ее возможностей. В результате работы в перечне требований пришлось:

• убрать оплату произвольной суммы процентов и автоматическую подгрузку документов в личный кабинет; 

• скорректировать информацию по займу, которая будет показываться в личном кабинете;

• поправить на календаре отображение дат, за которые начислены проценты.

4. Затем мы оформили требования в виде технического задания:

— подробно расписали, как должны быть реализованы отдельные элементы личного кабинета, например, формы регистрации и авторизации, списки открытых займов, окна «Погашение займов», «Информация о займе» и прочие;

— отдельно прописали процесс онлайн-оплаты;

— были и специфические требования для регистрации в личном кабинете. Их мы опишем подробнее в разделе «Разработка личного кабинета». 

5. Далее аналитик и дизайнер разработали прототипы. Например, блок данных о займе выглядел так. Под каждой цифрой была дана расшифровка элемента блока.

Разработка сайта

Мы выбрали коробочное решение «1С-Битрикс: Управление сайтом» с лицензией «Старт», потому что эта версия позволяла с наименьшими затратами средств и времени перевести существующий проект на новую систему. Ее функционала было достаточно, чтобы выполнить текущие требования заказчика.

Работа шла по стандартной схеме:

• Разработали и согласовали дизайн макетов.

• Приступили к верстке.

• Затем реализовали backend.

Среди основных разделов сайта значились:

• личный кабинет,

• страница с информацией о займах,

• онлайн-оценка,

• каталог товаров,

• страница с информацией о компании,

• список отделений и контакты.

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

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

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

SEO-оптимизация сайта

На момент переноса нового сайта на боевой сервер перед SEО-специалистом стояли следующие задачи:

• сохранить позиции и структуру, которые были у старого сайта;

• избежать появления дублей, так как могут появиться новые страницы или потеряются старые;

• сохранить мета-теги на всех страницах.

Чтобы решить все эти задачи, наш SEО-специалист провел комплекс работ по снижению рисков при переносе:

1. Проверил структуру сайта: сравнил старый и новый веб-ресурс,  контент на них. Написал техзадание на настройку редиректов.

 2. После переноса провел полный аудит сайта: проверил скорости загрузки сайта и мобильного адаптива, сохранилась ли его структура, есть ли 404 страницы, атрибут alt на всех изображениях, мета-теги, заголовки h1 на всех страницах, 

3. Отправил все изменения на переобход в Яндекс и Google для ускорения индексирования.

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

При сравнении конверсии сайта до и после обновления можно также увидеть положительную динамику:

Разработка личного кабинета заемщика

На описании этого этапа остановимся подробнее. Заказчик поставил перед нами такие задачи:

• разработать и внедрить новый дизайн личного кабинета, 

• адаптировать его интерфейс к разным устройствам и платформам,

• добавить возможность онлайн-оплаты,

• обеспечить получение из 1С информации по займам владельца личного кабинета, а именно по датам и суммам.

Основные требования были следующие:

• авторизация в личном кабинете при помощи смс-кода. Идентификация пользователя должна происходить по дате рождения и номеру билета;

• современный дизайн, удобный и простой для пользователя;

• ограниченное время сессии в личном кабинете, в пределах 24 минут. Ограничение на введение смс-кода – 3 минуты.

Сложность выполнения работ заключалась в частых изменениях логики внешнего API со стороны «Ломбардиса». Наши разработчики перенастраивали систему под новые методы и меняли при необходимости код.

Что было сделано

Работа проходила в четыре этапа:

• изучение документации по техзаданию и возможностям API,

• написание кода,

• настройка системы,

• тестирование.

Для регистрации на сайте требуется указать номер залогового билета, ФИО, дату рождения и телефон:

Если пользователь вводит неправильный номер билета, выходит окно ошибки с подсказкой:

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

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

Для отправки SMS-кодов используется SMS-шлюз smsc.ru. 

В меню личного кабинета отображаются три вкладки: «Мои займы», «Профиль», «Инструкция по оплате». Так выглядит верстка персональной страницы сайта с данными по всем займам клиента и общей суммой процентов. Для удобства клиента таблица с данными по займам показана на всю ширину экрана. В правой части размещен блок с онлайн-оплатой.

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

Что получили в итоге

Личный кабинет заемщика «Сантус» теперь обладает функционалом онлайн-офиса. 

Зарегистрированные пользователи могут онлайн:  

• просматривать списки открытых залоговых билетов,

• узнавать детальную информацию о займе,

• оплачивать проценты по всем открытым билетам одним платежом,

• получать на e-mail допсоглашения после оплаты в личном кабинете,

• уточнять изменения данных о залоговом билете после проведения платежа,

• оплачивать проценты по выбранному займу.

Результаты  

• Мы разработали на сайте «Сантус» личный кабинет заемщика и интегрировали его с программой 1С для ломбардов. 

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

Нововведения позволили:

• повысить лояльность клиентов за счет создания личного кабинета и возможности онлайн-оплаты,

• уменьшить количество офлайн-обращений в офисы компании и оптимизировать рабочее время менеджеров ломбарда,

• снизить риск просрочки платежа по процентам, 

• ускорить реализацию товаров для продажи благодаря создание каталога товаров для бронирования,

• привлечь новых клиентов за счет упрощения системы оплаты процентов.