drag

кейс

Autonomy

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

en.autonomy.finance
ко всем работам
задача

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

клиент

Autonomy

отрасль

Финансы

год запуска

2019

что сделали

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

награды

Ключевая идея

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

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

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

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

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

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

Форма заявки

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

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

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

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

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

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

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

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

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

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

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

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

технологии

JavaScript

Webpack

SCSS

GSAP

Matter.js

Bitrix

отзыв

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

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

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

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

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

Digital thinkers conf.

Яркий сайт для конференции Awwwards — престижного конкурса веб-дизайна

Банкоматы
Росбанка

Дизайн интерфейсов для сенсорных и кнопочных банкоматов Росбанка

Arm-auto

Простой и лаконичный сайт для производителя лакокрасочных товаров

связаться

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

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

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