01 / 05
InsightCat Full-stack monitoring
- Role
- UI Developer
- Dates
- 2021–2022
- Based
- United States
- Focus
- Product Design · Design System · Frontend · 0 to 1
- Build for
- Tools
- Tech Stack
Led the monitoring product from a fragmented set of tools to one platform, and the component system used to build it.
InsightCat is a full-stack monitoring platform. I led design for Logs, Synthetic, Billing, Dashboards, APM, Incident Timeline, Alerts, Insights, and Anomalies.
- Put the monitoring tools in one place instead of asking a team to assemble them.
- Shorten setup and keep the interface plain enough to learn quickly.
- Build the interface from a component system so later features shipped with fewer inconsistencies.
- second investment secured
- $3M
- growth in the client base
- 400%
- faster delivery with design system components
- 4×
02 / 05
Virtuozzo Cloud management platform
- Role
- UI Engineer
- Dates
- 2022–2024
- Based
- Switzerland
- Focus
- Product Design · Design System · Frontend · Enterprise UX · 0 to 1
- Build for
- Tools
- Tech Stack
Designed and built the interface and design system that brought OnApp, Jelastic, and Virtuozzo into one cloud management platform.
Virtuozzo makes virtualization and cloud management software. After acquiring OnApp and Jelastic, the company needed one multi-cloud platform for cloud providers, managed service providers, and hosting companies.
- Treat OnApp, Jelastic, and Virtuozzo as one product rather than three inherited consoles.
- Design the operating surfaces together: virtual machine creation, object storage, users and teams with role-based access, billing, dashboards, and sign-in with SSO, OAuth, SAML, and two-factor authentication.
- Hold them together with a 200+ component design system in Storybook and Chromatic, shared by the React and Vue applications.
- components in the shared design system
- 200+
- less development time for new interface work
- 60–70%
- fewer UI defects
- 40%+
03 / 05
OpenVPN Virtual private network
- Role
- UI Developer
- Dates
- 2019–2021
- Based
- United States
- Focus
- Product Design · Design System · Enterprise UX
- Build for
- Tools
- Tech Stack
Led design for Access Server, billing, Cloud, Connect, and SSO, and moved the design practice onto one system.
OpenVPN is a VPN system across desktop, mobile, and cloud.
- Moved designers and files from Sketch, InVision, and Zeplin to Figma.
- Used the design system so business, marketing, design, and production shared one source.
- Redesigned sign-up, billing, and OpenVPN Connect for iOS, Android, macOS, Linux, and Windows.
- more users after the sign-up redesign
- 475%
- more subscription renewals
- 500%
- revenue from the Connect redesign
- 5×
Systems in production
Product interfaces and the component libraries behind them, for account administration and banking operations.
04 / 05
American Binary VPN & Zero Trust network security
A scalable design system and production interface for secure network access, bringing VPN, Zero Trust, account management, and access control into one consistent experience.
- Role
- Product Designer & Design Engineer
- Dates
- 2025–2026
- Built with
- Vue 3, Vuex, Vite, and the ACDS component library. Storybook documents component states independently of the application.
- Use one shared component package across the administration experience, versioned and published like any other dependency.
- Keep account and group operations consistent through reusable controls, confirmations, and feedback.
- Review every visual change in Chromatic against a baseline before it ships.
- components documented in Storybook
- 65
- stories reviewed visually in Chromatic
- 530
05 / 05
Mizuho Banking operations and design systems
Operational dashboards and detailed checkpoint views for global transaction banking, supported by the Mizuho Design System.
- Role
- Senior Product Designer / UI/UX Engineer, via Infosys
- Dates
- 2025–Present
- Built with
- Angular and TypeScript. The dashboard and the separately versioned design-system library retain their own build boundaries.
- Organize information into an overview and focused detail views.
- Represent status consistently across tables, badges, and monitoring surfaces, with AG Grid for dense data.
- Run one workflow from Figma to Angular to Storybook to Chromatic, ending in a versioned design system published to NPM.
Read the case studyMonitoring system StorybookDesign system Storybook