ReCollect Redesign

Overview

Role and Responsibilities

• Lead the project from concept through completion, collaborating with product managers and engineers.

• Created high fidelity designs and interactive prototypes.

• Performed user testing to validate design direction.

The Process

When I came onboard, I quickly learned that there had previously been a very lengthy undertaking to redesign the core products, but after many months of development the project was abandoned. There was therefore a lot of sensitivity around the idea of a redesign, and the project had to be approached delicately. Below is the process I followed.

1. Identify Problem(s) & Empathize with Users

   1. Audit of existing tools

   2. Competitive Audit

   3. Documented Customer Feedback / Support Requests

2. Ideate

   • Designed a few key screens to get executive buy-in

   • How can we improve the user experience and UI in a reasonable timeframe (3 months)?

3. Refine

   • Met w/ Customer Success/Sales/Product Management to get their ideas and hear feedback from customers

   • Focus on native mobile apps to start based on available company resources

4. Build

   • Coordinate cross-functionally with product managers and engineers

   • Prioritize features and cut scope to fit allotted timeframe

5. QA and Release

   • Extensive design and functional QA of 6+ canary apps

UX Research: Identify Problems and Empathize with Users

Design Decisions

Calendar

• Moved address search bar to the top of every tab. This bar is also clickable so users can easily search for a new address - very convenient for people with multiple properties or those that are helping family members with their collections! 

• Put the important things at the top, so any Contests you are running - and the button for people to enter the Contest - will always appear first.

• Service Alerts and Campaigns will appear after Contests - all at the same time! Allows customers to alert people of urgent updates without sacrificing education.

• Introduced card display with accordion rows. This is a small change but makes it that much faster to see when your next collection is and what will be collected.

• Improved icon presentation by flipping the colours so now a white icon will appear over the customer selected selected icon colour. 

Waste Wizard

• Added 4 “Popular Searches” quick links with images. The materials featured here come straight from customer data (past 30 days) - keeping the items here fresh and seasonally relevant.

• The Wizard tab will now show the search box at all times. This will allow people to keep searching for additional items rather than having to go back to search for another item. This makes the Wizard tool that much stickier for people to use and come back to.

• Wizard search results that include a drop-off location will show a single map view. We’ve had a lot of requests around reducing the complexity of our map view.

• Made it easier for people to contact drop-off locations by adding 3 quick-link icons (when information exists) for Directions, Call, and Website. These can be found on the drop-off location/depot page. 

General Upgrades

• Modernized the overall look and feel of the Mobile App by fixing alignment throughout the App and consolidating the use of color.

• Tabs will now appear on the bottom for Android devices, to better align with the experience on Apple devices.

• Added labels to the bottom tab navigation - no more guessing!

• Standardized the background color of the tab bar, making it clearer which tab is currently active.

Future Updates

• Update the website tool to align with the new mobile app design

• Improve additional tools that didn’t fit in the timeframe for V1