Brendan Keyworth

Specializing in modern web applications, design systems, and frontend ergonomics.

// Focus & Experience

Product Design & Design Systems

Curating a long-lived UI/UX architecture evolved across 10+ years from Sketch to Figma, establishing unified standards for multi-generation optical test instrumentation.

◆ Modular Hardware UX: Designed responsive, customizable widget and dashboard layouts accommodating dozens of hot-swappable hardware modules.
◆ Enterprise Design Tokens: Contributing to cross-organizational design token standards that balance modern toolchains with legacy product constraints.
◆ Information Architecture: Translating dense optical telemetry, complex configuration states, and multi-instrument workflows into clear, scannable interfaces.

Tools & Domains

Figma Design Systems Design Tokens Information Architecture Hardware UI/UX Responsive Layouts

Frontend & Application Engineering

Building, optimizing, and maintaining production web and desktop clients interfacing with physical optical test hardware and distributed device networks.

◆ Desktop Fleet Management (MAP Control Center): Built from scratch using Vue.js 3, Vite, and Electron. Engineered for low latency and high rendering throughput across dense multi-row telemetry tables.
◆ Embedded Web Interface (MAP-300 Dashboard): Maintaining a self-served AngularJS application with a comprehensive custom SCSS library mirroring core design system components.
◆ Comms & Tooling: Leveraging WAMP / WebSocket subprotocols for real-time hardware communication and Node.js for filesystem and backend utilities.

Tech Stack

Vue.js 3 Electron Vite AngularJS SCSS WAMP / WebSockets Node.js UI Performance

Explore VIAVI MAP-300 Platform