VisualLMS (Learning Management System)
VCS HR
VCS HR is a workforce management platform that provides integrated payroll, time tracking, scheduling, and HR solutions to help organizations streamline operations, improve employee engagement, and reduce costs.
Target clients: Public service agencies (police departments, township municipalities, fire departments, hospitals, universities, and more), and large companies.
VisualLMS is a new product in VCS HR's Maverick Suite. This product centralizes training, certification tracking, and compliance management for law enforcement agencies.
Target users: Public service agencies/organizations (ex: police, universities, hospitals, etc.) - Administrators, Supervisors, and Employees
Function: The system replaces disconnected spreadsheets and manual processes with a structured platform that supports both high-level administration and individual training completion.
Timeline
Nov 2025 - Feb 2026
UX/UI Design
Julie DiMemmo
Project Manager
Francisco E.
Developers
Luis S.
Talha S.
My Role
I owned the end-to-end 0→1 design of VisualLMS, from initial concept to a fully realized, production-ready system.
The project included designing core workflows, establishing system architecture, and creating new capabilities to support training management, certification tracking, and compliance at scale.
UI was built using the Maverick design system, ensuring consistency across the broader platform while introducing patterns tailored to data-heavy workflows.
18+
Workflows Designed
38
Production-Ready Screens
5+
Interconnected System Areas
3
User Roles Supported
Problem
01
Training records, certifications, and course history were spread across spreadsheets and disconnected systems, making it difficult to maintain a reliable source of truth.
Heuristic Violations:
Consistency & standards, Recognition rather than recall
02
Certification status and expiration tracking were not easily visible, increasing the risk of missed or overdue requirements.
Heuristic Violations:
Visibility of system status,
Error prevention
03
Training systems require working with large datasets that are difficult to scan and interpret.
Heuristic Violations:
Aesthetic & minimalist design,
Flexibility & efficiency of use
Solution
01
The system needed to centralize training data into a single, structured platform.
02
The interface needed to surface compliance status clearly and make risks immediately identifiable.
The design needed to prioritize clarity, hierarchy, and scannability for fast decision-making.
Design Goals
01
Make compliance impossible to miss
Surface certification status, expirations, and risks proactively so administrators can act before issues occur.
02
Enable fast interpretation of training data at scale
Design for scanning, filtering, and comparing large sets of personnel, courses, and certification records.
03
Support structured, repeatable training workflows
Create consistent patterns for assigning, tracking, and managing training across departments and time.
Scope: This was a full system design, not a feature enhancement.
The platform needed to support:
Course scheduling and session management
Training assignment (individual + bulk)
Certification tracking and expiration monitoring
Officer training history and records
Reporting and compliance oversight
The complexity came from data density and interdependent workflows—courses, certifications, and personnel records all intersect.
Workflow Ecosystem Map
Highlight Reel
Information Architecture - Before & After
Login Screen - Before & After
Research
I collaborated with stakeholders, reviewed existing training workflows, and analyzed LMS platforms and internal tools used by public safety agencies.
A key insight: many training systems prioritize feature density over usability, making it difficult to quickly understand certification status and training requirements. Improving clarity—especially around compliance—became a primary focus.
Another key finding was the need for structured data visibility. Administrators must track certifications, expirations, and training progress across large groups, requiring interfaces that support quick scanning and interpretation rather than deep navigation.
Insights
Separating Administrative Power from Task-Based Simplicity
Problem
A shared interface forced administrators and officers into the same experience, overwhelming simple tasks and slowing complex workflows.
Solution
Split the experience into role-based views
Designed high-density tools for administrators
Created focused dashboards for officers
Outcome
Administrators manage training across hundreds of personnel, while officers complete tasks quickly with minimal friction
Example
My Training Dashboard (Employee View)
Turning Compliance into a Real-Time Signal
Problem
Certification status was buried, making compliance risks hard to detect across large datasets.
Solution
Surfaced status and expiration dates across key views
Introduced color-coded indicators and alerts
Prioritized critical data in table hierarchy
Outcome
Compliance risks are immediately visible across departments without manual audits.
Example
Certification Records Overview
Making Large Datasets Instantly Scannable
Problem
High-volume training data was difficult to quickly interpret at scale.
Solution
Designed tables with clear hierarchy and alignment
Embedded status indicators in rows
Added sorting and filtering
Outcome
Users can scan and act on hundreds of records at a glance.
Example
Training Records Table (Admin View)
Eliminating Repetitive Administrative Work
Problem
Assigning training individually created time-intensive workflows at scale.
Solution
Introduced bulk and group-based assignments
Enabled multi-select interactions
Reduced repeated inputs
Outcome
Dozens—or hundreds—of actions reduced to a single workflow.
Example
Bulk Training Assignment Modal
Preventing Future Fragmentation Through System Design
Problem
Without a defined structure, a net-new system risked becoming fragmented as it scaled.
Solution
Defined information architecture upfront
Established core system domains
Designed consistent navigation and patterns
Outcome
The system scales without added complexity or user confusion.
Example
Courses Management Screen
Collaboration
The project required close collaboration with developers and stakeholders to define system structure from the ground up.
We aligned on data models for training records, certifications, and course management, ensuring the design could support complex relationships at scale.
I worked closely with engineering to validate table behavior, filtering logic, and performance considerations for large datasets. We also defined implementation-ready designs and acceptance criteria, iterating based on feasibility and feedback.
Key Decisions & Tradeoffs
Tradeoff: Data density vs clarity
High-density tables were necessary, but required strong hierarchy and visual structure to remain usable.
Constraint: Maverick Design System
Had to align with existing components and patterns, shaping layout and interaction decisions.
Decision: Role-based views over separate systems
Balanced flexibility and consistency by tailoring experiences within a unified platform.
Results
Clear visibility into certification status and risk
Administrators can quickly identify expired or expiring certifications across personnel without manually reviewing individual records.
Structured training management across interconnected workflows
Courses, assignments, certifications, and records are now connected within a single system, supporting end-to-end training oversight
Reduced friction in managing training at scale
Bulk assignment and filtering patterns streamline workflows that would otherwise require repetitive, manual input across large groups
Improved interpretation of complex training data
High-density tables with embedded status indicators make it easier to understand training progress, completion, and gaps at a glance
Learnings
Designing 0 → 1 requires defining the system, not just the interface
With no existing structure, decisions around information architecture and data relationships had long-term impact.
Early system-level thinking prevented fragmentation as features expanded.
Clarity matters more than feature depth in data-heavy systems
Many LMS platforms prioritize features, but struggle with usability.
Focusing on hierarchy, status visibility, and scannability made complex data actionable.
Designing for scale changes decision-making
Supporting hundreds of personnel requires different patterns (bulk actions, filtering, role-based views).
Small inefficiencies become major issues at scale, influencing every interaction decision.
Close collaboration with engineering is critical for data-heavy products
Table performance, filtering logic, and data structure directly shaped the design.
Aligning early ensured the system was both usable and feasible to build.
Looking Ahead
As VisualLMS moves toward development and launch, the system is designed to scale with expanding training and compliance needs.
Opportunities include:
Expanded certification and mandate tracking
Enhanced reporting and analytics for compliance oversight
Improved progress visualization for officers and administrators
Automation of recurring training assignments
By prioritizing clarity, structure, and scalability from the start, VisualLMS establishes a strong foundation for managing training across complex public safety organizations.
