07·Product
Innovation Portal
Executive cockpit for the BARNES Dubai innovation programme. Hosts every project below: research benchmarks, the splat viewer, Atlas valuation surface, the AI assistant. Project status, valuation analytics, competitive signal, document workspace, multilingual role-based access, embedded Apache Superset BI.
What it took
The skills behind this project.
Every project below leans on a primary discipline and a handful of secondary ones. Tap any chip to see how that skill plays out across the wider portfolio.
Skills demonstrated
- Product StrategyPrimary
One executive cockpit that unifies 20+ innovation projects across status, research, and analytics.
- Frontend EngineeringSecondary
Next.js + i18n + Auth.js with role-based access for executives, researchers, and partners.
- Backend EngineeringSecondary
Prisma data model and Apache Superset embedding for the live valuation analytics.
- Web DesignSecondary
Card system, status badges, timeline composition; the visual language other Barnes projects adopt.
Context
Why it exists.
BARNES Dubai's innovation programme runs twenty-plus projects in parallel — Atlas, the Splat Viewer, Barnes AI, the 3DGS research pipeline, the Smart Deals site, plus a long tail of prototypes and partnerships. Executives need a single surface to see where everything stands; partners need a way in that does not require a stakeholder briefing; researchers need a documents library that does not live in someone's email.
Innovation Portal is that surface. One Next.js app that hosts every project's status, research evidence, document workspace, and embedded BI — with multilingual role-based access so a Paris executive and a Dubai researcher see the same source of truth in different languages and with different permissions.
StackNext.js · Prisma · Apache Superset · Auth.js · i18n
Process
The decisions that shaped it.
- 01
Cards over dashboards
The home view is a grid of project cards, not a dashboard of KPIs. Each card holds the project's status, category, and short description. Filtering and sorting happen at the card level, which keeps the IA flat — every project is one click in. Dashboards full of widgets nobody clicks were the anti-pattern we deliberately rejected.
Product Strategy - 02
Auth.js with role tiers, not feature flags
Executives, researchers, partners, and external reviewers see different slices of the same data. Encoded as role tiers in Auth.js with policy gates on the routes, not as feature flags in the UI. Keeps the access model legible — a partner cannot accidentally see an unannounced project because of a flag misconfiguration.
Backend Engineering - 03
Embedded Superset for the analytics that matter
Embedded Apache Superset for the live valuation analytics and the project-level traffic metrics. Embedding (not screenshotting, not re-building in Next) means the chart the executive sees on the portal is the same chart the analyst is editing in Superset — one source, two surfaces.
Frontend Engineering - 04
Timeline as a shared story
Every project's commits, deploys, and milestones land on one chronological timeline. Stakeholders read it as the story of the programme; the project leads use it as their own activity feed. Auto-ingested from `git log` and the CRM, so it is never out of date.
Web Design
Outcome
What shipped.
The single surface every other BARNES project ships into.
Live as the executive surface for the BARNES Dubai innovation programme. Every other project here — Splat Viewer, Atlas, Barnes AI, the 3DGS research — ships into Innovation Portal as its delivery surface. The portal's design system is what later projects adopt for their own surfaces.
Inside
4 moments worth a closer look.
01Projects Grid
Card-based overview of all 20+ projects with category filters + status badges. Single source of truth for the innovation programme.
02Timeline
Chronological activity feed with git commits, deploy entries, milestone hits. Auto-refresh keeps stakeholders in sync without nagging.
03Research
Embedded research documents, market data, competitive signals. Each project gets its own folder of evidence.
04Documents
Centralised PDF + HTML library, versioned. The showcase docs every other Barnes project ships into.