E-commerce Order History Redesign

Goal

Users needed to be able to easily search through their past orders, without navigating to a new page to do so. Also there was little use of the “+ Add to Cart” and “+ List” buttons so we had the opportunity to clean up the table layout.

Old Order History Summary

Final Product

We moved the search functionality to the actual index page. We also cleaned up the styling of the table headers, and implemented pagination to help with page load time.

New Order History Summary

We also introduced a new date picker that could now be used throughout the site.

New Date Picker

To ensure users understood the sort functionality we added visual cues when hovering that the column header was actionable.

Sorted Tables

After we cleaned up the Order History Summary page we wanted to implement the new table styles on the Order History Detail page. We also wanted to find a more concise way to show the summary view of the Order Details.

Old Order History Detail

We removed the cost summary from the top of the page, and created more space for the Order Details. We also added the shipping information that was previously missing.

New Order History Detail