Work-Based Learning (NYS)
Published · LiveA published New York State public-school resource hub and reporting system — translating fragmented student outcome data into a shared visual language usable across schools and districts.
Rich data. No shared language to read it.
New York State's Work-Based Learning program generates significant qualitative and quantitative data on student outcomes — internship performance, skill development, workplace readiness, and program completion. Schools across the state were collecting this data. The problem was what happened next.
Reporting formats varied by school. Visualizations, when they existed at all, were inconsistent. An administrator at one school couldn't meaningfully compare outcomes with another. A program coordinator reviewing multiple schools' reports had to mentally translate between different data presentations before they could interpret anything.
The data existed. The infrastructure to make it legible — across schools, across districts, at the state level — didn't. This project was about building that infrastructure.
My role
UI/UX Designer & Front-End Developer — responsible for the information design system, visual language, and full platform build on Google Sites.
Timeline
2022 – 2023 · Platform live and actively maintained
Primary users
- NYS program coordinators
- School administrators
- Teachers and counselors reviewing student progress
- District-level reviewers comparing across schools
Fragmented data. No system for making sense of it.
When every school reports differently, comparison becomes impossible. When visualizations are inconsistent, pattern recognition fails. When the hub is a collection of scattered links and documents, retrieval is friction-heavy.
The consequence isn't just inconvenience — it's that student outcomes become invisible to the people responsible for acting on them. You can't improve what you can't read.
- Fragmented reporting formats — No consistent template across schools. Each report required interpretation from scratch.
- Inconsistent visual language — Charts, icons, and data representations varied, making cross-school comparison impossible without manual translation.
- No centralized portal — Resources were spread across links, emails, and documents with no single access point.
- High cognitive load for reviewers — Administrators reviewing multiple schools had to context-switch constantly between different data presentations.
Building a shared visual system, not just a website
The goal wasn't a prettier report. It was a consistent enough visual language that anyone reviewing any school's data could interpret it immediately — without a legend, without a guide, without translation.
- Built a centralized portal to eliminate link-sprawl. All resources, reports, and tools live in one place with consistent navigation. Retrieval friction dropped from multi-step searches to a single access point.
- Designed modular report templates to standardize interpretation. Every school's data now uses the same structure, the same visual hierarchy, and the same chart types. Cross-school comparison became possible without translation.
- Used iconography and infographics to reduce cognitive load. Heavy data tables were replaced with visual summaries that communicate outcomes at a glance — without sacrificing the underlying detail.
- Constrained the visual system deliberately. Fewer chart types. Consistent color meaning. Repeated patterns. Constraint here is a feature — every deviation from the system breaks the ability to compare.
- Built on Google Sites for maintainability. The platform needed to be updatable by non-technical staff after handoff. Technology choice was a UX decision, not just an infrastructure one.
The visual system — designed for cross-school legibility
Design principles applied
- Consistency over creativity — the system serves comparison, not expression
- Visual hierarchy aligned with decision-making priority
- Iconography that reduces reading load without losing precision
- Modular templates that scale across any school without custom work
Published. Live. Used.
The platform is active and maintained. The visual system works in the wild — across schools that didn't build it, with data they didn't design for.
Published statewide across NY public schools — a designed artifact now operating as part of official New York State program infrastructure.
Cross-school comparison enabled — administrators can now review multiple schools' outcomes using the same visual language, without manual translation between formats.
Retrieval friction eliminated — one centralized portal replaced a scattered collection of links, documents, and emails.
Consistent interpretation across districts — the shared visual system means a coordinator reviewing schools in different districts reads the same data structure every time.
Non-technical maintainability — platform was built for handoff. Staff can update content without designer involvement.