While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.
While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.
While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.
While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.
While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.
While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.
While working at Driveway, I was embed on a sister brand team and lead a redesign for one of their primary web tools. The project required a quick turn prior to a week's worth of ad buys that were airing on NPR (National Public Radio) in celebration of Earth Day.
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
Role
Principal Product Designer
Contributions
Strategy
Design
Prototyping
Handoff Specs
A redesigned experience with a quick turn
Driveway is owned by Lithia Motors. Lithia Motors also operates GreenCars.com, a consumer research and informational resource on all things electric and hybrid vehicles. One of the GreenCars flagship experiences was a tool named the "Comparison Grid". Imagine an excel spreadsheet with information and proprietary ratings on every EV, hybrid, and plugin-hybrid available for sale in the united states.
I had four weeks to redesign the experience and create engineering handoff materials and documentation. I started by exploring concepts of how to modernize the tabular data format while still maintaining the essence of the original tool and Microsoft Excel style sorting and filtering.
Since the previous tool did not have a working small screen experience, one of the immediate challenges was how to represent the original tabular data style functionality on a small screen. After in-house testing and reviews, users reported that the resulting small screen experience was engaging and easy to use, scan, and compare vehicles.
Improving the onboarding experience
At the time of shipping the redesign the buyer's guide contained data on approximately 500 different vehicles. One of the complaints was that the number of vehicles in the default grid was overwhelming and weren't aware that filters were available to narrow down the data set. In order to help with this and present consumers wit something more meaningful on the initial load, I experimented with a brief onboarding experience that would turn customer responses into active filters, reducing the number of vehicles displayed on the initial load of the Buyer's Guide UI.
Customer Experience Filtering Improvements
The Buyer's Guide contained a dense amount of data for each vehicle and optimizing the experience for small screens was a fun challenge. I wanted to create a vehicle tile design that was compact enough to fit multiple vehicles within the visible viewport as possible while still maintaining the original requirements for vehicle data and the proprietary rating system.
Another fun challenge was designing the comparison feature, which could compare up to four different vehicles at a time. In addition to vehicle comparisons, consumers could also favorite vehicles and manage their favorites in a separate experience.
Large Screen Experience
The original experience was presented in a tabular data format and it was requirement that I maintained that same approach for larger viewports and desktop experiences. I ended up creating a vehicle tile component that maintained the same data and functionality for both smaller and larger viewports while optimizing the presentation for a wide range of device sizes.
In the previous tool active filters were obfuscated in an off-canvas view that was not easily discoverable for users. My redesign surfaced active filters and improved the discoverability of filter features. Another improvement that I introduced that tested well with users was introducing a suite of overlay UI that helped keep users engaged with the tool while keeping the appropriate context. These overlay interfaces included drawers, trays, and full screen takeovers.
If I had more time I'd write a shorter letter
Time is an ingredient that can help make any project great. Unfortunately, time was also not something that I had an abundance of on this project. However, I was pleased with what I was able to accomplish during the short timeline I was allotted. I was honored to be asked to work on this unique quick turn project and help the GreenCars team redesign one of their most used tools.
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.