Creddy
Дизайн и разработка сайта для современного p2p-сервиса онлайн-кредитования
задача
Разработать сайт для современного финансового онлайн-сервиса. Подчеркнуть преимущества услуги и продумать легкий в использовании интерфейс. Создать современный и дружелюбный имидж бренда для успешного взаимодействия с клиентом.
клиент
Autonomy
отрасль
Финансы
год запуска
2019
что сделали
Дизайн сайта
Дизайн мобильного приложения
3D-модели
Frontend-разработка
Личный кабинет
Брендинг
награды
Ключевая идея
Сделали наглядный калькулятор вещей. На стартовой странице сайта пользователь должен потянуть точку вправо: чем ближе она к надписи «деньги здесь», тем больше появляется желанных предметов, которые может приобрести клиент, воспользовавшись услугами сервиса.
Чтобы полностью сформировать образ компании, мы сделали и айдентику бренда. Разработали адаптивный логотип: символ может использоваться отдельно от шрифтовой части в зависимости от носителя.
Закрыли полный пул работ по проекту: брендинг, разработка сайта, личный кабинет для клиентов и дизайн мобильного приложения.
Воплотили объекты в 3D
Для калькулятора вещей на стартовой странице мы сделали 3D модели предметов в Blender, после рендеринга которых получились фотореалистичные 2D изображения. Для имитации физического движения и приятного интерактива использовали библиотеку качественных решений в анимации Matter.js.
Сайт сделан в чистых пастельных оттенках со свежим лимонным акцентом в брутальном лаконичном стиле.
Форма заявки
Этапы заполнения документации разбиты на короткие и удобные шаги. На сайте достаточно заполнить форму на главном экране, чтобы приступить к дальнейшим шагам по оформлению займа. А в личном кабинете объемный процесс заявки разложили на пять этапов, после которых надо лишь ожидать одобрения заявки.
Ожидание подогревает интерес
Прелоадер помогает пользователю с комфортом пользоваться сайтом. Показывает, что все в порядке и загрузка идет. Чтобы улучшить впечатление пользователя о сайте, мы добавили анимированный прелоадер, где меняются разные денежные валюты в стилистике бренда.
Оформление в три шага
Мы сделали сервис таким образом, что для получения услуги необходимо всего три действия: регистрация, заполнение формы и выбор удобного способа получения денег. Достаточно заполнить данные по форме и даже не нужно выходить из дома.
Свой путь для каждого
Ключевая часть сервиса — личный кабинет — адаптирована под разные статусы потребителей для удобного использования. Например, редактирование данных нового пользователя и клиента с открытым займом различаются — они находятся на разных этапах заключения сделки. Декстопная и мобильная версия продумывались отдельно. Для этого мы отрисовали 59 финальных экранов.
Помимо основного калькулятора мы сделали завлекающий генератор 3D-объектов, который наглядно показывает возможности сервиса.
Просто и понятно
На главной странице клиент может выбрать желаемую сумму займа и срок, в течение которого он будет ее выплачивать. Для этого достаточно передвинуть ползунок до нужного значения. Также он сразу видит лимиты по суммам и срокам.
Мобильное приложение
Сотрудничество с клиентом продолжилось разработкой дизайна приложения для Android и iOS. Для удобного сценария использования мы сделали поэкранную подачу информации, где заполнение заявки разбито на девять небольших шагов. Разработали быстрый доступ к ключевым функциям: редактированию данных и внесению платежей.
технологии
JavaScript
Webpack
SCSS
GSAP
Matter.js
Bitrix
отзыв
Ирина Москальчук
Директор
ООО «МКК ЭЛВАС»
Нужно было яркое и простое оформление, отражающее имидж современного финансового сервиса, при этом весь функционал для работы с клиентом.
Red Collar реализовали эти задачи с хорошей долей креатива. Понравилось то, как обыграли суть сервиса, добавив интерактивный элемент. Также агентство держит высокий уровень работы с клиентами: менеджер проекта с самого начала слышала нас, отвечала на все запросы, понятно объясняла все сложные вещи.
За проектом мы обратились к профессионалам и команда полностью оправдала свой статус. Довольны проделанной работой!
смотрите также
связаться