I rapidly prototype Azure Portal experiences for user research and validation, collaborating with designers, researchers, and PMs to build functional prototypes for user testing sessions. This work spans core Azure Portal user flows, translating design concepts into working React/TypeScript code that can be tested with real users.

Azure Portal Prototyping

WHAT

Collaborate with designers, researchers, and product managers to translate design concepts into functional prototypes within tight research timelines.

Tech Stack
React • TypeScript • Node.js • Fluent UI v9

Role
Design/UX engineer

Collaborators
Designers, researchers, PMs, engineering teams

Engineering

Technical Implementation

  • Built interactive prototypes using React, TypeScript, and Node.js

  • Implemented core Azure Portal user flows (navigation, resource management, configuration experiences)

  • Integrated with Azure Portal's design system and component library for visual consistency

  • Created reusable component patterns that transition smoothly to production

Iterative Development Process

  • Participated in user testing sessions to observe pain points and gather feedback

  • Rapidly iterated on prototypes based on user study findings, sometimes within the same day as testing sessions

  • Refined interactions, flows, and UI patterns based on qualitative and quantitative feedback

  • Validated design hypotheses through functional code rather than static mockups

Production-Ready Handoff

The prototypes I build aren't throwaway code. When features move to development, engineering teams receive:

  • Production-quality React components with TypeScript types

  • Integration with Azure's design system and theming

  • Clear component structure ready for backend integration

This approach saves engineering teams significant frontend development time: they can focus on backend logic and API integration rather than rebuilding the UI.