A working mockup of the iEvo PMC platform.
This is a clickable mockup of the product 9AI is building for iEvo (Iraj Evolution Design) under the Embedded AI Office engagement. Every screen is real and navigable with realistic dummy data - it shows how the final product will look and behave, before any backend is wired up.
What this is
A design-complete prototype, not the production system. The full UI, the nine-stage project lifecycle, the self-correcting timeline, and the live Eagle View roll-ups all work end to end on dummy data in your browser - nothing is connected to a real backend or real client records yet. It exists so iEvo's team and developers can see it, click through it, and sign off on the final product before build. The problem it models: today one PMC shepherds each project across ten spreadsheets and WhatsApp, with ~70% of their time lost to chasing updates and cycles stretching past 180 days.
What the product does
The operating layer for bespoke contract-furniture delivery.
One dashboard per PMC
Today's todos, a daily briefing, and every project's health in one place.
Self-correcting timeline
Any late stage auto-recalculates the downstream schedule and flips RAG - no manual re-planning.
Eagle View for leadership
A read-only portfolio that aggregates live from PMC activity - stage flow, factory load, commercials.
What's included in this mockup
Every screen below is built and clickable with dummy data.
Product (Tab 1)
- PMC Dashboard - daily briefing, My Todos (overdue → due today), My Projects with RAG health
- Projects - lifecycle roadmap flowchart, current-stage auto-task + document upload + Move to next phase, project overview, protocodes, document dossier, communications & audit log, escalations, simulate-delay
- Eagle View - projects-by-stage flow, RAG distribution, factory load + next-month estimate, PMC workload, commercials (revenue / COGS / margin) with graphs, stage ageing, filterable portfolio
- Handover Form - full BD packet (identifiers, scope, materials, site, dispatch & billing, fabric, coordination, contacts, quantities, commercials) + document checklist + completeness check
- Admin - Users, Roles, Permissions, Roles & Page-Access Matrix
- Quick Actions - Handover, Designer Task, Proto Task, Production Task, Mockup, QC
- Ops & Installation modules - Tasks, Approvals, Escalations, Site Measurements, Hardware Packs, Site Issues, Sign-offs, Closure Packs
Engines (behind the UI)
- Timeline engine - forward pass, back-calculation, recalc-on-delay, buffer + projected dispatch
- Todos engine - stage-defined checklists with a completeness gate, persisted in the browser
- RAG / health derivation - computed on read, never stored
- Eagle View aggregation - live portfolio roll-ups
- 9-stage lifecycle - Handover → Shop Drawing → Site Measurement → Prototyping → PCD → Production → Dispatch → Installation
- Three production lines - Bedla, Shruti, Hanmac
Guided Walkthrough (Tab 2)
- 13-step run through one project, handover to installation
- Uses the real product pages, not mock screens
- Auto coachmark on every step explaining the logic
- Live timeline auto-recalculation demo
Technical Architecture (Tab 3)
- Full stack - frontend + backend (developer reference)
- System architecture diagram
- ER data model
- Derivation / recompute graph
- Key interaction sequence
Three ways in
The whole demo is a three-tab site - pick where to start. Switch tabs anytime from the bar above.