Ace Hardware

UI/UX Design

Overview

I design intuitive and engaging user-centric interfaces for digital products creating wireframes and prototypes to communicate design concepts to stakeholders.

I maintain and improve Ace’s design system based on feedback from stakeholders and business needs while conducting moderated and unmoderated user research to inform design decisions with consumers and store owners.

I work closely with design teams and development teams to ensure that designs are implemented accurately and meet user needs meeting deadlines for proper time management.

Purchase History

The Purchase History page lacked a lot of features. The information displayed was the order number and date, a customer would need to click into each individual order to see the details.

The updated design needed to correct some issues:

  1. Order status was unclear, the update provides active order details so a customer can quickly see if the order is in progress or shipped/delivered.
  2. Images from the order so a customer can see the contents of the order without having to click into each individual order.
  3. The order details have been updated with more information than the previous design and a feature to reorder an specific item.
Purchase History Screen Shot
Purchase History Before and After

Lists

I started with the user experience portion of the project and went through the existing list functionality to determine its strengths and weaknesses. I went to competing websites and tested their list features to determine a starting point. I also used Baymard.com to research best practice.

I worked with the Ace Retail Information Team or RIT. The team is a test group of fifty stores that use new products and provide feedback and suggestions in follow up meetings.

We talked about their wants and needs:

  1. The ability to create lists for B2B customers of products they frequently order to make reordering faster and easier.
  2. The ability to send pre-made lists to B2B customers of frequently ordered products to help them reorder quickly and easily and increase in-store sales.
  3. The list items would not delete when an order is placed, only when a customer decides to delete a list or item.
  4. Shared lists that display the name of the person who created a list and the date the list was created, if a list is edited the name and date will update to reflect the edit date and if another person edited the list.
  5. Add an item to a list from the product listing page as well as the product description page.
  6. Add all items to the cart with one click
  7. Edit a list name
Lists Screen Shot Lists Screen Shot Lists Screen Shot
Lists Screen Shot
Lists Before and After

B2B Home Page

The B2B home page didn’t reflect all the benefits available for business owners, a lot of the benefits listed are not business specific and the log in process had some issues.

I worked with our copywriter to pull the B2B benefits from existing collateral and the Creative Services team to find images that reflected B2B accounts.

The goals for the redesign:

  1. Update the design so B2B customers know they are in a different section of the site for B2B accounts.
  2. Display the B2B benefits for current and new customers.
  3. Update the log in to take a customer to the current log in page.
B2B Home Page B2B Home Page B2B Home Page

In-Store Services

The in-store services page list every service available at a specific Ace Hardware store. The old page was static and didn’t always reflect all the services available. There weren’t images or descriptions just a list of key services that a lot of stores offer.

A challenge, the store owners have the ability to add any store services through the back end system creating duplicates or services with very similar names.

The first step was to work with the in-house team that manages the in-store services. I got an approved corporate list to minimize duplicates or similar services.

There are a lot of videos created for services that store owners have requested. I then worked with Creative Services to determine which videos should be added to the in-store services page. They also helped with finding images for each service and writing the descriptions for the services.

The goals for the redesign:

  1. Work with the developers to update the back end system to allow for images and service descriptions to be added.
  2. Eliminate duplicate or similar services.
  3.  
  4. Show the actual services available at each store.
  5. Use imagery and video thumbnails for easy scanability.
  6. Add in descriptions for vague services.er to the current log in page.
In-Store Services Screen Shot
In-Store Services Screen Shot In-Store Services Screen Shot
In-Store Services Before and After