Because the platform had grown rapidly over time, the user experience had drifted across different areas of the product.

A Shared Figma-to-Code Contract
The team operates on a strict Figma-to-code workflow where semantic tokens defined as variables map directly to Tailwind utilities. I ensured every design shipped with exact node URLs, responsive variants, and comprehensively defined states (hover, focus, disabled, loading, empty, error) before it entered development.

Checkpoint-Driven Development
Rather than relying on massive handoffs, work moved through rapid, AI-assisted validation checkpoints. A significant portion of my frontend commits were co-authored with Claude Code, seamlessly integrating into the team's continuous review and testing pipeline. Joining this environment required a different discipline: designing, building, and regression-testing inside technical guardrails I hadn't set myself.

One Shell for Every Flow
To resolve the disjointed navigation, I extracted and engineered a reusable "Shell" component — standardizing the sidebar and topbar structure. By rolling this out across the student-facing portals, I replaced multiple separate implementations with a single, unified navigation system, creating a continuous experience across the entire ecosystem.

Unifying a Drifted Visual Language
I executed a comprehensive platform-wide cleanup to eliminate design drift. I standardized button sizing across all breakpoints, rebuilt the avatar system into a single robust component, and synchronized admin panels onto a shared visual foundation.

Responsive, Mobile-First Refactoring
Layouts that previously only functioned at desktop widths received a proper responsive overhaul. I engineered fluid grids that dynamically reflow based on viewport size, adaptable sidebars that convert to off-canvas drawers on mobile, and ensured touch targets were optimized for real-world accessibility.

Data Visualization & Resource Management
Previously, educators lacked a unified view of class performance. I designed and engineered scalable data-table modals with sortable columns to allow for real-time tracking of cohort progress and enrollment status. Additionally, I built out robust resource management interfaces, introducing drag-to-reorder functionality, bulk actions, and streamlined file import flows to significantly reduce administrative friction during onboarding.

Streamlined User Communication
I also designed and implemented a comprehensive end-to-end communication and request system. This included multi-recipient selection modals, structured file attachments, and a persisted request history so users can confidently track the status of their inquiries without confusion.