NTFC · Interactive prototypes

Three flows, fleshed out.

Dashboard, Working Group → Action update, and Contacts. Click through them to pick which components belong in the case study.

ntfc · dashboard
01 · Flow

Dashboard

Overview tab with at-a-glance donut metrics, reforms table with progress and status, plus a slide-in notification panel and category filter toggle.

Tabs · Filters · Donut metrics · Status table · Notifications
Open prototype
ntfc · working group → action
02 · Flow

Working Group → Action

From the Working Group list down through tabs (Description, Reforms, Actions, Members…) to a single Action and the Update Action form with progress, upload, and notification controls.

List → Detail → Action → Update form
Open prototype
ntfc · contacts
03 · Flow

Contacts

Searchable contact list with expandable detail rows alongside the NTFC organisational chart — clicking a working group circle in the chart highlights it.

List · Search · Expanding rows · Org chart
Open prototype
Next step Click through each prototype, then tell me which screens / components belong in the case study. I'll re-render those at full fidelity and replace the placeholder SVGs in ntfc.html and the homepage card.