drag

we craft award-winning digital experiences that reach both minds and hearts of people

7
45
11
3
35
5

case

Autonomy

Autonomy is an online car title loan provider.

en.autonomy.finance
task

To develop a website for a modern online financial service. To highlight the benefits of the service and to come up with an easy-to-use interface. To create a modern and friendly brand image for successful client communication.

client

Autonomy

industry

FinTech

year

2019

deliverables

Front-end development
Design
3D

honors

Awwwards
Site of the Day, September 13, 2019
CSS Design Awards
Website of the Day, September 10, 2019
The Webby Awards
Honoree, April 29, 2020
Key idea

Autonomy is an online car title loan provider. We have emphasized the service’s convenience via easy-to-use interface and created a modern and friendly brand image.

Logo

In order to fully shape the image of the company we have created corporate identity of the brand. We’ve designed an adaptable logo: the symbol may be used separately from the text part depending on the medium.

Branding, website design&development, personal account area for clients and mobile app design.

The objects implemented in 3D

For the calculator of things on the first page we’ve created 3d models of the items in Blender and got photorealistic 2D images after rendering them. To imitate physical motion and to add a nice interactive element we’ve turned to Matter.js — a collection of high-quality solutions for animations.

The website is designed in clear pastel tones and neat brutal style with a fresh splash of lemon yellow.

Application form

Document delivery is broken down into short and easy steps. It starts with filling in the form on the main page in order to proceed to the next stage. The complex process in the personal account area is reduced to five steps, after completing all of them there’s just waiting for the application to be accepted.

Expectations whet the appetite

The preloader adds to how comfortable it is to use the site: it tells that everything is working fine and the site is loading. To make the impression even better the preloader is animated with alternating currency symbols designed according to the brand’s style.

Three-step process

We’ve designed the service in such a way that for users to get the service they need to do only three things: signing up, filling out the application form and choosing how they’d like to receive the money. They don’t even need to leave their house to get it all done.

To each their own path

The key part of the service — personal account area — is adapted for users of different status for the sake of comfortable user experience. For instance, editing profile of a new user and of a client with an open loan differ from one another as they are on the different stages of deal conclusion. Desktop and mobile versions were designed separately from one another. Here we have designed 59 final screens.

Apart from the main calculator, we’ve created a fascinating slider that generates 3D objects and demonstrates the things you can get using the service.

Simple and clear

On the main page clients are offered to choose the desired sum and payout period. In order to do this they just need to set the thumb of the slider to the value they need. The sum and period limits are there on each end of the slider from the beginning.

Mobile app

We continued collaborating with the client to design and develop an app for Android and iOS. For a great use case we opted for presenting the information full-screen and broke the application form into nine small steps. There is a quick access to the key functions: data editing and payments.

reviews

JavaScript

webpack

SCSS

GSAP

matter.js

bitrix

reviews

Moskalchuk I. Y.
Moskalchuk I. Y.
Director

We needed a bright and simple execution that would reflect the image of a modern financial service and at the same time it had to have the whole set of functions for the customer service. Red Collar has put it all into action with a fair share of creativity. We quite liked the way they played around with the idea of the service by adding an interactive element. 

see also

Arm-auto

A minimalistic website for Arm-auto, a Germany-based company

oollee

A bold website for oollee, a drinking water provider

Medisorb

An innovative site for Medisorb, a large pharmacy manufacturer

let us know

Have an idea in mind?

We’re Red Collar. And what’s your name? We actually need your e-mail to get in touch Wow, this load is way too heavy for us. Files larger than 10 MB can be sent to hello@redcollar.ru You made a mistake, but it’s fine. We all do. Enter a valid e-mail, please

By submitting this form you agree to our privacy policy.