Car Teaser Grid

Element: Filter

Purpose: Lets the user filter the results in the grid. Option sets should be defined by the data, eg the starting point on the range slider should be whatever is the lowest value in the data.
Required: Yes
Adjustments: Change wording from “Number of seats” to “Minimum number of seats” to ensure user understands they’re just selecting the minimum requirement

Teaser: Car

Element: Image

Purpose: Used to illustrate a specific car model.
Required: Yes
Recommendations: Image aspect ratio should be 1x1

Element: Teaser heading

Purpose: Used to indicate a specific car model. Correlates with the Product detail heading.
Required: Yes

Teaser body

Purpose: Reflect the main aspects of each car by reflecting the data defined options from the filter.
Required: Yes
Adjustments: Remove ‘Available for leasing’ if data not available