Learn Overview

Snyk Learn enables AppSec to assign secure coding lessons and track learner progress at scale.

This project focused on improving how assignments are created and monitored, particularly for enterprise teams managing training across multiple learners.

My role: I led end-to-end product design for the assignment experience, partnering closely with product and engineering to define scope, explore solutions, and deliver a focused V1 release.

This case study focuses on the Manage Assignment experience.

  1. 🧢 Role

    Product Designer

  2. 🙌 Collaborator

    Product Manager, Developers, Content  Managers, Product Designers, Product Marketing Managers, Brand Designers

  3. 🗓️ Date

    2021-2024

Problem

Admins lacked a scalable workflow to assign and track secure-code learning across large teams.

Outcome

Enabled enterprise teams to assign and track secure-code learning at scale, accelerating paid adoption and contributing to a Silver Award at the 2025 Anthem Awards for Responsible Technology.

Key Insight & Framing

Through early exploration and stakeholder discussions, it became clear that AppSec primarily needed two things:
a fast way to create assignments, and
clear visibility into learner progress.

Rather than redesigning the entire system, we focused on delivering these core workflows first.

From pattern to Jobs-to-be-Done (JTBD)


From customer research, we identified three consistent user needs:

• Scale assignments — support hundreds of developers with low maintenance
Track progress clearly — dashboards, completion states, and nudges
Support compliance evidence — reliable reporting for audits

To better understand how AppSec currently manage assignments and where friction occurs, I broke the problem down into core jobs-to-be-done and mapped the end-to-end assignment journey.

Figure 1: AppSec Persona JTBD

OOUX Exploration

Before designing Assignments, Snyk Learn already included lessons, learning paths, and certificates.

To ensure the Assignments module integrated cleanly into an existing ecosystem of objects (Lessons, Learning Paths, Certificates), I mapped the object relationships to reduce ambiguity across design and engineering.

Figure 2: Snyk Learn's Object Glossary

Figure 3: Object relationships map

Figure 4: Objects, metadata, core content and CTA map, focusing on ASSIGNMENT

Assignment journey — Task Flow & Scope Exploration

After defining the objects, metadata, core content, and CTAs, I mapped the end-to-end assignment journey to understand the full scope of the feature.

This revealed that Assignments was not a single interaction, but a system spanning multiple tasks:
View assignment progress
Create assignments
Edit assignments
Delete assignments
Send reminders

Figure 5: Assignment Journey — Task flow highlights system breadth

I shared this task flow with product and engineering early. Since this was a new enterprise workflow, we intentionally avoided building the full lifecycle upfront. Instead, we aligned on delivering the minimum set of tasks needed to validate value with internal teams and early customers.

V1 focus
View assignment progress → Monitor assignment completion
Create assignments → Roll out learning at scale

We intentionally deferred editing, deletion, and reminders so we could focus on delivering validated core value quickly.

This decision reduced system complexity, accelerated delivery, and ensured we could validate the core enterprise use case before expanding.

View Assignment Progress & Create Assignment Flow (Early Exploration)

Early exploration focused on mapping the assignment journey and identifying where clarity and efficiency could be improved. These explorations helped validate the V1 scope and informed how key actions should be structured in the UI.

Figure 6: V1 Assignment flow — scoped create + progress experience

After reviewing this flow with engineering, product, and content, the team flagged that including AssignmentID and learning paths would introduce unnecessary system complexity and slow initial delivery.

While these elements could be valuable long-term, they were not essential to validating the core enterprise use case: assigning learning at scale and tracking completion with confidence.

As a result, we deliberately simplified the V1 model to focus on:
Creating assignments by selecting lessons and due dates
Viewing assignment progress and completion status

This decision reduced cognitive and technical overhead, accelerated V1 delivery, and created a clear, intentional path for future expansion once real usage data was available.

View Assignment Progress & Create Assignment — V1 Key UI Screens

In the V1 experience, AppSec can log in, select an assignment from a dropdown menu, and quickly create assignments. Assignment progress is displayed in a clear, structured table, with the option to export progress data as a CSV for further analysis and reporting.

The screens below illustrate the core admin workflows we prioritized in V1.

Figure 7: V1 key UI screens — focused on admin workflows and export

Design Decisions

Status tags for risk clarity
Filters for targeted views
CSV export for compliance workflows
Confirmation summary for confidence

Figure 8:  V1 Assignment experience

Once V1 validated the core workflow, we expanded the system to support editing, deleting, and sending reminders, allowing AppSec to adapt assignments as plans, timelines, and team needs evolved.

Outcome & Impact

Prior to this work, admins relied on manual workarounds with limited progress visibility. The new experience enables admins to create assignments and track completion in a clear, structured view, with exportable data supporting governance and compliance.

As a result, team leads and AppSec teams can assign team-specific content, monitor completion at a glance, and maintain a clearer security posture—helping teams stay focused on relevant lessons and reach proficiency faster without disrupting business schedules. This foundation also enables future enhancements such as richer analytics and more advanced assignment management.

Figure 9: Assignment final design