drag

кейс

Autonomy

Сайт, 3D модели, нейминг и логотип для онлайн-сервиса автозаймов

en.autonomy.finance
задача

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

клиент

Autonomy

отрасль

Финансы

год запуска

2019

что сделали

Дизайн сайта
Дизайн мобильного приложения
3D-модели
Frontend-разработка
Личный кабинет
Брендинг

награды

Awwwards
Site of the Day, 13 сентября 2019
CSS Design Awards
Website of the Day, 10 сентября 2019
The Webby Awards
Honoree, 29 апреля 2020
Ключевая идея

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

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

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

Воплотили объекты в 3D

Для калькулятора вещей на стартовой странице мы сделали 3D модели предметов в Blender, после рендеринга которых получились фотореалистичные 2D изображения. Для имитации физического движения и приятного интерактива использовали библиотеку качественных решений в анимации Matter.js.

Сайт сделан в чистых пастельных оттенках со свежим лимонным акцентом в брутальном лаконичном стиле.

Форма заявки

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

Ожидание подогревает интерес

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

Оформление в три шага

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

Свой путь для каждого

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

Помимо основного калькулятора мы сделали завлекающий генератор 3D-объектов, который наглядно показывает возможности сервиса.

Просто и понятно

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

Мобильное приложение

Сотрудничество с клиентом продолжилось разработкой дизайна приложения для Android и iOS. Для удобного сценария использования мы сделали поэкранную подачу информации, где заполнение заявки разбито на девять небольших шагов. Разработали быстрый доступ к ключевым функциям: редактированию данных и внесению платежей.

технологии

JavaScript

Webpack

SCSS

GSAP

Matter.js

Bitrix

отзыв

Ирина Москальчук
Ирина Москальчук
Директор
ООО «МКК ЭЛВАС»

Нужно было яркое и простое оформление, отражающее имидж современного финансового сервиса, при этом весь функционал для работы с клиентом.

Red Collar реализовали эти задачи с хорошей долей креатива. Понравилось то, как обыграли суть сервиса, добавив интерактивный элемент. Также агентство держит высокий уровень работы с клиентами: менеджер проекта с самого начала слышала нас, отвечала на все запросы, понятно объясняла все сложные вещи.

За проектом мы обратились к профессионалам и команда полностью оправдала свой статус. Довольны проделанной работой!

смотрите также

Контакт-центр Росбанка

Дизайн сервиса обслуживания клиентов для автоматизации процесса кредитования

Green Grey

Ряд сайтов и 3D-модели для международного разработчика и паблишера мобильных игр

Росбанк

Редизайн основного сайта и UI-кит для одного из крупнейших российских банков

связаться

Расскажите о своей задаче

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

Нажимая кнопку, вы соглашаетесь с нашей политикой в отношении обработки персональных данных