13
years in Ecommerce
sales@cart-power.com
HomeCase StudyAvtoray: car dealer home page concept

Home page concept · 2021

Avtoray

A home page concept for a car dealership network in Ulyanovsk. Shoppers pick a car right on the first screen: brand, price range, new or used. Before the mockup we put together a moodboard, sketched the page on paper and tried several first-screen layouts.

Brand
Avtoray, car dealerships in Ulyanovsk
Task
Home page concept
Mockups
Home, menu, moodboard, sketch, first-screen variants
Year
2021
avtoray.ru
Avtoray home page mockup

Task

Avtoray is a network of official car dealerships in Ulyanovsk, Russia: new and used cars, service, car loans and insurance.

We designed a home page concept: picking a car by brand and price on the first screen, dealership services and contacts. The dealer’s site currently runs on a different design.

Site and concept

The first screen on a 1280-pixel display: avtoray.ru today, in a different design, and the home page concept. Drag the divider.

Concept Today · avtoray.ru Today · avtoray.ru Concept

Home page

  • The first screen shows a new Kia Mohave with its price and a button. The header has search, a customer account link and the phone number.
  • Below it is the car finder: price range, new or used, brand logos with the number of cars, and models of the selected brand.
  • A strip of quick links with tooltips: car loans, insurance, selling your car, corporate clients.
  • Dealership service in four tiles: mechanical repair, body repair, maintenance, parts.
  • At the bottom are a map with the showroom address and the section menu.
1903 × 2787 · Home page

Menu

The menu slides in from the right: buying a car, financial services, service with subsections, careers and a callback request.

1903 × 765 · Menu

Finding the style

Before the mockup we collected a moodboard of car websites and sketched the home page on paper. Most of the sketch made it into the concept: the car on the first screen, a row of brands, the price slider and links to loans and insurance.

1280 × 960 · Paper sketch
Canvas fragment · Moodboard

First screen by brand

A first screen for each brand: the model in large type, trims with prices and a catalog button. Four of the five variants.

4 × 1903 × 990 · First screen by brand

Car finder options

Early car finder options: a filter over the first screen, and round dials for budget, model year, mileage and power.

2 × 1903 × 960 · Car finder options

Mockup colors

  • #E41F25Buttons, price slider and logo mark
  • #1F3554Menu, link strip and service tiles
  • #F0F0F0First screen and car finder background
  • #FFFFFFBrand and service tiles

More projects

All design projects

We will find solutions
for everyone!

Share your idea and we’ll offer an optimal solution

Please, fill out the form
Please, fill out the form