Nord Security

About

Production accurate NordVPN iOS and macOS front-end templates for Aurora Riff, Nord's internal AI prototyping platform.

Role

Senior Product Designer / Design Engineer

Year

2026

NordVPN macOS home screen in Aurora Riff, connected in Saint Louis — Template preview: NordVPN macOS home, coded as a production-accurate baseline in Aurora Riff.

Overview

Designers at Nord Security prototyped with AI by generating NordVPN UI from scratch each time. This burned tokens, took design effort, and produced screens that didn't match the live apps. Production-accurate front-end baselines of the iOS and macOS apps gave every Aurora Riff prototype a real starting point, cutting token consumption, keeping prototypes true to the shipped product and saving hundreds of hours of prototyping time across the design organisation.

Outcomes

Coded NordVPN iOS and macOS baselines across Connect, Real-Time Protection, Dark Web Monitor and Settings
Replaced repetitive UI generation with a pre-built code baseline, cutting AI token consumption
Shipped production code via GitLab merge requests to Aurora Riff and Aurora AppKit
Built for Nord Security's 60+ person design team and its product owners

Front-end

React · TypeScript · Tailwind · Aurora AppKit

Use this template button on a NordVPN prototype in Aurora Riff — Use template: the baseline loads straight into a new prototype, with no UI generated from scratch.

Aurora Riff chat for describing a change, with a model picker open — Model selection: approved LLM providers and internal models, chosen before prompting.

Aurora Riff prompt for a Dark Web Monitor alert, with the iPhone home still unchanged — Before: NordVPN mobile home template, prompted to add a Dark Web Monitor alert card.

The same prompt after it adds a leaked-credentials alert to the NordVPN iPhone home — After: the alert card built with Aurora components, matching the rest of the screen.

NordVPN location search listing countries and how many cities each has — Location search: real countries and servers, pulled from Nord's server API.

NordVPN location search with the United States expanded to its cities — Expanded country: live city list and fastest-server selection from the same API.

NordVPN Protect desktop screen in Aurora Riff, with security issues and protection activity — Protect: Threat Protection overview with real-time protection, scam detection and activity charts.