tato.

Tato-006 · Case Study · Automotive · 2015

Concepts for deAutos.com

A sample of UI work for deAutos.com, Grupo Clarín's car marketplace: a touchscreen catalog built for a trade-show totem, a car comparison tool, and a redesign of the listing pages, internally called VIP.

Role: UI/UX Designer Tool: Photoshop Tool: After Effects Year: 2015
↓ Begin the tour
—

Overview

deAutos.com is a transactional marketplace for buying and selling cars, part of Grupo Clarín. This case study samples three separate pieces of work built there: a touchscreen catalog concept for a trade-show kiosk, a car comparison tool, and a redesign of the individual listing pages.

II.

Comparador

A feature concept for comparing cars side by side, up to three at once, with specs grouped into categories like motor and comfort. Adding a car walks through a short brand → model → version wizard instead of one long list.

Comparador screen comparing a Nissan March, Mercedes Benz Clase C, and Peugeot 308 side by side, with specs grouped by category
Comparing three carsSpecs are grouped by category, with a quote button under each column.
Step 1 of the add-a-car wizard: a grid of car brand logos with Volkswagen selected
Step 1 — Brand
Step 2 of the add-a-car wizard: a list of Volkswagen models
Step 2 — Model
Step 3 of the add-a-car wizard: a list of trim versions with 1.6 Highline Cuero selected
Step 3 — Version
III.

VIP — Listing Pages

A redesign experimental proposal for deAutos' individual car listing pages — "VIP" internally. A clearer hierarchy for photos, price, and seller contact, with the full spec sheet and similar listings surfaced below the fold.

Redesigned VIP listing page for a Volkswagen Cross Fox, with hero photo, price, and seller contact panel
Listing example 1
Redesigned VIP listing page for a black car, with hero photo, price, and seller contact panel
Listing example 2
Redesigned VIP listing page for a red car, with hero photo, price, and seller contact panel
Listing example 3
—

What this demonstrates

This is a small sample of a much larger body of work at deAutos.com — three different problems (a kiosk experience, a comparison tool, and a listing page) tied together by the same visual system and the same close read of what a car buyer actually needs to see first.

Next projects