Interactive Security-Awareness Quiz (Static Web)

Overview

A self-contained, illustration-rich interactive quiz microsite for a consumer-cybersecurity awareness campaign. A static web experience walking users through a multi-question assessment with custom SVG artwork per item.

Why It Exists

Built as a lightweight marketing/awareness asset: an engaging, branded quiz that educates visitors on security topics and drives campaign engagement, deployable as plain static files.

What We Built

A static HTML/CSS/JS quiz under quiz/, assets/, and resources/, with a dedicated quiz.css stylesheet (and source maps), a set of 14 bespoke illustrated SVG items (item_1_illustration.svg … item_14_illustration.svg), answer artwork, and campaign imagery (book/security visuals, footer assets). Entry via a single index.html.

Technologies & Approach

Pure front-end, hand-built HTML, CSS (with compiled/sourcemapped stylesheets), and JavaScript, with a heavy custom SVG illustration set. No backend or framework, optimized for simple static hosting.

Outcome / Impact

Delivered a polished, illustration-led interactive quiz microsite for a security-awareness campaign.

Capabilities Demonstrated

• Interactive quiz / assessment UX
• Illustration-driven campaign microsites
• Zero-dependency static-site delivery