Payment Comparison
Shoppers needed a way to understand how their payments could be structured to ensure they could compare their options. The current experience was very limited and often times confusing.
Shoppers had the option to defer their taxes, bank, DMV, and dealer fees into their monthly lease payments instead of paying it all at signing. Since this drastically affects the monthly payment amount we wanted to make sure the shopper had all the information. 
The shopper didn’t really understand what the various payment options and what was affecting their price.
I was the lead Designer for this project. This project was one of my first with the Rodo team so I focused on building off of the existing functionality.
Rodo had an existing payment slider that showed shoppers how their payments would change based on how much they paid up front. However, the shopper didn’t really understand what the slider was changing and how it was affecting their price. The only information they were given was in the form of a complex tooltip.
Image of Search Tile - Released
Production Version of the Button
Image of updated mobile Vehicle Detail
Production Version of the Discounts Layout
My goal throughout this project was to redesign the slider in a simple and intuitive way.
I started by focusing on the key information such as monthly payment, duration and amount due at signing. I then wanted to make sure the user understood how if they change what they pay at signing then their monthly payment would change as well.
Sketches of Slider Options (Bottom)
Sketches of Slider Options
I added a breakout beneath the slider that showed shoppers how the ratio shifted between monthly payment and due at signing as they move the slider.
Image of Search Tile - Released
Production Version of the Button
Image of Discount Tile - Released
Production Version of the Discounts Layout
I proposed adding it to both the search results and showroom sections. In these areas the slider effectively shows the different payment options on multiple vehicles at once, instead of having to view each vehicle individually.
Image of original mobile Search Results
Original Mobile Web View of Search Results
Image of updated mobile Search Results
Updated Mobile Web View of Search Results
Shoppers could then purchase their vehicle on the spot from the dealership using the pricing they’ve determined with their payment slider.
Image of original Mobile Showroom
Original Mobile Web View of Showroom
Image of updated Mobile Showroom
Updated Mobile Web View of Showroom
Marketplace products often throw too much information through text overlays and tooltips. Through this design exercise, I was able to demonstrate to the product team that Rodo can simplify communicating only the key information the shopper is looking for by using other visual aids.
Ultimately, the team was only able to build this slider in the showroom, but the Rodo team was planning on building an updated version of the slider that will also be included on the search results page.