The Home Depot Estimator

Users

Contractors.

Problem

The Home Depot Estimating tool created by EagleView lacked the look and feel of The Home Depot Brand. As a result, The Home Depot company suggested we redesign our Estimator tool to match their corporate design.

Process

First, I created a site map to list the pages and organize them in hierarchical fashion.

Next, I designed a low-fidelity wireframe to visually communicate what functional pieces were present on each page and the relationship with each other. The wireframes were developed in Balsamiq.

Finally, I created high-fidelity mockups and skimmed the web UI to simulate multiple states of the new design. I developed the site in HTML, CSS and JavaScript.

Outcome

The Home Depot stakeholders were very impressed with the new design and navigation of the Estimator tool.