Avanti Finance
Convenient mobile and web app for customers to view where they're at with their loan repayments.
A flexible car dealership website template with a range of pre-designed pages
A white label car dealership website template used as the basis for 100s of websites across New Zealand. With multiple tiers and different pricing options, dealerships can choose from an express website all the way up to a custom website that fully meet their needs.
Role
- UX/UI Design
- Graphic Design
- Front-End Development
Tools
- Figma
- Adobe CC
- Visual Studio
Helping people find the right vehicle for them
The vehicles listing page is one of the most important pages on a car dealership website, as it is where customers will spend most of their time browsing vehicles. For this reason, I wanted to make sure that the page was designed in a way that made it easy for customers to find the right vehicle for them. This included features such as large vehicle images, AI generated vehicle highlights and a range of filters and sorting options.
Key feature
Helping people find the right vehicle for them
Quick filters make it easier for customers to find vehicles that suit their lifestyle without needing detailed technical knowledge. Instead of filtering by specific features, customers can choose from intuitive categories like “Family Car,” “SUV,” or “Electric.”
For example, someone searching for a family-friendly vehicle may not realize they need a 7-seater, but they do know they need enough space for their household. By offering these simple, needs-based filters, we guide customers toward suitable options more efficiently and reduce the complexity of the search process.
Key feature
Helping people find the right vehicle for them
To keep the advanced filters modal tidy, we used collapsible drawers to simplify the UI and make it easier for customers to navigate. This way, customers can easily access the filters they need without being overwhelmed by too many options at once.
Collapsed drawers
Open drawers
Vehicle listing page
Arguably the most important page on a car dealership website, the vehicle listing page is what sells cars. Beginning with the top of the page, there are large vehicle images that become a full lightbox when clicked. For this template, I decided to prioritise the size of images over the quantity shown, as I believe that large images are visually engaging and are important for showcasing the vehicle.
Another cool technical feature on this page are AI generated vehicle highlight that are generated from all the available data we have about the vehicle.
Visit demo page
Key feature
AI vehicle summaries give users the info they really want
No more scrolling required, just a quick glance at the AI-generated highlights to get all the important details.
Key feature
Adding tabs to separate the vehicle price from the repayment calculations
One problem we faced was how to display the vehicle price as well as the repayment price without the page looking too cluttered. We solved this by adding to tabs on the price panel, giving users the option to select their preferred view. This method is then saved by the computer and becomes the default for future vehicles the user may look at.
Key feature
Keeping key details front and centre with a sticky header
The sticky header ensures important information remains accessible as users move down the page. It also provides constant access to key calls to action, eliminating the need to scroll back to the top.
A template trusted by over 500 dealerships across New Zealand
With low one off prices and a highly specialised product that perfectly fits the needs of a used car dealer, there's no wonder we have created the most popular used car dealership website template in New Zealand. See examples of our work below.
