Figma Mockups
Updated 2025-11-16
This page showcases the early UI mockups created in Figma.
These screens represent initial explorations of key flows for the System Admin, Organization Manager and Learner.
They are not final and will evolve as the project progresses.
Organization Manager
Create Phishing Campaign
Initial screen for defining a new phishing campaign: target groups, templates, schedule, and remediation plan.
Campaign Calendar
Chronological view of all campaigns: completed, running, scheduled, and drafts.
System Admin
Create Tenant
Screen for registering a new tenant, setting its domain, assigning the responsible admin, and enabling/disabling features.
Learner
Personal Statistics Dashboard
Overview of the learner’s progress: phishing simulation performance and learning achievements.
Course Progress
Course view showing modules, completion status, and the next actions available to the learner.
Terms & Conditions Modal
Example of the compliance modal the learner must accept before proceeding.
