Разработка личного кабинета для проекта «Наилучший ломбард»
С чего все началось
Владелец сайта «Наилучший ломбард» обратился к нам с задачей — создать удобный личный кабинет со всем необходимым функционалом. Хотим отметить, что до этого момента мы уже участвовали в развитии проекта. Нашими разработчиками ранее была проведена работа, связанная с:
- консультациями по выборе готового решения и настройке CMS;
- установкой и адаптацией готового решения от Аспро — «Аспро Корпоративный сайт 2.0»;
- редизайном и адаптивной версткой;
- перемещением сайта на виртуальный выделенный сервер;
- добавлением украинского языка на основе многосайтовой версии системы;
- отображением ближайших отделений «Найкращий ломбард» на карте, учитывая местоположение пользователя;
- добавлением кроссбраузерности и кроссплатформенности.
Новая же задача предполагала полностью изменить старый дизайн личного кабинета, который представлял из себя интегрированный интерфейс 1С. Было необходимо заменить его на безопасный и оптимизированный вариант с простым дизайном и мгновенной оплатой.
Главные цели
На нас возлагалась большая ответственность, поэтому мы привлекли к проекту специалиста 1С, и разработали подробное техническое задание, согласовав с заказчиком. Нам предстояло:
- разработать и внедрить дизайн для страниц: личный кабинет, авторизация и оплата;
- выполнить адаптивную верстку под ПК, планшетные и мобильные устройства;
- настроить вывод информации из 1С для авторизованных пользователей;
- написать код для корректного подсчета сроков и сумм платежей;
- внедрить онлайн-оплату через защищенный веб-сервис с выводом статуса платежа.
Процесс работы
Обновленный дизайн и верстка
- Разработан дизайн пошаговой формы авторизации по смс с проверкой подлинности вводимых данных и подсказками;
- Выполнена верстка личного кабинета с данными оформленных договоров;
- Созданы страницы для онлайн-оплаты с подключением платежной системы Portmone;
- Протестирована адаптивность под десктопные, планшетные и мобильные экраны;
- Проверена кроссбраузерность для популярных браузеров: Internet Explorer, Chrome, Safari.
Функциональность
Авторизация
Разработана в 3 этапа:
- Пользователь вводит номер договора;
- Система запрашивает номер телефона;
- Клиент должен предоставить полученный по СМС пароль.
Каждый шаг проверяется системой и в случае несоответствия вводимых данных, на экран выводится сообщение об ошибке с просьбой проверить корректность информации. Также для повышенной защиты был подключен тест CAPTCHA. Если все 3 условия выполнены, открывается страница с личным кабинетом.
Безопасность аккаунта организована при помощи автоматического закрытия сессии по истечению некоторого времени неактивности на сайте.
Личный кабинет
Здесь собрана информация о договорах клиента, представленная в виде таблицы, а также персональные данные, номер дисконтной карты и количество доступных бонусов.
Для договоров реализована сортировка по возрастанию и убыванию. А в зависимости от срока кредита строка выделяется определенным цветом, акцентируя внимание владельца аккаунта.
Настроена онлайн-оплата для погашения кредитов, процентов и пени за просрочку. Система проверяет статус платежа и выводит сообщение об успешной операции или ошибке. Также было решено добавить в личный кабинет блок с подробной инструкцией об оплате для снижения нагрузки операторов ломбарда.
Подключение систем
Двусторонняя интеграция с 1С
Наши разработчики в коллаборации с привлеченным 1С-программистом интегрировали самописную конфигурацию программы. Сложность подключения состояла в том, что она разрабатывалась под жесткие требования заказчика.
Сервис Portmone
Платежная система настроена на обмен данными с 1С при выставлении счетов и проверке платежей. Интеграция выполнена по протоколу API. А шифрование данных — по SSL-сертификату.
Итоги работы
Сайт «Наилучший ломбард» получил удобный и соответствующий всем заявленным требованиям личный кабинет. Мы поработали над адаптивностью и кроссбраузерностью проекта, позволяя пользователям с различных устройств и платформ комфортно пользоваться веб-ресурсом.
Процесс авторизации и онлайн-оплаты теперь стал проще и быстрее. Подсказки на каждом этапе указывают клиенту правильный путь и дают ответы на возникающие трудности в ходе оплаты или регистрации.
Безопасность проекта отлажена за счет 3-х этапной авторизации, теста CAPTCHA, ограниченной сессии и подключения SSL-сертификата.
Заказчик, как и при первом обращении в наше веб-агентство, остался доволен. И мы уверены, что наше сотрудничество не закончится на данном этапе.
Нужен сайт с особым функционалом? Доверьте его создание профессионалам - закажите разработку индивидуального проекта в «Красном хамелеоне».