CALF. — Core Enterprise LMS 2.0
Overhauling a complex enterprise learning management system into an intuitive, role-driven platform across Admin, Manager, Facilitator, and Learner workflows, executed in close collaboration with product managers and engineering.
The Condition of the Product When I First Saw It
The baseline state of CALF before my design intervention: lacking foundational design hygiene, unstandardized typography, broken spacing, and erratic icons.
The Condition of the Product When I First Saw It
Screenshot of the legacy system interface upon taking charge of the product design.
Honest Reality Check & Client Feedback
The legacy LMS was saddled with severe visual disarray and workflow debt when I took over design ownership. To uncover real operational bottlenecks, I established a direct feedback loop with our dedicated Customer Experience (CX) team, who interface daily with client stakeholders (including NIIT, upGrad, and TransformMe). The CX team channeled unfiltered client pain points: confusing course creation, fragmented navigation, and an uninspiring course preview panel. I captured high-resolution audits of every legacy screen and executed a disciplined redesign that transformed the course creation and preview experiences—earning immediate client acclaim transmitted back through our CX team.
CX Discovery Pipeline
Continuous client UX pain points collected directly via account managers and enterprise admins.
Course Creation & Preview Overhaul
Redesigned confusing authoring flows and preview panels, celebrated across key enterprise clients.
Design Tokens & 20% Dev Speed
Unified tokens across Web, Tablet, and Mobile, eliminating guesswork and speeding delivery by 20%.
First Update — Stabilizing Hierarchy & Icon Consistency
Step one was surgical: correcting typographic hierarchy, standardizing icon sets, and aligning paddings without interrupting active enterprise clients.
First Update Walkthrough
A video walkthrough illustrating how foundational design hygiene brought immediate order to live screens without disrupting backend data structures.
Visual Hierarchy Restored
Clean typographic levels across headings, filters, and tables so admins scan status instantly.
Iconography Cohesion
A unified vector icon set with equal 24px bounding boxes, 1.5px strokes, and clear semantic states.
Predictable Paddings
Standardized internal card padding and table row heights based on a strict 8pt spatial grid.
CALF 2.0 — In-Depth Product Study & Modern UI Overhaul
After the First Update stabilized the interface, I conducted an end-to-end study of the product across all 4 user roles. With these findings, I completely overhauled CALF into a modern, 100% white-label Enterprise LMS.
CALF 2.0 Modern Platform Walkthrough
The complete transformation: multi-role optimized navigation, tenant-specific white-label theming, modern SaaS component language, and frictionless learning workflows.
The Complete Leap to 2.0
With foundational hygiene stabilized, I initiated an end-to-end contextual product study. I mapped the operational routines of four core personas—Admins, Managers, Facilitators, and Learners. The result was CALF 2.0: a modern enterprise design system engineered with high-contrast UI, responsive tables, and a 100% white-label theming engine.
End-to-End Product Study
Mapped 4 distinct persona journeys to eliminate dead-ends and streamline critical workflows.
Modern SaaS UI Standards
Contemporary aesthetics, high-contrast readability, accessible focus rings, and crisp responsive states.
100% White-Label Ready
Fully dynamic multi-tenant theming engine for logos, brand hues, typography, and custom subdomains.
Architected for 4 Critical User Levels
Enterprise LMS platforms fail when designed for a single persona. CALF coordinates governance, coaching, and learning across four distinct user tiers.
Admin Workspace
Enterprise tenant controls, user provisioning, global permissions, custom white-label branding, and comprehensive compliance auditing.
Manager Workspace
Cohort tracking, completion metrics, skill gap detection, and reporting dashboards to monitor workforce readiness.
Facilitator Workspace
Live session scheduling, assignment grading, personalized peer feedback, and automated learner nudges.
Participant Workspace
Distraction-free video player, interactive micro-learning modules, progress milestones, and seamless resume states.
100% White-Label SaaS — Dynamic Client Branding
A core business differentiator for NuVeda was enabling enterprise B2B customers to deploy CALF entirely under their own corporate identity without touching a single line of frontend code.
Dynamic Enterprise Theming Engine
I architected a token-based theming pipeline where client administrators can configure their brand identity once, dynamically propagating colors, logos, typography, and domains across all four role workspaces.
Dynamic Logos & Assets
Upload corporate marks, favicons, and login splash banners with automated dark/light contrast adaptation.
Native Dark & Light Mode
Engineered a high-contrast dual-theme architecture providing crisp daylight readability and sleek, battery-saving dark mode for enterprise users.
Palette Re-Skinning
Primary, secondary, and accent colors propagate to buttons, badges, navigation bars, and progress tracks automatically.
Custom Font Engine
Support for corporate custom web fonts and Google Fonts so the platform mirrors the client's internal software feel.
High-Impact Platform Modules Beyond UI Hygiene
My responsibilities extended far beyond surface-level visual cleanup. I designed the interaction architectures and workflow UX for complex, mission-critical authoring and commerce engines.
AI Course Creation Studio
Generative AI authoring experience that turns raw subject prompts and corporate SOPs into comprehensive multi-module courses in minutes.
In-Platform Video Creator & Editor
Native in-browser video editor embedded directly inside CALF, eliminating reliance on external third-party software for course creators.
PPT Generation & HTML Slide Editor
Interactive presentation engine enabling instructors to import slide decks or author responsive, native HTML slides directly in the browser.
Marketplace & Storefront Builder
Visual website designer allowing commercial training organizations to publish custom-branded public storefronts and sell courses directly.
Certification & Digital Badging
Automated credentialing engine generating dynamically-rendered, tamper-evident completion certificates with corporate signatures.
SCORM & xAPI Compliance Engine
Robust enterprise e-learning integration framework supporting global interoperability standards across authoring tools and client LMS ecosystems.
Storage Quotas, Email Credits & AI Consumption Hub
How an unexpected surge in cloud storage and email infrastructure expenses triggered a strategic product redesign — turning an unmonitored operational cost leak into an intuitive, self-serve resource management and monetization engine.
Uncapped Cloud Storage & Infrastructure Cost Spikes
As CALF 2.0 scaled across enterprise clients, platform usage surged dramatically. Corporate training administrators and facilitators were uploading gigabytes of uncompressed high-definition video lessons, SCORM packages, and media assets, while triggering hundreds of thousands of automated learner notification emails.
Because legacy CALF had zero hard storage quotas or email delivery caps, NuVeda was hit with massive cloud infrastructure bills (AWS S3 storage and transactional email delivery) that the company had to absorb and pay out-of-pocket rather than billing back to clients.
Following an update to our commercial Terms & Conditions (T&C), I was tasked with designing a transparent, self-serve Credit & Storage Management Hub that gives enterprise clients real-time visibility into their consumption, allows them to clean up obsolete assets, and provides self-serve add-on purchasing for email credits and Gen-AI blocks.
Cloud Storage Meter & Asset Cleanup
Visual capacity gauges showing real-time GB/TB usage against subscription plan limits. Empowered administrators to audit file categories (videos, SCORMs, documents) and directly delete orphan files to reclaim allocated storage.
Email Notification Quota & Top-Ups
Granular tracking of automated transactional emails and learner campaigns. Proactive threshold warnings (80% / 90%) prevent bounced reminder emails, with instant self-serve purchasing of add-on email credit packs.
AI Credit Blocks & Authoring Balance
Dedicated balance meters for Generative AI authoring features (AI Course Creator, automated quiz generator, and lesson summarizers), allowing teams to buy supplementary credit blocks on-demand.
Ambient Menubar Quick-Access Widget
A compact, non-intrusive status indicator situated persistently at the bottom of the main navigation menubar, providing at-a-glance capacity health and a one-click gateway to the management hub.
The Credits & Storage Management Hub Interface
Designed end-to-end to provide transparent usage tracking, self-serve credit purchasing, and asset deletion tools. Click on the dashboard screen below to inspect full UI details.
Figure: CALF 2.0 Credits & Storage Control Center — Real-time storage meter, email delivery volume, AI credit balances, and self-serve top-up actions.
Persistent Menubar Status Indicator
To keep resource consumption top-of-mind without distracting administrators during daily LMS management, I embedded a persistent widget at the bottom of the navigation menubar. It provides immediate status cues and one-click quick jump into the storage and billing panel, drastically reducing quota shock and emergency support tickets.
Impact Across Enterprise Deployments
Scalable enterprise foundation
The CALF 2.0 overhaul and new FinOps storage governance reconciled legacy stability with modern SaaS aesthetics, enabling NuVeda to onboard enterprise corporate clients with dynamic white-label branding, zero custom engineering overhead, and 100% cloud cost recovery.