Nokia | Feb–Apr 2026

Turning cyberattack investigations

into a single conversation.

INTRO

In the world of high-speed networking, a 5-minute delay in identifying a traffic anomaly can cost a Tier-1 provider (like AT&T or Rogers) hundreds of thousands of dollars in SLA penalties. Nokia Deepfield is a network defense system that stops these cyberattacks and delays in real time.


Over 12 weeks, this project gave me the opportunity to contribute to a SaaS solution that keeps the internet online for millions of people.

ROLE

Product Designer

TEAM

Design Manager

Product Manager

3 Software Engineers

TYPE

Enterprise SaaS

AI Design

Design System

TOOLS

Figma logo
Cursor logo
Mural logo

Problem

Problem

  • Current workflows risked massive financial penalty during cyberattacks.

  • Network data caused cognitive overload but couldn't be hidden.

  • Inconsistent UI patterns stalled engineering.

  • Current workflows risked massive financial penalty during cyberattacks.

  • Network data caused cognitive overload but couldn’t be hidden.

  • Inconsistent UI patterns stalled engineering.

Solution

Solution

  • A chat feature connecting AI summaries with raw data logs.

  • Embedded interactive widgets to enable user action.

  • Scaled a conversational component library across the broader design system.

Results

Results

  • Consolidated 5+ dashboards into one conversational AI interface.

  • Delivered a validated blueprint for the upcoming engineering build.

  • Shipped 10+ high-density components to the Deepfield Component Library.

Process

SETTING THE SCENE

The data was limitless.

Making sense of it was impossible.

The data was limitless.

Making sense of it was impossible.

If the internet was a massive highway, Nokia Deepfield is the high-tech traffic control center that detects car accidents (cyberattacks) in real-time.


Deepfield was already five years old when I joined, and its human element was missing. The product's core analytics engine was incredibly powerful, but extracting insights from massive amounts of data was a core user problem.

Nokia Deepfield dashboard for a single mitigation event, showing a traffic chart, mitigation details and a list of countermeasures
Nokia Deepfield dashboard for a single mitigation event, showing a traffic chart, mitigation details and a list of countermeasures

To understand why the data was so overwhelming, this is the client UI of a singular attack (bundled with hundreds).

UNDERSTANDING USERS

Every piece of data was important.

Every piece of data was important.

Deepfield is built for network operators at Tier-1 providers. These are deeply technical users who rely on granular data to perform IT and security services.


When I was onboarded, the overarching product demand and feature scope for Ask Deepfield were already finalized as capabilities were locked.


So I pivoted away from feature ideation and focused entirely on the visual hierarchy and conversational design. I discovered three core needs from user interviews.

IT specialists need speed under pressure.

  • Every minute of an attack risks costly SLA penalties.

  • Cross-referencing 5+ dashboards manually takes too long.

  • The UI must provide instant, actionable summaries.

Users need to trust the AI.

  • Blind trust is a risk in enterprise network security.

  • Network engineers won't deploy countermeasures on an AI's word alone.

  • Ask Deepfield must show its work and cite specific data sources.

  • Blind trust is a risk in enterprise network security.

  • Network engineers won’t deploy countermeasures on an AI’s word alone.

  • Ask Deepfield must show its work and cite specific data sources.

Power users need progressive disclosure.

  • No legacy data can be removed; every metric matters.

  • The UI must start with a digestible, high-level overview.

  • Engineers need a seamless way to drill down into the granular logs.

FULL WORKFLOW

Research first, prototype second, pixels last.

Research first, prototype second, pixels last.

Before touching design, I needed to know if Ask Deepfield’s logic actually made sense to the people who’d be using it. Once that logic held up, I moved into Figma. Using Figma’s MCP, I could hand that context straight to LLMs and prototype against real constraints.


My role here was mostly translation:

  • Turning research into concrete interaction states.

  • Catching edge cases before they became engineering problems.

  • Building live prototypes in code for user testing.

AI prototyping workflow: Mural to Figma, Figma connected to LLMs through its MCP, then Dovetail, Storybook and GitHub
AI prototyping workflow: Mural to Figma, Figma connected to LLMs through its MCP, then Dovetail, Storybook and GitHub

Iterations

CONSTRAINT #1

Keeping users in the loop.

Keeping users in the loop.

Ask Deepfield cannot execute high-stakes commands autonomously. When the AI needs explicit user permission, open-ended text chat creates too much risk and cognitive load.


I added new AI components to our design system to fix long-standing UX issues, with documented guidelines to have a progressive conversational UI (example below).

Two versions of a permission prompt asking whether to run a bash command, with radio-button choices and either a confirm button or a follow-up chat input
Two versions of a permission prompt asking whether to run a bash command, with radio-button choices and either a confirm button or a follow-up chat input

Dashlets with radio-button choices for standard approvals and nested text inputs for follow-ups.

CONSTRAINT #2

System Latency and Transparency

System Latency and Transparency

AI responses on complex queries can take a while, and there was no agreed pattern for what users should see while they wait — which caused inconsistency and repeated debate. Once we had a solid base of components, I focused on patterns.


I audited other design systems and products (via Mobbin) to define clear guidelines for recurring problems and established a design pattern in the AI outputs where it progressively communicates its reasoning and data sources in real time.

Source citation components: a sources panel, a picker for referencing events and mitigations, and source chips
Source citation components: a sources panel, a picker for referencing events and mitigations, and source chips
Collapsible Thinking Summary component showing tool, execution and failure counts with response length and token usage
Collapsible Thinking Summary component showing tool, execution and failure counts with response length and token usage

In my early stages of prototyping, I experimented with ways to engage users while consolidating information.

Solution

TARGET USE CASES

Analytics: Single vs. Multi Reports

Analytics: Single vs. Multi Reports

Network attacks aren’t uniform, so our user’s experience wouldn’t be either. I looked at how engineers make decisions under pressure as there’s a difference between verifying a conclusion and triaging between parallel options.


Single reports are meant for verification, it provides a direct summary with collapsible key findings so engineers can validate the AI’s logic and act immediately.


Multi reports isolate concurrent entities into separate modules so engineers can scan top-level data and drill into the specific problem network.

Single Reports vs. Multi Reports

EDGE CASE #1

Simultaneous Context

Simultaneous Context

Standard AI assistant UI is subject to a small portion of the platform's screen but our users can't afford to lose sight of the raw data.


To support these new workflows, I introduced a split-view layout where the conversation and data panels are independent but connected.


High-level summaries can be read while actively digging into network logs right next to it. Users can verify data without losing chat access.

EDGE CASE #2

Taking action during a network attack

Taking action during a network attack

Instead of forcing IT security professionals to switch between multiple dashboards, I brought controls directly into the chat.


I designed flows where the AI surfaces interactive widgets (components from design pattern library) to propose a fix. In this scenario where decision fatigue can cause financial loss, eliminating jarring context switches is a high priority.

Design System

SHARED COMPONENT LIBRARY

Scaling a unified design system

Scaling a unified design system

My component work extended far beyond Ask Deepfield, with new interactive patterns (including Dark Mode) added to the broader Network Infrastructure (NI) design system.


I worked with our Design Systems Manager to establish a single source of truth and scaled these components across four different enterprise products including Deepfield.

AI response components: code block, data table and alarm chart, plus access-denied and capabilities summary responses
AI response components: code block, data table and alarm chart, plus access-denied and capabilities summary responses
Chat history components: recent chats dropdown, Ask Deepfield side panel and full chat history list
Chat history components: recent chats dropdown, Ask Deepfield side panel and full chat history list
Ask Deepfield chat listing active DDoS events, next to an Actions Required panel for choosing a mitigation type
Ask Deepfield chat listing active DDoS events, next to an Actions Required panel for choosing a mitigation type
Dark mode components: a report with code blocks alongside the Ask Deepfield chat panel
Dark mode components: a report with code blocks alongside the Ask Deepfield chat panel

Results

RESULTS

Securing stakeholder buy-in through proven UX

Securing stakeholder buy-in through proven UX

As the first UX intern on Deepfield, working on a massive enterprise project, my ultimate goal wasn’t to ship the final product, it was to de-risk it.


My core objective was to validate the research and UX logic through user testing before engineering committed months to building it later in the year.


Our team campaigned for Ask Deepfield with results from testing and secured buy-in needed to officially commit engineering resources (super proud of this team!). I left the team with a fully validated prototype and a user-backed blueprint to develop from.

User testing boards with sticky-note feedback on six prototype screens
Pattern audit board benchmarking inputs, outputs, navigation and collaboration patterns
Pattern audit board benchmarking inputs, outputs, navigation and collaboration patterns

Validating interactions through client testing

Conducting internal audits pre and post research

LEARNINGS

Simplifying doesn't mean deleting

Simplifying doesn’t mean deleting

What looked like a visual clutter problem was actually a pacing problem. For Ask Deepfield, every single metric on the screen was necessary. I learned to give users digestible decisions first and let them drill into complex interactions only when needed.

Designing for friction

Designing for friction

A seamless experience is actually dangerous when a false positive can cost hundreds of thousands of dollars. Having users to pause and verify the system's logic before executing a command isn't bad UX; it’s how you build genuine trust.

Prototyping with Cursor

Prototyping with Cursor

This was my first time working in Cursor and it quickly became one of my most useful tools for exploring ideas. I learned that high fidelity can make a weak concept feel more resolved than it actually is. It was a great lesson in knowing when to push a prototype further and when to rethink the core idea in the canvas.

Next case study: ScoutSmarter
Next project
Next case study: ScoutSmarter
Next project
Next case study: ScoutSmarter
Next project
Next case study: ScoutSmarter
Next project
Next case study: ScoutSmarter
Next project
Next case study: ScoutSmarter
Next project

Let's connect.

I'm always down for a chat.

Travis Nicholas Huynh

© 2026 Travis Nicholas Huynh

Built with Caffeine.

Let's connect.

I'm always down for a chat.

Travis Nicholas Huynh

© 2026 Travis Nicholas Huynh

Built with Caffeine.

Let's connect.

I'm always down for a chat.

Travis
Nicholas
Huynh

© 2026 Travis Nicholas Huynh

Built with Caffeine.

This project is protected. Please enter the password provided in my resume.