Admin Dashboard
Enterprise OKR & strategy platform
Situation
A growing company needed a centralized platform to track strategic objectives (OKRs), manage client relationships, and coordinate cross-team initiatives. Leadership was working across fragmented tools — spreadsheets for OKRs, a separate CRM for clients, email threads for strategy discussions, and no unified view of organizational progress.
The lack of a single source of truth meant quarterly reviews were painful, progress tracking was manual, and strategic alignment across teams was aspirational at best. Executives needed real-time visibility into what was on track, what was at risk, and where resources should shift.
Task
Build a comprehensive admin dashboard that unifies OKR tracking, visual roadmap planning, client management, and AI-powered strategic analysis — all within a secure, role-based access control system integrated with the company's existing Microsoft 365 infrastructure.
Action
I designed the platform around a wave-based strategy model — a framework where strategic initiatives progress through defined waves (Plan, Execute, Review), each with its own set of OKRs, milestones, and metrics. This gave leadership a narrative structure ("3 Acts Journey") to communicate strategy across the organization.
The OKR dashboard provides real-time progress tracking with runway indicators (how many days until a key result is due vs. current trajectory), confidence scoring, and drill-down from company-level objectives to team-level key results.
The visual roadmap uses DnD Kit for drag-and-drop planning with timeline visualization, milestone tracking, and dependency management. Teams can rearrange priorities by dragging items, and the system automatically recalculates timelines and flags conflicts.
AI assistants (Anthropic Claude + OpenAI) power three capabilities: strategy analysis (summarizing cross-team alignment and identifying gaps), OKR suggestions (generating measurable key results from loose objectives), and automated reporting (weekly progress digests for leadership).
Microsoft 365 integration via Microsoft Graph API provides SSO through Azure AD, calendar sync for milestone deadlines, and team directory for assignment and accountability.
Security uses Supabase RLS with granular permissions per module — some users see only their team's OKRs, while executives have full visibility. Azure AD groups map directly to application roles.
Result
- Real-time OKR visibility across the entire organization with wave-based progress tracking and runway indicators
- Visual roadmap with drag-and-drop planning, milestone dependencies, and automatic conflict detection
- AI-assisted strategy — automated OKR suggestions, progress summaries, and alignment analysis
- Microsoft 365 integration — SSO, calendar sync, and team directory with zero additional login friction
- Role-based access control with granular permissions per module, mapped to Azure AD groups
- Full E2E test coverage with Playwright covering OKR CRUD, roadmap interactions, and role-based access flows