Carseer - Vehicle history reports on web and iPhone
“
Type in a car’s VIN and read its history before you buy it.
Carseer
Logo, website and iPhone app, 2018-2019
About the project
Carseer sells vehicle history reports for used cars in Jordan and the wider region. A buyer enters the car’s VIN and the report lists its registrations, owners, accidents and odometer readings, in Jordan and in the country it came from. Between late 2018 and mid 2019 we redrew the Carseer logo and designed the website, the iPhone app and the printable report in Arabic and English.
Project
Carseer App and Website
Industry
Automotive and Vehicle Data
Location
Amman, Jordan
Date
2018-2019
“
Client Request
Carseer asked us to redesign its website and iPhone app around the vehicle history report, in Arabic and English, and to refresh its logo.
Carseer
Project files, December 2018
Design Pillars
Core UX Principles
The app home, the refetch screen and the bar under the menu on every web page start with the VIN field.
Each check in the report gets a green tick when no record is found and an orange mark when there is one.
Arabic screens mirror the English ones and read right to left, from the app to the report.
What Buyers Need
Built Around How Used Cars Are Bought
Finding the VIN
A link under the field shows where the number is printed on the car and on its license card.
Two Histories
The report covers a car’s history in Jordan and, for imported cars, its history in the country it came from, in separate sections.
More Ways to Pay
Besides bank cards, people can pay through Jordan’s online bill service, with a Carseer card, or in cash at an inspection center or on delivery.
The Challenge
Problem Statement
The Main Goal: Make a Car’s Past Easy to Read
A Carseer report pulls together registrations, owners, accidents, odometer readings, insurance claims and salvage records from Jordan and abroad. The website, the app and the printed report had to turn those records into checks a buyer can read before paying for a car, in Arabic or English.
“
Buying used cars? Check the CARSEER report.
Carseer Home Page Headline
carseer.com, 2018
Our Approach
Solution
One Report on Web, App and Paper
A redrawn logo with icons and badges, then the website, the iPhone app and the A4 report, in Arabic and English. It is an example of our Mobile App Design work.
01 - Brand
We redrew the CARSEER and كارسير logos, then made stationery, report badges and a set of line icons.
02 - Website
Home, report plans, payment, My Reports, FAQs, news and a guide to buying a used car, at desktop and mobile sizes.
03 - iPhone App and Report
VIN entry and barcode scan, report bundles, payment and maintenance records, plus the report on screen and on A4.
Before & After
The Blueprint & Evolution
Old App to New App
We redesigned the screens for adding a car’s maintenance record.
Before: the maintenance list in Carseer’s app, May 2019.
After: our Maintenance Records Entry screen, July 2019.
Design
Key Features
The Report on a Phone
Each section of the report opens and closes on its own, with an icon and a status mark on every line, in English and Arabic.
Maintenance Records
Users enter a VIN, the odometer reading and a note, then switch on the work that was done, from an oil change to engine maintenance.
Design System
Visual Identity
Bilingual Type
Helvetica Neue LT Arabic for both scripts, so Arabic and English screens share one family and the same weights.
Color Palette
Black and Carseer orange for headers, green for the main buttons, and a red, orange and green stripe as an accent.
Icons and Badges
A line icon for every report check, a sheet of website icons, and Arabic badges such as one owner, low mileage and agency maintenance.
Impact
A Logo Still in Use
Results for Carseer
By mid 2019 we had handed over the logo, the website and app designs and the A4 report in Arabic and English. The logo we redrew is still the one on carseer.com.
Carseer
Result
By the Numbers
105 App Screens
In the final iPhone app files, Arabic and English.
2 Languages
Arabic and English, from the logo to the report.
5 Report Pages
The printable A4 vehicle history report.
Report Design
Designing the Report
From Records to Checks
We started from sample vehicle history reports and the records Carseer collects. Each check became a tile with its own line icon and a status mark, grouped by history in Jordan and history abroad, then laid out for A4, the website and the app. You can see some of the results below.
Final Showcase
The Carseer Product
