← Back to work

Arista Networks · 2024

Recorder Node: end-to-end recording device management.

Integrating workflows across different products

Role
Lead UX Designer
Timeline
2024
Team
Sole designer · cross-functional team
Tools
Figma · Adobe Illustrator
+

01 · The project

Workflow integration across products

As acquisitions happen between companies, the products that come with them have to evolve to fit. In this case, a new workflow derived from an acquired product was identified as a strong fit for the existing user flow for network operators. I was brought on to design and deliver this end-to-end experience — from onboarding, to managing, to querying recording devices.

As the sole UX designer, I was responsible for the creative direction, from user research and concept development through to prototyping and implementation. I worked closely with cross-functional teams, including product managers, developers, and stakeholders, to keep the design process collaborative and inclusive.

02 · My Role

Designing between two products

As one of the designers working on initial Recorder Node project, I was the perfect candidate to bridge the design workflows and systems between the two products, bringing that same experience over to CloudVision.

As a result, I was responsible for the creative direction, from user research and concept development through to prototyping and implementation, while also collaborating between two teams with two vastly different design systems and processses. I worked closely with cross-functional teams, including product managers, developers, and stakeholders, to keep the design process collaborative and inclusive.

Want the deeper dive?

Some of this project's design process touches on sensitive product information, so what's shown below is the surface layer: the workflows and final mockups I delivered.

If you'd like the in-depth analysis with research artifacts, iteration history, decisions, and trade-offs, feel free to reach out and I'll walk you through it.

Get in touch

03 · Query workflow

Querying traffic, on the operator's terms.

Below are snippets of the querying workflow, which lets operators identify details of network traffic within a specific time range and against their own specifications.

+
Query Workflow
03 · Key screens

Query workflow key screens

04 · Recording sessions

Managing recording state without ambiguity.

Recording sessions live on a spectrum of states — idle, scheduled, recording, paused, completed. The session table and its state animations make the current status, and what's about to happen next, obvious at a glance.

+
Recording States
04 · Key screens

Recording sessions key screens

05 · Dashboard

Health and storage at a glance.

The dashboard surfaces the state of each Recorder Node — system details, recording status, storage capacity, and health metrics — so operators can spot anything that needs attention without drilling into each device.

06 · Outcome

Shipped as part of CloudVision.

[Placeholder] A short note on how the redesign landed — adoption, internal feedback, anything you can share about how operators have used the new flow.

Next project

Time Series Component: a new lens on network health