drag

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

7
45
11
3
35
5

case

Sally

Sally is a company based in New York that offers vehicles to taxi drivers.

new.drivesally.com
task

To tell the drivers about the offer and the benefits of working with this company, to create an image of a modern service that cares about its clients and its cars. To convey the character of the brand through the design that would differentiate it from business rivals.

client

Sally Inc.

industry

Services

year

2019

deliverables

Front-end development
Back-end development
Design
3D

honors

CSS Design Awards
Website of the Day, August 05, 2019
Awwwards
Site of the Day, August 09, 2019
Key idea

To show a website through the driver’s perspective; while using the site, the client already feels like they are driving, so they will want to leave having a car picked for their needs.

The 3D model

As the company doesn’t sell cars but offers services, we didn’t need to use detailed pictures on the site. So we worked out a three-dimensional image, a low poly model that looks like a real car and loads fast on any device.

We’ve developed over 70 animations: the car feels real when you’re scrolling, going from selection to selection or move the cursor.

For those on the move

Drivers often need to look something up using a tablet or a smartphone when they are on the go. We tested many screen resolutions so that all the elements and animations would be saved and the website would load fast on most of the out-of-date smartphone models.

One click away from the reservation

It is easy to access the car reservation page. The choice button is already present on the home screen and after submitting the form user is instantly presented with the cars available for the rent.

For the sake of good usability, we ensured there are four ways of navigation: menu buttons, scroll, tab&arrows, and dragging.

Details with an attitude

Headers are what users see first, and they, like many other details, influence the way a brand is perceived. We’ve picked a typeface that marries well with the corporate one and shows the spirit of the company which has a dynamic and friendly face.

Call-to-action button to choose a car: easy for the client, useful for the business.

It’s easy to make the first step

At the /form page with a questionnaire users don’t just fill in the blanks but they see a text speaking of themselves — they just need to choose options out of the offered ones. That is how we avoid the fear of blank paper.

Ready-made offer

The questions that users are asked before they can choose a car help to automatically categorize the drivers: their experience, number of at-fault accidents, completion of a defensive driving course — all of these things influence the cost of the rent and the types of cars available.

technologies

JavaScript

rollup

webpack

three.js

webGL

vanilla JS

see also

Medisorb

An innovative site for Medisorb, a large pharmacy manufacturer

Eurovet

An innovative website for Eurovet, a veterinary products distributor

Autonomy

A bright site for Autonomy, an online car title loan provider

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.