Wasteaid

The design prompt for this UX deep-dive was to develop a mobile service to add new value exchanges for a products-oriented company. The app must leverage native mobile capabilities (camera, GPS, etc.) as well as an emerging technology such as augmented reality, computer vision, conversational user interface, or predictive/real-time data. WasteAid is a mobile application that offers Wastequip the ability to expand its market through a new service offering.

WasteAid enables small general contractors (GCs) the ability to plan, visualize, rent, and monitor containers for various projects. By leveraging existing partner Compology’s sensor technology, it lessens the manual and physical burden of monitoring and managing construction waste, allowing GCs to work more effectively work each day.

Scope:
4 weeks, 3 designers

Visual DesignUX/UIAR/VR

- Setting the context

Before we began designing a solution, we needed to understand the problems that the waste industry faces. To do so, we whiteboarded a stakeholder map to comprehend how external influences impact and coincide with Wastequip (WQ)’s existing product suite and services. This included economic, social, and political groups who would care or interact with WQ’s existing service.

Stakeholder Map - whiteboarding session
Stakeholder Map - digitized

- validation and refinement

It was important to our team to refine our scope so that we weren’t making incorrect assumptions or designing for too many user types at once. Some steps we took to better comprehend the needs of construction waste include:
- calling local dumpster rental companies
- reaching out to personal contacts who work in or are affiliated with the construction industry
- understanding commercial contractor workflows
- becoming fluent with municipal waste policies

My team members cold calling people!

- low fidelity wireframing

With key features of the MVP determined jointly, each team member generated their own paper prototypes in parallel.

Some early stage sketches

- Screen map

As a team, we decided the screens we wanted to design in high-fidelity were the View Rental screens, where the user gets quick information about the container and can decide to change delivery based on its estimated fullness, and the Select Container interactions.

Our screen map

- hi fidelity mockups

First iteration still screens depicting the interactions in the key user tasks:

Drag and drop dumpster (finger icon) from suggested panel, based on inputs in a previous screen, to a live environment via augmented reality

- Meaningful Interactions in our final design

The microinteraction animation process of dragging and dropping suggested containers into the proposed environment began to unfold. This pushed us to break down each step of the user experience in granular detail, such as hover states, opacity of objects during hover state, and other content or symbols that communicated feedforward actions.

Final Designs
Final Microinteractions
Final UI

- Road Map

Opportunities for expanding the service to other stakeholders were identified, along with measures of success and data metrics generated by the application are presented in this roadmap diagram.

Final Roadmap

- Demo Videos

Opportunities for expanding the service to other stakeholders were identified, along with measures of success and data metrics generated by the application are presented in this roadmap diagram.