XIAOWEI CHEN
Back to selected work

CROSS-CLOUD · F5 · NGINX

NGINXaaS for Google Cloud

A dependable cloud console for NGINX operations

My role
Lead product designer
Period
2025
Timeline
6 months · 4 milestones
Status
General availability · October 2025
NGINXaaS for Google Cloud dashboard showing operational metrics
Dashboard monitoring designed around product and engineering requirements.

Overview

I designed NGINXaaS for Google Cloud as a standalone console that makes managed NGINX easier to enter, operate, and govern. The work turned cloud infrastructure tasks into a guided product experience while establishing patterns designed to travel beyond one provider.

Create a cloud entry point that can grow beyond one provider

Azure offered a native starting point; Google Cloud did not. I needed to make IAM, provisioning, routing, TLS, and day-two operations feel like one coherent journey—not infrastructure chores. With product, engineering, documentation, and Google Cloud partners, I translated platform constraints into a clear path from sign-in to administration.

Reveal the next safe action

Guide users through cloud setup without hiding the operational context.

Make change inspectable

Show versions, status, and deployment consequences before users publish.

Preserve operational history

Treat certificates and access as durable records, not disposable settings.

01 — Cloud foundation

Give provisioning a visible path

I began with the system context rather than a form. The service had to bridge Google Cloud identities, networking, and NGINX operations, so the experience needed to show where a deployment belonged before asking people to create one. That framing let me align the information architecture with the actual lifecycle of a managed instance.

The deployment area then became the operational home: a clear inventory for existing instances and a focused creation flow for the next one. I kept the first milestone concrete—create and locate a deployment—so later work built on a familiar foundation.

Architecture diagram for NGINXaaS for Google Cloud
Service architecture grounding the product’s cloud context.
Table listing NGINX deployments on Google Cloud
Deployment inventory for locating and managing running instances.
Create NGINX deployment interface
A focused creation flow for a new Google Cloud deployment.

Design decision: I made the deployment lifecycle, not the cloud API surface, the organizing model for the console.

02 — Guided entry

Let first use teach the product

A standalone service needed an entry experience with the confidence of a native integration. I designed the sign-in and welcome sequence as a short orientation: confirm the Google Cloud relationship, explain the product’s starting point, and direct a new user toward a useful next step instead of an empty interface.

The dashboard carried that promise into daily use. It established a shared place for the monitoring signals selected with product and engineering, while the empty state retained guidance for teams that had not yet created anything to observe.

Google Cloud sign-in flow for a new NGINXaaS user
Google Cloud sign-in provides the service entry point.
Welcome screen with a guided walkthrough for new users
A guided welcome turns a blank account into a next action.
NGINXaaS dashboard displaying operational metrics
Dashboard visibility begins with the signals the team needs to monitor.

Design decision: I paired account entry with contextual guidance so the first screen answers both “where am I?” and “what should I do next?”

03 — Configuration control

Make infrastructure changes reversible

Configuration was the point where a convenient cloud console could become risky. I worked with engineering to turn the system’s version model into an interaction pattern people could reason about: see the active version, stage a replacement, compare the change, then publish it to an existing deployment.

The pattern borrows the clarity of lightweight source control without asking operators to think in Git commands. Version switching and history make the current state explicit, support audit conversations, and give the experience room to scale as deployment complexity grows.

Deployment configuration view with side-by-side version comparison
A side-by-side view makes a proposed configuration change inspectable.
Configuration version history interface
Version history keeps prior configuration states available for review.

Design decision: I made comparison and version history first-class steps before a configuration reaches a deployment.

04 — Durable governance

Treat credentials and access as records

Certificates required a different safeguard: live credentials should not be casually overwritten. I designed an immutable certificate pattern in which each update creates a new version with visible lineage and expiry context. That gives teams a clearer handoff between certificate maintenance and deployment configuration.

I extended the same sense of accountability to organizations and users. Account settings establish the organizational boundary, while user management makes membership visible within it—supporting administration as a service moves into ongoing ownership.

Deployment configuration interface selecting an immutable certificate version
Certificate updates are applied as distinct, reviewable versions.
Account user management interface
User management makes account membership visible to administrators.

Design decision: I used immutable versions and explicit account boundaries to make critical operational changes traceable.

A launch-ready operating model

Across four milestones, the team brought a standalone NGINXaaS for Google Cloud experience from provisioning through administration to general availability in October 2025. The release established a coherent operating surface for managed deployments and a reusable design vocabulary for future cloud expansion.

  • Guided Google Cloud entry and first-use orientation
  • Deployment, configuration, certificate, and account management in one console
  • Inspectable versioning and immutable certificate patterns for safer operations

Clarity was the delivery mechanism

This project reinforced that infrastructure UX improves when I make the system model visible rather than merely simplifying the screens. Sharing early decisions, constraints, and trade-offs with product, engineering, documentation, and go-to-market partners let the team move quickly while preserving a common understanding of what we were shipping.

More original design explorations
NGINXaaS for Google Cloud: Dashboard — Empty state of the dashboard.
Dashboard — Empty state of the dashboard.
NGINXaaS for Google Cloud: NGINX Configuration — Allows one-click quick deployment.
NGINX Configuration — Allows one-click quick deployment.
NGINXaaS for Google Cloud: NGINX Configuration — Configuration versions can be published to any existing deployment.
NGINX Configuration — Configuration versions can be published to any existing deployment.
NGINXaaS for Google Cloud: NGINX Certificates — SSL Certificates and CA bundles can be deployed to specific deployments.
NGINX Certificates — SSL Certificates and CA bundles can be deployed to specific deployments.
NGINXaaS for Google Cloud: NGINX Certificates — Cert versioning allows easy management.
NGINX Certificates — Cert versioning allows easy management.
NGINXaaS for Google Cloud: Account & User Management — Account management associated with organizations. (One of two adjacent account settings images.)
Account & User Management — Account management associated with organizations. (One of two adjacent account settings images.)
NGINXaaS for Google Cloud: Account & User Management — Account management associated with organizations. (One of two adjacent account settings images.)
Account & User Management — Account management associated with organizations. (One of two adjacent account settings images.)
NGINXaaS for Google Cloud: Configuration versioning UX flow
Configuration versioning UX flow
NGINXaaS for Google Cloud: Configuration versioning UX flow
Configuration versioning UX flow
NGINXaaS for Google Cloud: Configuration – version switch; Configuration – Version history.
Configuration – version switch; Configuration – Version history.
NGINXaaS for Google Cloud: Edit Deployment Configuration – Immutable cert; Certficate – Version History.
Edit Deployment Configuration – Immutable cert; Certficate – Version History.
NGINXaaS for Google Cloud: Figma Deliverable.
Figma Deliverable.
NGINXaaS for Google Cloud: Demo sync meeting with Front End.
Demo sync meeting with Front End.

Next case study: Data Center Composer