Navigation and Structure​​​​​​​
The visual design aligns closely to the tablet UI that was released in late 2018. For engineering reasons, we oped to keep the sidebar navigation that is present in early Unison tool. We considered the possible latency that would occur if data were loaded when a user made a selection and opted instead for the "Update Filters" button.

Landing page for the new Vendor Dashboard. 

Filtering modal where vendors can choose whether they want information for all of their products are one of them, as well as the date range.

Smooth animation for the filtering modal.

Metric Definitions
As with the previous dashboards, users can click the "Help" icon to get detailed information about what a particular metric means. We heard time and time in our research and conversations that it matters less what the metric means and more that its definition is extremely clear.

Dwell, Engagement, Page Activity and related averages with benchmarking.

As with the previous dashboard, clicking the "help" icon brings up the metric definition.

Animations for metric definitions on the Dashboard page.

Reports Page
We learned from conversations with vendors that access to raw data is preferred, as it is extremely flexible to use. The Reports page lets vendors download the reports that are generated weekly.

Landing page for the Reports page.  Sidebar is open. The most recent week is open by default.

"Help" buttons are included within the text for vendors to reference. Sidebar is closed.

Animations for metric definitions on the Reports page.

Reports are organized by weeks, as is customary with sales data.

A group of reports is successfully downloaded. The naming convention makes for easy reference and searching.

Expanding and collapsing the reports modals.

Additional UI animations

Opening and closing the sidebar. Animation in ProtoPie.

Experimenting with sticky navigation.

Animation for the filtering modal in slo-mo.

You may also like

Back to Top