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. My team desgined a mobile application that offers a dumpster

Scope:
4 weeks, 3 designers

management company the ability to expand its market through a new service offering. WasteAid enables general contractors the ability to plan, visualize, rent, and monitor containers for various sites. 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.

Visual DesignUX/UIAR/VR

- Understanding the problem -

After learning more about our client, WasteQuip, we began understanding some of the complex problem areas surrounded dumpster management and collection. We prioritized them as follows:

1. Construction managers have a hard time predicting the rate at which the dumpsters at their various sites will fill up. This could lead to potential delays in construction.

2. Site managers sometimes have no understanding of the dimensions of various dumpsters and will often order the wrong size, only to find out it doesn't fit and needs to be swapped out for a smaller size.

- Evaluating the stakeholders -

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

- High 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

- Designing Meaningful Interactions-

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 -

One key deliverable for this project was to build out a roadmap outlining the future we envisioned for our product and how we saw it fitting into the overall company business goals. 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.