Skip to content

Latest commit

 

History

History

README.md

Demo 1 Wireframes

https://www.figma.com/design/9xgxPGUnuxFvDLDJafwPzl/Insightful-Phish?node-id=3-2&t=A0kLeL3FWXBUDjJf-1

Purpose

This folder stores or indexes wireframe sources, exports, or links for Demo 1 screens.

Demo 1 wireframes should prioritise the trainee flow: simulated inbox, simulated email detail, training material, quiz, and results, with login/register as base access screens. Organisation admin campaign builders, reporting dashboards, real email delivery flows, AI generation flows, and richer simulations are future scope unless explicitly added later.

First-Pass Wireframes

The initial Figma frames cover the first-pass trainee flow.

Register

Register page

Login

Trainee Dashboard

Simulated Inbox

Simulated Inbox

Simulated Email Detail

Simulated Email Detail

Training Module List

Training Module List

Training Material Page

Training Material Page

Quiz Page

Quiz Page

Quiz Submission State

Quiz Submission Page

Quiz Results Page

Phishing Feedback Page

This frame is high-level feedback context only. It should not imply that fake login pages, credential submission capture, or a full phishing landing-page workflow are required for Demo 1.

Refinement and Polish

The refinement pass covers quality, consistency, brand alignment, spacing, and hierarchy.

UI/UX Refinement

Visual Consistency

Brand and Style Alignment

Spacing and Hierarchy

Final Review Polish