Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.

Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.

Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.

Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.

Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.

Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.

Search results page

The second project I worked on at Driveway was a redesign of a flagship customer shopping experience. After successfully shipping the redesign, I continued to lead and contribute to the evolution of the search results page.

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Roles

Senior Product Designer, Lead Product Designer

Contributions

Concepting

Strategy

Prototyping

Design

Design System

Handoff Specs

User Research

Usability Testing

Redesigning a flagship experience for Driveway

The Search Results page was not meeting the needs of our customers and we also needed to update the experience to accomodate new model-year vehicles, in addition to the current product offering which was limited to pre-owned vehicles only. We had one major constraint in that the technology powering the actual search of available inventory was not great and it was not on the roadmap to improve at the time. So, we had to lean in heavily to the controls that allowed customers to filter inventory by multiple facets.

Prioritizing affordability and price transparency

It was a company wide initiative to enable price transparency and affordability with every feature release or update that we introduced. For the search results page, this included but was not limited to:

  • Shop by budget filters

  • Clear price information on vehicle tiles including MSRP, offer price, estimated finance and lease payments, and estimated down payments

  • Localized shipping costs

  • Filter by free shipping

Lessons from usability studies

During numerous usability studies we found that customers would commonly add filters to the point of zero results. This was especially problematic on small screens where the filters and the resulting inventory were not displayed on-screen at the same time. In order to improve this experience I helped introduce a few different mechanisms to communicate how filter selections would impact the available inventory.

In the above screens you can see the the result count dynamically displayed within the primary call to action. We later went on to introduce features such as dynamic filters that would prevent customers from selecting options with zero matches.

To segment or not segment

One of the decisions we had to make when redesigning the SRP to accomodate new and pre-owned vehicles was whether to display them both within the same grid wall. While there were valid arguments either way, I worked with product and executive teams to suggest segmenting the two. This decision was made at the time based on technical constraints related to searching and sorting inventory, as well as the desire to keep the scan-ability of price related information quick and easy to compare. While we did recognize the importance of cross-shopping and comparing pre-owned and new vehicles, we opted to allow other experiences to enable that, such as cross-merchandising on the vehicle detail pages and vehicle comparison tools.

Vehicle tiles

The vehicles tiles played an important role within the search results page experience and came with their own set of challenges and complexities. When we released our new shop by budget filters I also worked with and lead the team through a series of updates to the vehicle tiles that optimized the display of relevant pricing information for finance, lease and cash estimates. New Cars also had unique pricing related requirements that differed from pre-owned vehicles and had their own mandated requirements from different OEMs (Original equipment manufacturers).

I also introduced the concept of dynamic price estimates within the vehicle cards. By default all finance and lease estimates were based on a $1,000 down payment. However, when customers interacted with the shop by budget filters and adjusted their desired cash down amount, the vehicle tiles would also update to display a matching cash down amount and the resulting estimated monthly or lease payments where applicable.

Want to know more about this project?

I'd be happy to set up call where I can share more details about the project, challenges, constraints, and answer any questions you might have.