Protected
Case Study

This work contains confidential material. Please enter the password to continue.

Incorrect password. Please try again.

Need access? Request it here

Product UX · Customer Journey · Cybersecurity

Onboarding
Experience

Replacing a manual, support-heavy deployment process with a self-serve dashboard, then iterating toward a guided wizard grounded in real user feedback.

Role
Sr. UX Designer
Scope
Research · UX Design · Two Product Phases
Company
Arctic Wolf
Live
V1 Onboarding Dashboard in Production Replacing a manual form-based process, with progress tracking that motivates customers to complete deployment independently
9
Research Participants 3 customers and 6 internal deployment specialists, with the deployment team engaged across multiple rounds
v2
Guided Wizard in Active Development A welcome screen and step-by-step wizard designed in direct response to v1 feedback, part of a broader customer experience initiative
Arctic Wolf onboarding dashboard — deployment progress view in dark theme, showing organization profile with section-level completion indicators

Getting a new customer deployed is high-stakes, information-dense work

When a customer signs with Arctic Wolf, a clock starts. Their environment isn't fully protected until deployment is complete, and completing deployment requires gathering a significant volume of technical configuration data like contacts, access controls, site information, network diagrams, cloud services and sensor details. The accuracy and completeness of what customers provide determines how quickly monitoring can begin.

Before this redesign, that process ran through a single-page form. The deployment team would walk customers through it on a call, send them off to fill in what they could, and then reconvene to patch the gaps. The gaps were significant, and they were largely predictable, as customers consistently stumbled on the same categories of questions, because the form gave them no context on what was being asked or where to find the information in their own environment.

Every gap meant another call, which cost deployment team hours and pushed the customer's time-to-value further out. The process was designed around the assumption that customers would need help and the next iteration was designed to change that assumption.

Previous solution: a single-page form with checklist sections for Contacts, Site Configuration, and Cloud Configuration, requiring deployment team co-completion
The previous solution: a single-page form that the deployment team would walk customers through, then follow up on to close gaps. No progress tracking, no guidance on what was needed or where to find it, and in a completely different platform than the customer management portal.

Continuity by design, not by structure

The project saw a consistent structural challenge in repeated PM turnover, with five different PMs worked this project during my involvement. Each transition meant losing institutional knowledge, including the research that shaped v1, the reasoning behind specific design decisions, the nuance of what customers had said in interviews. In the absence of structural continuity, design continuity became my responsibility.

My Ownership
Sole designer across both v1 and v2. I defined the research approach, conducted all interviews and synthesis, owned the design from v1 concept through production, and carried the strategic context through five PM transitions into the v2 ideation phase.
Collaborated With
A largely consistent engineering team across both phases, and a rotating cast of PMs. The internal deployment team served as both research participants and ongoing design consultants who were not just interviewed once, but brought back repeatedly as the design evolved.

Five PM Transitions

Each new PM arrived without the context that shaped current design decisions. It became necessary to re-establish that context of why the information architecture was structured the way it was, what research had informed it, which directions had been considered and ruled out. It reinforced the importance of keeping design rationale documented and accessible, not just the designs themselves.

The Complexity Lives in the Customer's Environment

The information customers needed to provide required them to navigate their own technical environment to retrieve it, and that inherent complexity couldn't be designed away. What design could do was give customers the context to understand what they were looking for and why it mattered, so they could find it independently rather than needing to ask.


The people who run the calls know exactly where customers get stuck

I interviewed both sides of the onboarding process. Three customers who had recently completed deployment shared what the experience was actually like from their seat. Six internal deployment specialists provided the depth and pattern recognition that a small customer sample alone couldn't produce, by sharing their perspective having seen the same friction points across hundreds of customer calls.

The deployment team were brought back across multiple rounds as the design evolved, functioning as ongoing consultants who could pressure-test whether a proposed change would actually help in the field. Their proximity to the problem and stake in making it better made them the most reliable signal available.

We mapped the full organizational and environment structure customers were being asked to describe, which helped surface where the definition gaps and lookup complexity were concentrated. We then ran a Good/Better/Best framework to prioritize possible interventions across three dimensions: architecture, format, and features.

Research artifacts: left, organization and environment architecture mapping; right, a Good/Better/Best HMW framework organizing candidate interventions across architecture, format, and features
Research artifacts: environment and organization structure mapping (left) to surface where complexity clustered; and a Good/Better/Best HMW framework (right) to prioritize interventions across architecture, format, and features

The most consistent finding wasn't about the volume of information customers had to provide, although that can be overwhelming. It was about orientation. More often, they quickly became lost or distracted without a sense of where they stood, what they still needed to complete, and what a finished onboarding looked like. The problem was directional clarity, not capability.

Customers didn't necessarily need less to do. They needed to understand what they were doing and be able to see how far they had to go.


A dashboard built around progress, not just completeness

The v1 design replaced the single-page form with a structured dashboard view of the full deployment. Each major configuration area was surfaced as its own section with a clear status, a summary of what was complete and what remained, and direct action links for what came next. Customers could work at their own pace, return when they had more information, and arrive at their next call with their deployment team having made meaningful progress on their own. Moreover, they were immediately introduced to the portal through which they'd manage their security journey long after deployment.

Key Design Decision

Lead with visual progress indicators

Progress visualization wasn't part of the original brief and wasn't something the deployment team's existing process had ever surfaced. The research made it clear that customers' biggest orientation problem was not knowing where they stood or what "done" looked like, or having any clear incentive to get there. A donut chart with overall deployment completion percentage, paired with section-level progress bars, addressed that directly. By providing clear correlation between their to-do list and their security posture, the incentive became obvious.

Feedback collected from initial users indicated customers were arriving to their follow-up calls with fewer gaps, and they reported feeling motivated to keep moving because they could see what remained. The visualization created a feedback loop that changed behavior, while also informing users through key metrics.

V1 onboarding dashboard in light theme: Organization Profile with deployment progress donut, section cards, and status bars
Light theme: the full dashboard view with overall deployment progress and section-level indicators
V1 onboarding dashboard in dark theme: same layout with dark enterprise styling
Dark theme: the same structure adapted for users who prefer it. Both themes shipped as part of v1

Some sections allow users to expand individual categories to take action directly, without leaving the dashboard. A slide-out drawer allowed them to complete specific forms in context, with the rest of their progress visible behind them.

V1 dashboard with the Communications Contacts drawer open: form fields for Executive Sponsor, Deployment Communications Contacts, Intelligence Report Recipients, and Escalations
The contextual drawer: users complete individual configuration sections in-place, with the full dashboard visible behind for orientation

Deployment progress also surfaced on the portal home page as a persistent widget, so customers arriving anywhere in the platform could see where their onboarding stood and navigate directly to what needed attention, without having to find the dashboard first.

Home page deployment progress widget showing 33% overall completion with breakdowns for Users, Site Data Collection, Connected Accounts, Endpoint Security, and Miscellaneous
The home page deployment widget: persistent progress visibility across the portal, with section-level breakdowns and direct links to act

Mostly working, but the gaps pointed clearly to what came next

User interviews after v1 launched produced generally positive feedback. The progress indicators had landed well, with customers were completing more of their deployment independently before reconvening with the deployment team, and the remaining gaps were smaller and more specific. Fewer gaps before the reconvene call meant shorter calls and less deployment team time spent on follow-up coordination, even without exact hour totals to attach to it. The visual structure had done what research suggested it would.

Two patterns came through in the negatives, and they were consistent enough to take seriously.

Discoverability

Customers weren't always finding the right place to take action. The dashboard surfaced what needed to be done, but the path to doing it wasn't always obvious enough. Users were occasionally getting lost between the dashboard view and the specific sections they needed to complete.

Still Needing Deployment Team Help

Despite the improved structure, some customers were still relying on the deployment team to get through the process. Not because they couldn't find things, but because they still lacked enough context to understand what was being asked and where to find the answers in their own environment. The dashboard had improved orientation, but hadn't fully solved guidance.

These two findings together pointed toward a more guided, sequential experience that walked customers through each section rather than presenting the full scope at once and letting them self-navigate.


V2 Direction

From dashboard to wizard: more guided, from the very first moment

The v2 direction responds directly to what the feedback identified. Instead of presenting the full deployment scope on arrival and letting customers find their own way through it, the new experience opens with a dedicated welcome screen and walks users through each configuration section sequentially, with richer context on what's needed, clearer definitions, and guidance on where to find the required information in their environment.

The welcome screen sets expectations before customers touch a single form field: here's what you'll need, here's what to have ready, here's what the process looks like. That framing alone addresses a significant portion of the confusion the dashboard couldn't prevent.

V2 welcome screen: full-bleed dark branded experience with 'Welcome to Arctic Wolf — Let's dive into your deployment' and a checklist of what customers should have ready before starting
The v2 welcome screen: before customers touch a form field, they see what they'll need and what the process involves. Expectation-setting as a design element.

The wizard itself is a step-by-step experience with a persistent left navigation showing where customers are in the process and what's still ahead. Each step focuses on one configuration area at a time, with the relevant form surface and contextual information presented together. Customers are guided rather than forced to self-navigate, while still being given the option to do so.

V2 wizard: Users step with progress bar, left nav showing section list, and right panel displaying the contacts table
The wizard step view: left nav for orientation, step-specific content on the right. One section at a time, with full context visible.
V2 wizard: Users step with an inline form expanded for adding a new contact, alongside the existing contacts table
Inline form expansion: customers add or edit information within the wizard step, without losing their place or navigating away

Deployment progress remains accessible throughout the portal via a persistent page panel, so customers can check where they stand or jump back into the wizard from anywhere in the platform without losing their thread.

V2 page panel: persistent deployment progress panel on the right side of the portal, showing 10% overall progress, an 'Open deployment wizard' link, and section-level task completion
The persistent page panel: deployment progress visible from anywhere in the portal, with a direct link back into the wizard and section-level task tracking

The v2 work also aligns with a broader strategic initiative at scale. The framework developed here to define visualization dashboards around customer actions items and status is informing how customer health is surfaced across the platform going forward. The principles outlast the specific implementation.

Customer health dashboard showing deployment progress framework evolved into a broader platform-wide health visualization with status indicators across multiple customer dimensions
The original deployment dashboard concept carried forward into the broader customer health view — the same framework for surfacing status and action items, now applied at platform scale

V2 is currently in active iteration and ideation. The direction is defined, but the execution is still being refined as we work to support the greater business goals.


What a two-phase project teaches you that a one-shot build doesn't

When PMs turn over, the designer becomes the keeper of institutional memory. Five PM changes across the life of this project meant losing context repeatedly. In the absence of structural continuity, I became the most reliable source of it. That's a meaningful responsibility, and it reinforces the importance of careful documentaion of the reasoning behind design decisions matters as much as documenting the decisions themselves. The "why" is what survives a transition.

Progress visualization changed behavior more than any other single element. Adding a completion percentage and section-level status bars wasn't an obvious choice at the start and wasn't in the brief. It came from listening to what customers said they were missing: a sense of where they were and what "done" looked like. Seeing customers complete more of their deployment independently confirmed this decision and the visual indicators are being adopted more widely in other areas of the products. We learned that showing people how far they've come is sometimes more powerful than showing them what they still need to do.

Research participants who live with a problem every day are worth more than single-interview snapshots. The deployment specialists who ran every onboarding call weren't just a convenient substitute for customer access. Brought back across multiple rounds, they gave us a view of the design working in the field, not just how people anticipated it would work. Sustained involvement from someone who sees the problem repeatedly produces better signal than a single touchpoint with someone who experienced it once.

Next Case Study
ClearChoice Sales Dashboard