The Valuation Tools project was a large-scale responsive redesign of an existing desktop web application with multiple vehicle valuation tools. These tools included a vehicle Search and Filter flow, a customizable, multi-vehicle Value History graph, Collector Car Portfolio, and two new tool additions of Classifieds and Comparable Sales. Complementary sections redesigned as part of this project included Market Trends and Collector Car Indices.
My Roles: UX, UI, IxD, Graphic Design, Stakeholder Relations
Tools Used: Axure, Photoshop, On-site Usability Testing, Design Studios
Client: Hagerty Valuation Team
Who I Worked With: Stakeholders, Creative Director, Usability Manager, Project Manager, Lead Developer, Copywriters
Step one was to familiarize myself with the existing functionality and structure of the vehicle specification and valuation data in order to understand what my options and limitations were when it came to designing data display formats.
The Project Manager sectioned this large scale project off into individual projects for each module (tool), and a kick off meeting was held for each to review scope and further refine functional requirements.
SEARCH & FILTER MODULE
The user initiates their journey with the Valuation Tools via the Search and Filter Module in order to arrive at a Vehicle Dashboard page. The original search flow used drop selects for the vehicle specification inputs:
I redesigned the new search UI prototype into a scalable, alpha sorted expand/collapse pick list format with filter options for further refinement:
In-person user testing exposed an unforeseen usability issue of users accidentally tapping the linked alpha separator bars while scrolling on mobile and tablet, so we opened the UI back up to expose all selections in production:
The Vehicle Dashboard pages are the hub of the Valuation Tools. These pages are highly trafficked from organic search, and act as the landing page once a vehicle is selected from the search flow.
These Dashboard pages serve to provide detailed vehicle model information, as well as teaser data for the Value History, Classifieds and Comparable (Past) Sales modules.
VALUE HISTORY MODULE
Functional requirements for the value history module included:
Display vehicle values by condition, supporting multiple vehicles over specified time ranges
Display valuation data as a graph and a table
Increase the visual prominence of the Value Adjustment notes
Allow for the addition of Financial Indices to the value history graph
These written requirements were first translated into a wireframe (as shown below) for stakeholder review:
With a large demographic of male users over 50 years of age, we implemented a colorblind safe web palette in production to represent each vehicle:
COLLECTOR CAR PORTFOLIO
The Collector Car Portfolio - renamed My Favorites - provides users a list to save vehicles to from any Vehicle Dashboard page within the tool and view the list average value. The My Garage project is an extension of this section with the purpose of allowing for multiple vehicle lists (collections).
The Classifieds section displays current listings from third party vehicles for sale by owner websites that match the vehicle they have searched for. Once classifieds are returned, the listings are further searchable and filterable by other attributes, as represented in the wireframes below:
The Comparable Sales module aggregates sales data from past auctions and in-house sources to help users more accurately value their classic vehicles based on recent sales. This tool was de-scoped at launch and, as of November 2017, has not been developed.