Smart Compliance Quiz

Product Designer

Overview

As part of a platform redesign, I led the design of a new Quiz feature that let learners prove what they already knew, skipping repetitive training while meeting compliance standards. The challenge: build a fast, credible, and brand-aligned experience that balanced adaptability with regulatory rigor.

Apple display screen with an image of a billing website

Problem framing

Through research synthesis and stakeholder alignment, we identified three core learner pain points:

Time

Most compliance modules require up to an hour and were often repeated annually.

Frequency

Employees were required to retake the same content every year.

Knowledge

Users often already understood the content, but needed to "prove" it.

Our goal: Create a frictionless way for learners to validate their knowledge early and skip full-length courses if qualified, without compromising compliance standards.

Design objectives

  • Provide a clear, confidence-inspiring assessment experience.
  • Build a componentized UI aligned with LRN’s new design system.
  • Ensure accessibility, responsiveness, and system reusability.
  • Minimize learning friction while reinforcing accountability.

My role and responsibilities

As the lead product designer, I was responsible for:

  • Collaborating with Product, Engineering, and Legal to define constraints and requirements.
  • Leading wireframe ideation around adaptive flows, question handling, and feedback.
  • Creating responsive, system-aligned UI components from scratch (e.g. progress indicators, scorecards, feedback states).
  • Conducting stakeholder reviews, visual QA, and preparing handoff-ready assets for development.

Key Contributions

Discovery and research

  • Reviewed user feedback, behavior data, and competitive patterns.
  • Identified key UX opportunities around reducing effort while maintaining trust and compliance.

Wireframing key flows

  • Designed adaptive flows to test knowledge in the least intrusive way possible.
  • Prioritized clarity and brevity to minimize drop-off and cognitive load.

Component-level design

  • Built net-new UI elements that adhered to our evolving design system (quiz buttons, status markers, score visuals).
  • Used color and iconography to ensure results were quickly scannable and inclusive for all users.

Responsive optimization

  • Designed for full mobile access, anticipating that many learners would access training from phones or tablets.
  • Maintained legibility and usability at all breakpoints, including focus states and accessible touch targets.

Impact

While this feature launched within a broader roadmap, early indicators included:

  • Strong internal alignment across product, legal, and compliance teams.
  • Reduced learner friction by shifting effort to the front of the course.
  • Improved UI cohesion through the introduction of modular, scalable design patterns.
  • Established a foundation for future adaptive learning models.

Final Design Highlights

What I’d evolve next

  • Motion and feedback: Introduce micro-interactions or animations to reward correct answers and soften incorrect feedback.
  • Data visualization: Create dashboards to track learning patterns and identify knowledge gaps.
  • Modularity: Package this feature as a reusable quiz module for other training use cases.
  • Accessibility: Address the accessibility gaps.

Final thoughts

This project exemplified the balance between user empathy, system design, and compliance constraints. It was an opportunity to elevate the training experience beyond checkboxes, into something more meaningful, efficient, and empowering for the learner.