Ivan KordonetsWorkAboutContactView all work

Product Designer & Design Engineer. Selected work in products and systems.

American Binary

VPN & Zero Trust network securityProduct interfaces and design system · United States

  • Design System
  • Frontend
  • Enterprise UX

A scalable design system and production interface for secure network access, bringing VPN, Zero Trust, account management, and access control into one consistent experience.

View project

I design the product and build the interface.

  • Product Design
  • Design Engineering
  • Design Systems
  • 0→1 Products
Selected work

01 / 05

InsightCat Full-stack monitoring

InsightCat monitoring dashboard on a laptop
Role
Product Designer | UX/UI Developer
Dates
2021–2022
Based
United States
Focus
Product Design · Design System · Frontend · 0 to 1
Build for
  • macOS
  • Linux
  • Windows
Tools
  • Figma
  • Photoshop
  • Adobe Illustrator
  • Google Meet
  • Notion
  • LogRocket
  • Miro
Tech Stack
  • Vue
  • Node.js
  • Go
  • AWS
  • Storybook
  • Chromatic
  • HTML5
  • CSS3

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.

  1. Put the monitoring tools in one place instead of asking a team to assemble them.
  2. Shorten setup and keep the interface plain enough to learn quickly.
  3. Build the interface from a component system so later features shipped with fewer inconsistencies.

The Communicator Awards 2023 recognized the InsightCat platform for B2B product design.

02 / 05

Virtuozzo Cloud management platform

Virtuozzo Cloud Management overview, with infrastructure, billing, and host statistics
Role
Product Designer | UX/UI Developer
Dates
2022–Present
Based
Switzerland
Focus
Product Design · Design System · Frontend · Enterprise UX · 0 to 1
Build for
  • Chrome
  • Firefox
  • AWS
Tools
  • Figma
  • Photoshop
  • Adobe Illustrator
  • Slack
  • Zoom
  • Jira
  • Confluence
  • Hotjar
  • Miro
Tech Stack
  • Vue
  • React
  • Node.js
  • AWS
  • Storybook
  • Chromatic
  • HTML5
  • CSS3

Designed 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.

  1. Treat OnApp, Jelastic, and Virtuozzo as one product rather than three inherited consoles.
  2. Design the operating surfaces together: IaaS, PaaS, DaaS, virtual machines, object storage, users, teams, billing history, billing systems, dashboards, SSO, and two-factor authentication.
  3. Hold them together with a design system and a Storybook and Chromatic library.

03 / 05

OpenVPN Virtual private network

Role
Product Designer
Dates
2019–2021
Based
United States
Focus
Product Design · Design System · Enterprise UX
Build for
  • macOS and iOS
  • Linux
  • Windows
  • Android
  • AWS
Tools
  • Figma
  • Sketch
  • Zeplin
  • Photoshop
  • Adobe Illustrator
  • InVision
  • Slack
  • Jira
  • Confluence
  • Zoom
  • Miro
  • Hotjar
Tech Stack
  • React
  • Node.js
  • AWS
  • Storybook
  • Chromatic
  • HTML5
  • CSS3

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. My role on this work, as published, is Product Designer.

  1. Moved designers and files from Sketch, InVision, and Zeplin to Figma.
  2. Used the design system so business, marketing, design, and production shared one source.
  3. Redesigned sign-up, billing, and OpenVPN Connect for iOS, Android, macOS, Linux, and Windows.

A shared design approach across Connect, billing, and account experiences on mobile and desktop.

Three phones displaying OpenVPN design

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 interfaces and design system
Built with
Vue 3, Vuex, Vite, and the ACDS component library. Storybook documents component states independently of the application.
  1. Use a shared component package across the administration experience.
  2. Keep account and group operations consistent through reusable controls and feedback.

05 / 05

Mizuho Banking operations and design systems

Operational dashboards and detailed checkpoint views, supported by documented Angular interface components.

Role
Operational interfaces and component systems
Built with
Angular and TypeScript. The dashboard and the separately versioned design-system library retain their own build boundaries.
  1. Organize information into an overview and focused detail views.
  2. Represent status consistently across tables, badges, and monitoring surfaces.
  3. Document reusable component states in Storybook.

Next project

Looking for exceptional design and development expertise?

Let’s work togetheris22@me.com

Ivan Kordonets — Product Designer & Design Engineer