Client: GoGuardian

Goal: Research, wireframe, and design the UI for a fully featured filtering application to be used by millions of devices on the GoGuardian platform.

Process:

This composition shows the primary Youtube filtering section, where customers have full control over several dimensions of filtering. After working with our engineering lead to finalize the technical scope, I went to work on a whiteboard to fully understand the filtering flow and how these rules are inherited in theĀ  hierarchy (some details blurred):

planning

After many wireframes, we brought it into Sketch and finalized with all teams involved before breaking it down in JIRA to be built and shipped.

building-filtering-ui-sketch

Dribbble-Admin-Reveal-2

Video with more (created using actual mockups in Adobe After Effects):