Design task

Z2Data Part risk dashboard

Web app · Supply-chain data · 2 days. A design task for Senior Product Designer.

Z2Data part risk dashboard showing search results and risk areas
Client
Z2Data
Year
2019 – 2020
Type
Web app
Brief
Design task for Senior Product Designer
Time given
2 days

The task

Design the new risk dashboard taking into account the following:

  • When a user searches for a part, they will land on this new dashboard.
  • A user should be able to quickly identify the risky areas of a part.
  • Information/data points presented should be clear.
  • The view should be visually appealing.
  • Maintain similar colors & styles to the current Z2Data application, but feel free to introduce new design elements to improve the user experience.

Approach

Approach Followed: Design Thinking (Empathize, Define, Ideate, implement)

Information architecture

Information architecture: the ask, the assumptions, the key points and the add-ons

Design system

Branding (colour theory) and typography.

Colour theory: the brand palette
Typography

High-fidelity designs

The way into the dashboard: search, searching, and the no-results state. The risk dashboard itself is the cover at the top of this page.

1 · Search: recent and popular searches
2 · Searching: matching part numbers as you type
3 · No results, with recent and popular searches to try

UI specifications

UI specifications for developers

Outcome

Artifacts Generated (Tangible outcomes):

  1. Information Architecture.
  2. Branding Established.
  3. Design System.
  4. Componentized.
  5. High-Fidelity Prototypes.
  6. Clickable Prototype.