
Role:
- Principal Product Designer
Customer:
- Fortune 30/500 Telco, AI&D
Skills:
- Design leadership.
- User experience research
- User experience design
- User interface design
- Prototyping
- Dark Theme & UI design
- Team coordination
Tools:
- Design thinking
- Paper Prototyping
- Sketch
- Sketch Cloud
- Zeplin
- Slack
- Notion
Customer(s):
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Solution:
- Web-based application
- User authentication
- Domain connection(s)
- Real-time access
- Network monitoring
- Situational awareness
- Entity inspection
- Entity inventory
- Entity data tracing
- Entity root Cause Analysis
Enterprise Metaverse — Crafting a 0 to 1 Streaming App for Network Intelligence
While not a metaverse in the avatar-and-headset sense, this is an Enterprise Metaverse for network intelligence—a living digital twin of a Fortune 500 telecommunications provider’s national infrastructure, rendered in real-time, interacted with spatially, and used collaboratively to maintain and optimize operations at scale. This was a 0→1 innovation effort, crafted from the ground up on an advanced real-time streaming application platform. The result: a first-of-its-kind experience that transformed passive monitoring into immersive, high-impact situational awareness for executive and operational teams alike.
​​
Structure
Each project in my portfolio follows a clear, outcome-driven structure rooted in design thinking and product strategy. From uncovering the problem to delivering results, this format showcases how I approach complex challenges, collaborate across disciplines, and create meaningful impact through thoughtful, scalable design.
​
A clear way to tell this story
​
​I adopted a proven simplified framework—Context, Problem, Approach, Output, Outcome—because it offers a clear, intuitive way to communicate the full arc of a project without overwhelming the viewer. In a portfolio, clarity and structure are key. This framework distills complex design work into digestible sections that mirror how product and design teams think: beginning with the why, moving through the how, and ending with the impact. It also complements design thinking by surfacing insights, actions, and results in a linear, story-driven format that invites readers to engage deeply with the project while staying grounded in real-world outcomes:
​
-
Context
-
Problem
-
Approach
-
Output
-
Outcome
​
Each of my projects follows a structured yet flexible storytelling structure and design thinking approach, tailored to the problem space and the needs of the users. This framework not only helps organize my process for clarity, but also showcases how strategic thinking, rapid iteration, and cross-functional collaboration come together to deliver meaningful outcomes. Below, you’ll find a breakdown of how the work unfolded—from understanding the challenge to delivering real-world impact.​​
​​
Context
​
Why did this project start? What was the initial hypothesis or business driver?
​
Every project begins with a unique set of circumstances, constraints, and ambitions. This section outlines why the project was initiated, who it was for, and what hypotheses or goals shaped the early thinking.​​​
​
A high stakes opportunity to partner with a Fortune 500 telco
​
The project began as a high-stakes opportunity to partner with one of the largest Fortune 500 telecommunications companies in the world. Their executive team was exploring next-generation solutions to improve national infrastructure monitoring and gain real-time visibility across vast, complex systems. This wasn’t just a dashboard refresh — it was a chance to reimagine how an entire organization could perceive and respond to data at scale. Our initial hypothesis was bold: that a unified, real-time, single pane of glass experience could dramatically improve operational awareness, reduce response times, and unlock new strategic value across their enterprise.
​
With a potential multi-year, multi-million dollar partnership on the line, we set out to prove that we could design a breakthrough interface — not just for data, but for decision-making. We believed that by visualizing live, streaming infrastructure data in an intuitive, performant way, we could transform how teams detect anomalies, respond to network events, and collaborate across domains. Our approach needed to be fast, flexible, and convincing — not only to win executive trust, but to show that we could deliver a product experience worthy of the scale and complexity of one of the most critical networks in the country.
​
Why an enterprise metaverse?
​
While the term “metaverse” often evokes virtual worlds and avatars, the core concept is about persistent, interactive digital environments that reflect and respond to real-world systems. In that sense, the single pane of glass solution we designed for Verizon functions as a true Enterprise Metaverse—a real-time operational mirror of the company's vast national infrastructure. It’s always on, always updating, and enables users to observe, navigate, and interact with millions of live entities across markets, regions, and systems. This isn’t a metaphor—it’s a living digital twin, purpose-built for awareness, action, and insight at enterprise scale.
​
-
It’s a real-time, spatialized, data-rich environment where live entities and systems are continuously rendered, updated, and interacted with.
-
Users engage with millions of dynamic, high-value assets as if they were present and observable in a shared digital space.
-
There are multiple “view modes” (dashboard vs. map), layered interactions, and the ability to explore relationships, adjacencies, and hierarchies — like navigating a real-world system in a virtualized state.
-
It’s always-on, multi-user aware, and highly immersive in terms of data fidelity and responsiveness.
​
​Together, these qualities elevate the experience beyond traditional dashboards or monitoring tools. This is not just data on a screen—it’s a living system interface, giving executives and operators a shared, immersive view into the real-time state of their network. It enables faster decisions, deeper insight, and continuous collaboration—hallmarks of what the Enterprise Metaverse promises to deliver.
​
​
Problem
​
What user or business problem were we solving? What made it a "wicked" problem?
​​
Verizon faced significant challenges in monitoring its vast and complex network infrastructure in real time. Existing tools were fragmented, outdated, and required engineers to rely on multiple systems—often command-line interfaces or siloed dashboards—to piece together a holistic view of network health and performance. This created delays in incident response, reduced situational awareness, and made it difficult to identify patterns across different regions or service layers.
​
They had limited real-time visibility into their network
​
​​​​​Many organizations deal with massive amounts of streaming data. In fact, 6 out of 10 process an average of more than 100,000 messages every second through their
streaming data solutions. 5 out of 10 (21%) process more than 1 million messages per second, 2% process a staggering 10 million messages or more every second.
​
Identifying the problem in a design thinking process isn’t just about documenting pain points—it’s about uncovering the deeper, often hidden barriers that prevent users or organizations from achieving their goals. In some cases, like with Verizon, the problem is what we call a wicked problem: a complex, multi-layered challenge with no clear solution, constantly shifting requirements, and high interdependence across systems and stakeholders. These problems don’t have a single “right” answer. They demand a human-centered, iterative approach to truly understand the needs beneath the surface.​
​
Unmet Need: Live Unified Visibility
The lack of a unified interface meant that troubleshooting was reactive and labor-intensive, leading to higher operational costs and longer resolution times. Moreover, the tools in place lacked intuitive design, making onboarding difficult and limiting the accessibility of network insights to non-technical stakeholders. Simply put, there was no single source of truth or streamlined workflow to understand what was happening in the network—right now, and at scale.
​
We would need a solution that aligned with solving their pain points:
​
-
High development overhead and fragmented tooling
-
Slow time-to-market for data-driven features
-
Lack of centralized observability and orchestration
-
Engineering bottlenecks due to steep learning curves
​
Verizon didn’t just have a dashboard problem — they had a need for live, unified visibility across their national infrastructure, something no existing system could provide in real time. That was the true problem — and the unmet need.​
​
The actual unmet need, live unified visibility at scale
​
Defining the actual unmet need means going beyond what users say they want, and getting to what they truly need to succeed. For Verizon, the unmet need wasn’t just “faster dashboards”—it was real-time situational awareness at scale, accessible to cross-functional teams, with the ability to respond immediately to emerging issues. This meant reframing the problem not as a UI challenge, but as a systemic need for clarity, speed, and trust across an entire organization. Identifying and defining this need was the first step toward building a breakthrough product.
​
​​​Meeting the unmet needs of potential and existing customers has always been my focus. Leveraging existing and innovative technology in creative and new ways, to solve these customers wicked problems.​​​
​
​​​​​Many organizations deal with massive amounts of streaming data. In fact, 6 out of 10 process an average of more than 100,000 messages every second through their
streaming data solutions. 5 out of 10 (21%) process more than 1 million messages per second, 2% process a staggering 10 million messages or more every second.
​
Let's get into defining the personas and understanding the unmet needs at a much lower level, by engaging the actual people with the actual unmet needs. A deep dive into the action priorities and expected user outcomes. ​​Easier said than done, when it comes to TBs of streaming data and millions of high value assets (entities) streaming that data every millisecond to second! ​And how would one (an operator let's say) monitor all of this in real-time via his laptop or mobile device?
​
Working closely with all Verizon AI&D stakeholders, and interviewing network operators allowed the design and development team insights into what Verizon really needed.
​
Focus on real people, throughout the entire process
​​
Rather than starting with abstract system requirements or generalized pain points, we focused on the actual people inside the organization — the operators, analysts, and decision-makers who struggled daily with fragmented tools and delayed data. By engaging directly with these users, observing their workflows, and asking deeper questions, we uncovered unmet needs that weren’t immediately visible in surface-level conversations. Their challenges weren’t just technical — they were cognitive and operational: too many dashboards, too little clarity, and no unified source of truth. This shift in perspective was key. By understanding the real work and mental models of the people behind the problems, we were able to define a solution approach grounded in their reality — one that simplified complexity, surfaced timely insights, and ultimately made their jobs easier and more impactful.
​
Personas: Executives & Engineers
​
Verizon wanted a separate app experience for both Executives and Engineers. Ok, so two baseline personas with two very different perspectives and interests when it came to network infrastructure monitoring.
​
Executives and engineers, both with actual unmet needs
​
The Executive based experience, was to be an ultra-low latency nationwide & locale greater situational awareness (for proactive exec monitoring & action) to allow executives real-time continuous insights across the entire nationwide system
​
-
Quickly monitor, explore, and discover at all market levels within a single unified single pane of glass app
-
Monitor in real-time continuously nationwide network performance, across all submarkets
-
Receive real-time notifications for non-performant (w/ severity levels) entities within the network
-
Quickly travel between a dashboard (default) view and a second map view mode​
-
Leverage the existing entity model for search & filtering, navigation, and greater situational awareness
-
Search, filter and navigate quickly (per the established entity model hierarchy) to any market, sub-market or LT market levels
-
Switch quickly between market levels, sub-markets and LT markets
-
Look “under the hood”, regarding the underlying technology, platform and entity model
​
Simplicity does not proceed complexity, but follows it​​
​​
The awe-inspiring sands of simplicity exist on the far shore of that fearsome sea of complexity. One (safer to travel in teams) must travel through that complexity to arrive at the far shore of simplicity.
​
Aligning actual unmet needs of the customer, their actual user operator tasks and responsibilities, to view, component and application UI design priorities. A major telecommunications provider had limited visibility of their network infrastructure - requiring several hours to measure service quality. The lack of real-time information made it difficult for field service crews, IT departments, and customer service representatives to work collectively towards improving customer experience in a highly competitive market. Major telecommunications companies are not the only companies that require more real-time visibility into their networks in order to provide a higher quality of service to their customers. Financial institutions, e-commerce, software/SaaS provider, manufacturing, and energy provider companies all have the same need.
​
Many organizations deal with massive amounts of streaming data. In fact, 6 out of 10 process an average of more than 100,000 messages every second through their
streaming data solutions. 5 out of 10 (21%) process more than 1 million messages per second, 2% process a staggering 10 million messages or more every second.
​​
An actual wicked problem exists
​
Before engaging Swim (later Nstream), Verizon faced a classic wicked problem: making sense of massive, real-time network data spread across siloed systems, teams, and tools. There was no unified view of the live network state—only fragmented dashboards, delayed reports, and reactive decision-making. The complexity of their infrastructure, combined with the speed and volume of data, made it nearly impossible to achieve true situational awareness or respond to issues as they emerged. What they needed wasn’t just another analytics platform—it was a radically new approach to visibility, clarity, and action.
​
The inability to build real-time continuous applications on this massive amounts of streaming data has become a real problem for many companies. The unmet need is real and without these real-time applications, these companies are at risk of not providing quality customer service and experience.
​
Verizon's inability to continuously monitor their network infrastructure in real-time not only limited their proactive decision making capabilities, but also limited their ability to get ahead of network problems before they became much bigger "problems" affecting thousands and potentially millions of customers.
​​
​Now that we have defined our personas we are ready to move into the approach phase. In the approach phase I walk through my design thinking approach—how I gathered insights, collaborated with stakeholders, and iterated toward a solution.

UX:
- User experience research
- User experience design
- User interface design
- Prototyping
- Visual design
- Project coordination
UI:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Results:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Approach
​
What process or framework did we use? How did we collaborate across teams? Did we involve the customer early and often?
Great solutions start with thoughtful processes. In this section, I walk through my design thinking approach—how I gathered insights, collaborated with stakeholders, and iterated toward a solution. What is the goal?
​
Goal: Greater Nationwide Situational Awareness
​
​​​This goal, 100% aligned with solving their pain points and actual unmet needs. Through early partner engagement, rapid prototyping, deep user feedback, and tight cross-functional collaboration, I helped deliver an innovative UI that turned what was once command-line-only into a visual, production-ready experience. Jet reimagines the dev workflow for real-time systems—reducing friction, accelerating time-to-value, and enabling fast iteration on live data. ​
​
​​Our solution gave Verizon a new level of national situational awareness—consolidating fragmented data streams and tools into a unified, real-time view of their network infrastructure. With this single pane of glass, operators could see issues unfolding across regions, systems, and time zones with unprecedented clarity and speed. This enabled decision-makers to respond faster and more confidently, shifting from reactive troubleshooting to proactive network management. By visualizing complex events in real time and surfacing insights contextually, we empowered Verizon teams to make informed decisions when it mattered most—ultimately improving performance, reducing downtime, and enhancing customer trust at scale.
​
Process: Design Thinking
​​​​
How did we leverage the design thinking process?
​​​​
We approached the challenge of building an innovative single pane of glass web UI experience—not the norm using a Design Thinking framework to ensure we stayed human-centered and solution-oriented at every stage. Here's how we applied it:​
​
-
Empathize - conducted interviews and standing working sessions with telco directors, managers, engineers, architects, and product leads to understand friction in building and scaling data-streaming pipelines.
-
Define - identified the core problem: Internal teams lacked a unified, intuitive interface to build, monitor, and manage real-time streaming applications at scale.
-
Ideate - co-created ideas with internal stakeholders, exploring concepts like a modular dashboard, visual stream builders, and contextual health alerts.
-
Prototype - delivered iterative interactive prototypes of a single pane of glass UI—enabling observability, orchestration, and real-time configuration. Used Sketch low- to mid-fidelity clickable flows to test functionality and UX.
-
Test - ran usability testing across three teams with varying technical backgrounds. Incorporated feedback into design refinements that ultimately helped win multi-million dollar buy-in from the client’s executive team.
​
​By grounding our approach in Design Thinking, we turned a technically complex product space into a human-centered, elegant experience—one that empowers users to build fast, see fast, and iterate faster.​​
​
-
Design thinking is both a strategic and practical process
-
Design thinking can be applied by all teams and groups
-
Human-centered design drives our technology and products
-
Leverage the Nstream Platform and existing entity model
-
Focusing where customer unmet needs meet Nstream Platform​​​​​
​
​​Collaborate across teams in the U.S., U.K. and EU
​​​
We collaborated as an international design and engineering team spanning the U.S., U.K., and EU — seamlessly aligning across time zones to bring the single pane of glass vision to life. Our cross-functional effort combined product design, front-end development, and platform engineering to prototype, validate, and deliver a real-time, ultra-low-latency experience tailored to the unique scale of Verizon’s network. This global collaboration was critical in turning a bold concept into a working product with enterprise-grade performance.
​
​​Let's move on to the people, technology and business aspects of this process. At the venn diagram overlap of these three aspects (circles) we will find our opportunity for market share and revenue.​​​​
​
Engage and empathize with executives and engineers
​​
Customer desireability (actual need) is a key driver for any project.
It's the reason any project exists. ​​Verizon's ask was simple, we need to monitor in real-time continuously all of our millions of high value asserts. Thus, being made aware of potential network problems before they actually became actual problems for their millions of subscribers. Ultimately providing a higher quality of service to paying subscribers. The ask was simple, the problem itself was wicked!
​
​For the sake of this study being shorter than your favorite sci-fi pulp novella, I will focus on the total Executive experience as discovered from engaging multiple executives and stakeholders. The Engineering experience will be saved for another day, another discussion perhaps. :)​​
By focusing on the Executive Persona first, we allow the team to deep dive into the daily life of an Executive at Verizon and their actual unmet needs.
​
Interview and discuss, the total executive experience
​
Once we focused in one a particular persona and high priority scenario. Action analysis was next up.
​
Primary Actions - Real-Time Continuous Nationwide & All Market levels Monitoring (core experience)
​
-
Quickly monitor nationwide (active/scroll, 0-clicks/peek-thru, & passive) within a single unified “pane of glass” application
-
Quickly search & filter at the nationwide, market, sub-market, and LT markets levels “ “
-
Quickly switch between market, sub-market and LT market levels “ “
-
Explore & discover (scroll, click-thru (select), and monitor at lower market levels) “ “
Secondary Actions - Only What The Executive Needs to Know, When They Need to Know It (situational experience)​
​
-
Receive real-time notifications for non-performant (w/ severity levels) entities within the nationwide network “ “
-
Go to notifications, monitor notifications, and select a notification to perform root cause analysis “ “
-
Quickly travel between a dashboard view (default, on entry) and a full-bleed map view mode “ “
​
Tertiary Actions - Under the Hood, Deeper Dive into the Entity Model (alternative experience)​
​
-
Navigate the existing entity model for orientation and deeper dive JIT EDU, along with greater locale/adjacency awareness “ “
-
Look “under the hood”, and see where in the entity heirarchy model, along with adjacent entities “ “
-
Select an entity, and perform root cause analysis
​
We will get into the specific manager and engineer based personas later in the study. On to the technology and the feasibility of finding a solution for this wicked problem.​​​
​​​
Leverage the innovative Swim OS Platform
​
Teachnology feasibility in many cases can be a show stopper. In this case however, the Swim OS Platform was the key to solving this wicked problem.
​
The Swim platform enables developers to build real-time continuous applications that deliver continuous intelligence, via applications that aggregate and analyze several petabytes of data every day across the infrastructure on thousands of cell towers connecting 100+ million devices. The solution visualizes each connection and intuitively delivers real-time KPI's for enhanced situational awareness.​
​
The Swim (OS) open source application development platform delivers the fastest way to build real-time streaming data applications. Build stateful microservices, streaming APIs, real-time UIs, and more.​​​​
​
​​​Explore business opportunity, base license & per app plane
​
Business viability (revenue model) also plays a critical part in wether a project begins or not.
​
At the intersection (overlap) of desireability, feasability and viability is the massive opportunity for Nstream and Swim OS. By leveraging the SwimOS platform and focusing on the unmet needs of Verizon, the opportunity space revealed itself.
​
Opportunity leads to market share & recurring revenue
​​
​Through rapid prototyping, direct stakeholder engagement, and close cross-functional collaboration, I helped deliver an innovative single pane of glass UI that transformed a fragmented, siloed ecosystem into a unified, intuitive experience. The solution reimagined real-time operations—reducing complexity, accelerating decision-making, and enabling seamless orchestration across streaming systems. Let's talk a bit about our process and goal for this project.
Solution Abstract: One Interface, All Systems​​​
​
Now that we have identified and categorized the primary, secondary and tertiary actions required by the Executive persona, let's dive into the actual solution and leveraging of the Swim OS Platform.
​
-
Employ Design Thinking - focus on the overlap of AI&D desireability and Nstream Platform feasability. Focus 100% on the Executive.
-
Meet Unmet Need - an “executive” low-latency real-time continuous, quick access dashboard (w/ map) single pane of glass application experience, that provides greater nationwide situational awareness
-
Utilize Available Streaming & Historical Data - make use of all available AI&D accessible data that applies
-
Leverage Nstream & SwimOS - utilize the Nstream Platform, and our streaming application design and development expertise
-
Leverage Entity Model - utilize the existing entity model as the foundation for search & filtering, & much more
​​
Why this matters: real-time visibility, real-world impact
​
Before the single pane of glass solution, Verizon’s teams were navigating a fragmented ecosystem of tools and data sources. Gaining full visibility into network health and performance required hours of context switching, manual queries, and siloed communications across departments. The lack of a unified view limited responsiveness, created operational blind spots, and made proactive service assurance nearly impossible.
​
The new executive dashboard and geo-map changed that.
​
We delivered a unified, real-time interface that gave leadership, IT, and field operations a shared view of live infrastructure performance—on a national scale. By surfacing entity-level data, key alerts, and KPIs in a single application, we enabled faster decisions, better collaboration, and a proactive response posture.
​
The impact was immediate:
​
-
Faster situational awareness → hours of investigation reduced to minutes
-
Cross-team visibility → network, ops, and execs aligned around a shared source of truth
-
Streamlined workflows → fewer tools, less context switching
-
Improved service assurance → issues identified and resolved before customer impact
-
Stronger executive confidence → real-time insights into systemic performance and trends
​
This wasn’t just a dashboard or some fancy geo map demo.
It was a redefinition of how a Fortune 500 telecom sees and responds to its own network state, only what they need when they need it.
​
By embedding the experience into daily operations, we transformed real-time observability from a back-end function into a business-critical capability—accessible, actionable, and aligned across every layer of the organization.

UX:
- User experience research
- User experience design
- User interface design
- Prototyping
- Visual design
- Project coordination
UI:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Output
​
​What did we design or build? Requirement documentation, wireframes, UI flows, UI mockups, and iterative prototypes.
​
Design work should speak for itself—but context gives it meaning. This section showcases the final artifacts, prototypes, and UI/UX deliverables, along with the reasoning behind key decisions. For this project we created the following artifacts:
​
-
UX research documentation​ (interviews, opportunity, scope, process and more)
-
UX user journey map (core experience, extended experience, multi-phase flow)
-
UI design and development plan
-
UI wireframes (iterations, baseline)
-
UI mockups (iterations, finals)
-
UI art assets (svg)
-
UI prototypes (iterations, baseline)
-
UI web app for release (live local deployment @Telco)
​
The core experience (for the sake of this portfolio project) will first and foremost support the Executive's primary actions. Secondary actions may be supported here as well, but it is not a requirement that the core experience do so. More of a nice to have. Again, I will not address the Engineer Persona here in this portfolio (as we did in the actual project).
​
User Journey: Awareness, Action & Understanding
​​
Unlike the linear, onboarding-focused phases of Nstream Jet’s new user flow, the Verizon single pane of glass experience is non-serial. This is a living, real-time application, continuously communicating the state of millions of high-value network entities with ultra-low latency. Users don’t progress through these phases in a step-by-step fashion—instead, they fluidly move between monitoring, responding, and investigating as the system evolves. The interface itself acts as a live operator, surfacing what matters, when it matters, and allowing users to pivot seamlessly between awareness, action, and understanding—all within a single, unified experience.
​
Now that we have a solid understanding the primary, secondary and tertiary actions required by the Executive persona, lets get into how we are going to leverage our single pane of glass UI experience.​ See the Approach section above for a user action breakdown.
​
We went with a clean, intuitive 3-phase journey that aligns perfectly with the user mental model of awareness → action → understanding.
Let’s expand each phase with richer descriptions, user goals, UX principles, and example interactions. This can serve as the backbone for both your portfolio storytelling and any demo or case study breakdowns. The user journey below (and the user journey map above) is a key product output. It reflects what was designed, how it functions, and how users move through the product as both a new user and established experienced user. It’s a tangible artifact of my design work, just like the UI, flows, wireframes, pixel perfect mockups, components, and final stitched app views.
​
-
It shows the structure and behavior of the system from the user's perspective.
-
You can pair it with interface visuals, diagrams, and flowcharts.
-
It anchors the reader in what the product actually does and how you made it usable.
​
Architecting the new user flow (NUF) journey and beyond​​​
The user journey is a non-serial multi-phased journey as follows:​
​
-
Phase 1: monitor & observe
-
Phase 2: respond & take action
-
Phase 3: explore & root cause analysis (RCA)
​
We identified a clear, phased user journey that begins linearly but becomes more dynamic and non-linear as users gain proficiency and expand their deployment workflows. This allowed us to design an experience that starts with clear guidance, then progressively unlocks flexibility and control.
​
Phase 1: monitor & observe @ performant system state
​​
"Always-on awareness, zero clicks required"
​
This phase represents the default state of the application—the executive dashboard view upon entry. It’s designed to give high-level situational awareness across the entire national network, reducing time-to-insight and allowing executives to scan, assess, and spot anomalies without friction.
​
Primary User Goals:
​
-
Instantly understand the state of the national network
-
Detect patterns, trends, or warning signs at a glance
-
Scan through markets and regions passively or actively
​
Experience Highlights:
​
-
Live streaming metrics and zero-click peek-through panels keep key data visible at all times
-
Passive scrollable modules present time-series visualizations, summaries, and status cards
-
Users can switch between nationwide, market, sub-market, and LT market views without navigating away
-
Smart search and filtering enables quick focus on specific geographies, entities, or KPIs
​
Design Principles:
​
-
Low cognitive load
-
Clarity through hierarchy and information density
-
Passive and active observation modes
-
Accessible via executive-friendly default views
​​
Phase 2: respond & take action @ non-performant system state
​​
"Know what matters, act when it counts"
​
When something goes wrong—or is trending toward failure—this phase is activated. Whether via an in-app alert, notification badge, or dashboard surface, the user is prompted to drill into a specific issue and take immediate action.
​
Primary User Goals:
​
-
Respond to real-time alerts with confidence
-
Isolate and understand the scope of an issue
-
Move between map and dashboard to contextualize the problem
-
Take decisive action when needed (e.g. escalate, acknowledge, assign, investigate)
​
Experience Highlights:
​
-
Severity-coded notifications draw attention to critical events
-
Clickable alerts route the user directly to the affected market or entity
-
Users can toggle to full-bleed geo map mode for spatial awareness
-
Real-time changes to entity status are reflected instantly in the UI
-
Contextual breadcrumbs and back-trails help maintain orientation
​
Design Principles:
​
-
Prioritize what's urgent
-
Maintain context during navigation
-
Support drill-down without disorientation
-
Deliver just the right amount of actionable detail
​
Phase 3: explore & RCA @ non- or performant system state
​​
"Understand the why, not just the what"
​
This phase is where deeper exploration and RCA (Root Cause Analysis) happens, typically by technically inclined users or executives who want to understand system-level behavior. It’s not always triggered—but when it is, it needs to be powerful, intuitive, and fast.
​
Primary User Goals:
​
-
Investigate the origin of an alert or degradation
-
Understand the system model and relationships between entities
-
Identify upstream or adjacent issues that might be connected
-
Perform lightweight RCA (Root Cause Analysis) without leaving the UI
​
Experience Highlights:
​
-
Interactive entity model explorer shows nested relationships and entity hierarchy
-
Live state views show current status and recent changes to any component
-
JIT EDU overlays help orient users within the model (e.g. “You are here →”)
-
Ability to click any entity and see upstream/downstream dependencies
-
Access to logs, metrics, and health indicators for the selected entity
​
Design Principles:
​
-
Visual explainability of complex systems
-
Progressive disclosure of information
-
No context switching—exploration happens in-place
-
Clarity around system state and propagation
​​
Final Summary (Optional for End of Section):
​
This phased experience was intentionally designed to mirror how executives think and act in real-time scenarios:
​
-
Phase 1 keeps them informed without interruption, at a glance
-
Phase 2 guides them to action with clarity and context
-
Phase 3 gives them the tools to understand and communicate why it happened
​
Together, these phases create an operational experience that is observational, reactive, and investigative—without ever leaving the single pane of glass.
​
​Desktop and mobile UIs support core experience
​
​Working closely with the Verizon stakeholders to help them understand the value of wireframing the experience, and componetizing the single pane of glass experience was key to ensuring the unmet need was met.
​
​Let's get into the details of the wireframes for this Executive focused experience.


UX:
- User experience research
- User experience design
- User interface design
- Prototyping
- Visual design
- Project coordination
UI:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Results:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Output (cont.)
​​Wireframes: Highly Iterative & Engaging
​
From the outset, we adopted an iterative design and prototyping approach to rapidly explore solutions and validate ideas in real-time with our stakeholders. Instead of waiting for a big reveal, we built lightweight, interactive prototypes early and often—each one sharpening the product vision through hands-on feedback. This continuous loop of designing, testing, and refining allowed us to surface critical usability and functionality issues before they became blockers, reducing risk while accelerating alignment across both internal teams and the customer.
​
Just as important was involving the telco’s stakeholders from day one. By embedding them into the design process through regular touchpoints, collaborative workshops, and prototype reviews, we transformed them from passive recipients into active partners. This early and ongoing engagement not only built trust—it meant there were fewer surprises as we approached delivery. By the time the final prototypes were reviewed and approved, the solution already felt familiar to them. The result was a smoother path to production, faster buy-in across their organization, and a launch that exceeded expectations.
​
Early wireframe development involved the customer
​​​
The AI&D Executive Dashboard (w/ Map) is to be a single pane of glass app, but first let's breakdown the user interface.
​
A Nstream single pane of glass application is a single web application UI that provides greater situational awareness, insights, KPIs, and notifications across the entire system and entity model​.
​
-
leverages and links to Nstream (SwimOS) APIs and entity model
-
provides multiple unique view modes within a single application space
-
provides key event notifications for system wide situational awareness
-
provides search & filtering for quick access​
​
Wireframes (def.) - a schematic or blueprint design that assists designers, developers and other stakeholders to get on the same page when it comes to what components, interactivity, and flow is to be implemented.
​
-
Wireframes make it clear this is not the final design, yet an important
-
phase of the preliminary design process
-
Wireframes communicate that all is still in process and iteration is still needed, prior to any code being written
-
Wireframes make it clear that no code has been written yet
​
Working closely with the Verizon stakeholders to help them understand the value of "wireframing" the experience, and "componetizing" the single pane of glass experience was key to ensuring the unmet need was met.
​
Next up, let's get into application anatomy and nomenclature. This is always a great way to get on the same literal "page" as your customer or client.
​
Defining and baselining the UI anatomy and nomenclature​​
​​
Spending time with the customer to understand the value of anotomy and clear nomenclature as it relates to the user interface (UI).
​
-
UI Anatomy - concerned with the parts (components) of a UI view. With wireframes the defining and studying of the parts (components) is of immediate interest to both designers and developers
-
UI Viewport - the top level view bucket that contains all required UI component parts
-
UI Components - the individual parts of a UI view that are stitched together to provide a single pane of glass application experience
-
UI Designators - each view and component is given a designator such as “A” or “A2” during the wireframe baselining phase for ease of reference
​
And how this "componentization" of the UI is key to ensuring a smooth hand off from designer to developer.
​
Aligning actual unmet needs of the customer, their actual user operator tasks and responsibilities, to view, component and application UI design priorities. A major telecommunications provider had limited visibility of their network infrastructure - requiring several hours to measure service quality. The lack of real-time information made it difficult for field service crews, IT departments, and customer service representatives to work collectively towards improving customer experience in a highly competitive market. Major telecommunications companies are not the only companies that require more real-time visibility into their networks in order to provide a higher quality of service to their customers. Financial institutions, e-commerce, software/SaaS provider, manufacturing, and energy provider companies all have the same need.
​
High engagement effort to baseline UI wireframes
​
​​Now that we have a solid understanding of the unmet needs, the actual wicked problem, persona action priorities, app anatomy and app nomenclature we are in a great spot to start discussing the "core experience" for the Executive persona.​​
​
Before we jump into the Executive experience (only), let's take a look at a couple of my first pass whiteboard drawings for this UI concept.

UX:
- User experience research
- User experience design
- User interface design
- Prototyping
- Visual design
- Project coordination
UI:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Results:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Output (cont.)
UI Mockups & Final Design Artifacts
UI mockups are more than just polished visuals—they’re the connective tissue between design intent and product reality. In a fast-moving 0→1 SaaS effort like Nstream Jet, mockups played a central role in aligning stakeholders, clarifying expectations, and streamlining collaboration across design, product, and engineering.
​
By the time mockups are created, the foundational work—user research, journey mapping, and UX flow definition—has already shaped the vision. But mockups are where that vision becomes tangible. They allow teams to see and feel the product before it's built, and they enable rapid feedback, iteration, and shared understanding.
​
Visual clarity for product alignment, execution, and evolution.
​
Executives operate in high-pressure environments where maintaining situational awareness is critical for making informed decisions. However, existing tools often overwhelm them with information or fail to provide the right insights at the right time. To address this, I designed a solution that enhances real-time awareness, enabling executives to stay ahead without cognitive overload.
​​
The Executive desires greater situational awareness now
​
Executives are responsible for overseeing complex systems, both high-performing and underperforming. They need a way to monitor all systems holistically while also having the ability to quickly identify problem areas and perform root cause analysis when necessary. Traditional monitoring tools often present fragmented data, requiring excessive time and effort to derive actionable insights.​​
​
To address this, I designed a dual-view system that consists of:
​
-
An Executive Summary Dashboard (A) – A high-level overview providing key performance metrics, alerts, and trends.
-
A Geo-Map View (*A) – A spatial representation of system performance, allowing for intuitive problem identification and deeper investigation.
​
UI Mockups: View Mode 1 - Executive Dashboard​
​
1. Executive Summary Dashboard – High-Level Situational Awareness
The dashboard serves as a mission control center for executives, enabling them to:
​
-
Instantly assess overall system health through key performance indicators (KPIs) and trend analysis.
-
Use real-time alerts and anomaly detection to flag underperforming areas.
-
Quickly drill down into specific systems with progressive disclosure, providing deeper insights when needed.
-
Implement predictive analytics and AI-driven recommendations to highlight potential risks before they escalate.​
​
The executive summary is designed with information hierarchy in mind, ensuring the most critical insights are front and center.
​
Solution, a two-tiered information architecture
​
2. Geo-Map View – Intuitive Spatial Analysis
​
The geo-map interface adds a spatial dimension to monitoring, allowing executives to:
​
-
Visualize performance disparities geographically, quickly spotting problem clusters.
-
Zoom and filter to focus on specific regions, locations, or individual system components.
-
Overlay real-time data layers, such as network congestion, server downtimes, or user impact levels.
-
Enable predictive heat maps, using AI-driven insights to anticipate potential failures.
​​
With this dual-view system, executives gain a balance between high-level awareness and deep diagnostic capabilities, ensuring they can respond proactively rather than reactively.
​
The dashboard is both default (on entry) and home (A)
​
Both the executive dashboard and geo-map views are continuously updated with real-time data, ensuring that executives are always operating with the most current information. This constant flow of updates provides a live pulse of network health, allowing leaders to stay ahead of potential issues before they escalate. Whether they need to track emergency response efforts during outages or monitor the effectiveness of recent optimizations, the Executive Dashboard and Geo-Spatial Map Views both ensure that executives have uninterrupted, up-to-date visibility into the network at all times.
​
Nationwide actionable data and KPIs at a glance
​
Through intuitive color-coding, KPIs, and data overlays, both the Executive Dashboard and Geo-Spatial Map Views emphasize critical problem areas (plasma, hot, rippling), making it easy to spot non-performant trends, potential problem areas, and pinpoint issues. This interactive dashboard and map has the potential to integrate with AI-driven insights, predicting potential failures and suggesting corrective actions. By blending geographical context with real-time performance data, the map not only facilitates high-level monitoring but also supports deep-dive analysis at the local level, providing executives with all the tools needed for data-driven decision-making and continuous system improvement. The executive dashboard offers nationwide network greater situational awareness now!
​
Now that we know how awesome this Executive experience is going to be, let's dive into the breakdown of the dashboard.
​
How did we breakdown this Executive dashboard?
​
The executive dashboard (A) is structured using a hierarchical information architecture composed of Views, Blocks, and Lenses, ensuring clarity and deep insight accessibility. At the highest level, Views represent distinct operational domains or focus areas, allowing executives to navigate seamlessly between different aspects of system performance. Within each View, Blocks act as modular containers, organizing key data segments for structured analysis. Each Block houses Lenses, which function as interactive data cards, offering focused insights into specific metrics, trends, or anomalies. This layered approach enables executives to see through the dashboard—starting with a broad overview and progressively drilling down into critical regions or analytics. By selecting a Lens, they can zoom into problem areas, uncover root causes, and take data-driven actions, all without losing sight of the bigger picture. This design ensures that executives can maintain situational awareness while efficiently navigating complex data landscapes. Let's give the dashboard (core home area) the designator "A" as shown in the wireframe drawing above.
​
A - home. aka portal dashboard
• the portal dashboard is the default (on entry) view mode
• the portal dashboard contains blocks, and the blocks contain lenses
• the blocks are a trasparent layer (to user), that offers like lens adjacency and stack priority for multiple viewport break points
• the blocks are responsive & mobile friendly
• lenses are interactive cards, that allow the user to look thru (to lower levels), and to click-thru to lower levels
​
​Views, blocks and lenses ftw​​
​​​
Each block is a transparent container for multiple interactive insightful cards. Each card (aka lens) within a block offers an "insightful peek" into an aspect of the system or subsystems. Each lens not only provides relevant insights, but allows the user to click through when root cause analysis may be required to get to the root of a problem in the network. Let's focus on the first block AB1 for this case study, then we will move into the pixel perfect UI designs based on this preliminary design effort.
​
AB1 - block 1. lens 1 (L1) aka embedded map
• block 1 is the first block in the block stack priority, and will be the top block displayed in a portal dashboard on mobile
• block 1 contains lens 1, the embedded map
• the embedded map follows the lens guidelines, see thru and click thru interactivity
• the embedded map will display sub market mood (hue) coded geo fences and ripple on hot spots, hot spot and sub-mkt are clickable
• the embedded map is an on rails interactive experience, as opposed to the free form map view mode
​
Each block has its own purpose and sub domain that it provides insights into. Each set of lenses within a block are ties together by these sub domains. One block may provide "Performance" insights, while another provides "Health" insights. Each block plays its own part, and effectively works the same way in terms of KPIs (insights) presented and interactivity offered to the user (operator).
​
For the sake of time and this portfolio project we will skip the other 2-3 blocks that are present in this UI design. Also, see below for final pixel Ui designs for the Executive Dashboard. The home (default) executive summary view is selected, and an additional Markets list view is provided to even further amplify the Executive's greater situational nation wide awareness!​​​​​

UX:
- User experience research
- User experience design
- User interface design
- Prototyping
- Visual design
- Project coordination
UI:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Results:
- Major Telcos
- Financial institutions
- Retail / e-commerce
- Software / SaaS
- Manufacturing
- Energy providers
Output (cont.)
UI Mockups: View Mode 2 - Executive Geo Map
​The Geo-Spatial Map View is a powerful tool that adds immense value by providing executives with continuous, real-time situational awareness at both nationwide and localized levels. It transforms how system performance is monitored, offering a dynamic, visual representation of the network’s health.
​
The geo-map adds geospatial context
​
Executives are responsible for overseeing complex systems, both high-performing and underperforming. They need a way to monitor all systems holistically while also having the ability to quickly identify problem areas and perform root cause analysis when necessary. Traditional monitoring tools often present fragmented data, requiring excessive time and effort to derive actionable insights.​
​
Real-time geo-based monitoring across nationwide networks
​
At a high level, the Geo-Spatial Map View presents a nationwide overview, allowing executives to monitor the entire network in a single glance. The map displays key performance indicators (KPIs) at a macro level, highlighting regions where performance may be lagging or where risks are emerging. By visualizing data on a geographic scale, the map helps executives instantly identify patterns and anomalies, such as network congestion, outages, or regional disruptions. This level of visibility ensures that no area of the network goes unnoticed, providing proactive situational awareness across the entire infrastructure.
​
Zooming In for Localized Insights, and more local context
​
The real power of the Geo-Spatial Map View lies in its zooming capabilities. As executives drill down into specific regions, the map reveals localized insights that allow for detailed analysis. By zooming in to particular locales, network operations, or individual components, executives can identify the root causes of performance issues, whether it’s a malfunctioning server, a bandwidth bottleneck, or an area experiencing user overload. This level of detail enables quicker, more informed decision-making and provides targeted insights that can drive focused interventions.
The executive summary is designed with information hierarchy in mind, ensuring the most critical insights are front and center.
​
​In essence, the Geo-Spatial Map View is a powerful view mode (layer of the experience) that complements the dashboard, giving executives the ability to maintain situational awareness not just at a glance but continuously—whether monitoring the entire network or zooming in to resolve specific issues. This tool is critical for staying ahead of challenges, optimizing performance, and ensuring seamless operations across complex, nationwide systems.
​
​
​​​
Outcome
​​​
Our solution delivered a transformative leap in how the Fortune 30 Telco monitored and managed its nationwide network infrastructure. By combining a real-time Executive Dashboard with a Geo-Spatial Map View, we gave leadership a unified interface that amplified situational awareness and business intelligence—turning raw data into immediate, actionable insight.
​
Executives could now assess network health across all regions at a glance, drill into emerging issues, and respond in real time. This dual-view system enabled faster, more strategic decision-making while significantly reducing the cognitive load typically required to parse and interpret operational data. Instead of reactive fire drills, leaders were empowered to lead with clarity and foresight.
​
Driving strategic impact through amplified intelligence
​
This new approach didn’t just improve workflows—it created a cultural shift. By making the system intuitive, continuously updating, and deeply informative, we fostered a proactive mindset across operations. The platform became a critical tool for maintaining uptime, coordinating national efforts, and planning future initiatives. It represented a scalable, future-ready investment in enterprise intelligence—one that elevated the telco’s ability to act decisively in an always-on world.
​
-
Amplified Situational Awareness – Real-time executive insights at national and regional levels
-
Geo-Spatial Intelligence – Live map views for intuitive, location-based performance monitoring
-
Proactive Issue Resolution – Surface and address disruptions before they escalate
-
Reduced Cognitive Load – Actionable insights in a focused, decision-ready format
-
Enhanced Operational Efficiency – Faster, more strategic decision-making
-
Future-Ready Design – Scalable UI built for continuous use and enterprise-wide adoption
​
This wasn’t just a product—it was a platform for change, designed to help one of the world’s largest telcos lead smarter, move faster, and operate with a new level of confidence.
​
The mission was not only a success, mission control was now live!
​​​​​​​







