Back to Web Work
SaaS · Next.js

Verdant
Analytics Dashboard

Client
Verdant Technologies
Year
2024
Duration
14 Weeks
Our Role
UI/UX + Full-Stack
Platform
Web (SaaS)
VERDANT · ANALYTICS DASHBOARD

What We
Built & Why

Verdant came to us with a complex challenge: they had rich analytics data but no way to surface it meaningfully to their business users. Their existing dashboard was built by engineers — powerful but impenetrable.

We redesigned the product from scratch — starting with a week of user research, card sorting, and diary studies with their actual power users. The result is a dashboard that feels like it was built for humans, not developers.

The new platform handles multi-tenant architectures with role-based access, real-time streaming data, and custom chart builder functionality — all wrapped in a UI that scores 98 on Lighthouse.

40%
DAU Increase
3.2×
Retention Lift
98
Perf Score
4.9★
Client Rating
Next.jsTypeScriptReactPostgreSQLPrismaChart.jsTailwindVercelFigma

Design Highlights

Dashboard Overview
Analytics Charts
User Management
Report Builder
Settings Panel

The Challenges

Complex multi-tenant permission model with 5 distinct user roles, each needing a completely different view of the same data.

Real-time data streaming for up to 1M events/day without degrading UI performance.

Legacy data format inconsistencies across 40+ data source connectors that had to be normalised on the fly.

Our Solutions

Designed a context-aware dashboard system where layout, widgets, and data visibility adapt dynamically based on user role — no configuration needed.

Implemented a WebSocket-based live update system with intelligent diffing to update only changed chart segments, keeping renders under 16ms.

Built a normalisation layer in Prisma with graceful fallbacks — users see clean data regardless of source quality.

Like What You See?

Start Your
Project Today

We'd love to hear about your project and explore how we can help.

Get In Touch More Web Projects
Next Project
Luxe Store — Fashion Platform