2024

Suite of Dev Products

Standardizing Docker's product onboarding.

Context

Docker Scout was launched in 2023 as Docker's Software Supply Chain product along with other new products. Docker was in need of better onboarding engagements to help users better understand our product value.

Scout's onboarding revamp spearheaded a new onboarding standard for Docker products.

Problem

Users & enterprises were unaware of the full potential Docker had to offer. In the pursuit of staying relevant & innovative, Docker launched new products which influenced pricing. However, consumers were confused at the value Docker's Suite of Development Tools offered to justify all these changes.

Role

Design Direction

Senior Visual Designer

Tools

UI/UX

Figma

Skills

UI

Visual Design

Product

Illustration

UI & Flows

Prototyping

Onboarding

User Flows

Product Tours

Motion Design

Move tags for more

Solution

I worked with product designers, product managers, and engineers to improve a new standard for product onboarding flows & new feature tours.

Docker Scout

Final user onboarding flows.

Docker Scout

Final user onboarding flows.

Feature Tour

Accessing Docker Run Cloud.

Feature Tour

Accessing Docker Run Cloud.

Feature Tour

Accessing Docker Run Cloud.

Feature Tour

Enabling Docker Run Cloud.

Feature Tour

Enabling Docker Run Cloud.

Feature Tour

Enabling Docker Run Cloud.

User & Business Impact

75% User Engagement

Out of 24 participants:

  • 18 read through the content

  • 3 clicked without reading

  • 2 read only the 1st screen

  • 1 skipped on the 1st screen

Influenced 4+ Product Onboarding Flows

Seeing the successful engagement rate, it was decided this improved onboarding direction would be implemented in all products.

+30% Product Value Awareness

2/3 of product awareness was driven by marketing & our website. Advocating for value & comprehension in-product is the final piece of the puzzle.

  • Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

  • Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

    Process Ahead

Approach

01

Empathize

02

Define

03

Ideate

04

Prototype

05

Test

06

Maintain

Empathize

For people to see value in anything, they need to understand how it benefits them.

Define

The legacy onboarding flows used icons which wasn't enough for users to digest complex software engineering concepts to understand product features & benefits.

Docker Scout was the first to test our improved onboarding theory by implementing product UI into the flow.

Accessing Scout

Scout exists in its own dashboard and through extensions in Docker Hub & Docker Desktop.

Accessing Scout

Scout exists in its own dashboard and through extensions in Docker Hub & Docker Desktop.

Accessing Scout

Scout exists in its own dashboard and through extensions in Docker Hub & Docker Desktop.

Scout Integrations

How to use Scout in Docker product.

Scout Integrations

How to use Scout in Docker product.

Scout Integrations

How to use Scout in Docker product.

Extensions

Add extensions within Docker Scout for Software Supply Chain access in other platforms.

Extensions

Add extensions within Docker Scout for Software Supply Chain access in other platforms.

Extensions

Add extensions within Docker Scout for Software Supply Chain access in other platforms.

Policy Evaluations

Docker Scout compliance checks and diagnostics.

Policy Evaluations

Docker Scout compliance checks and diagnostics.

Policy Evaluations

Docker Scout compliance checks and diagnostics.

Ideate

I helped convey Scout's core benefits with the lead product designer and iterated based on feedback for accurate information & concept effectiveness.

Remediation Fixes (Original)

Highlights Scout's ability to provide security fixes within other products.

Remediation Fixes (Original)

Highlights Scout's ability to provide security fixes within other products.

Remediation Fixes (Original)

Highlights Scout's ability to provide security fixes within other products.

Remediation Fixes (Final)

Stripped down to key words & focal points in UI "fixes" & "recommendations".

Remediation Fixes (Final)

Stripped down to key words & focal points in UI "fixes" & "recommendations".

Remediation Fixes (Final)

Stripped down to key words & focal points in UI "fixes" & "recommendations".

Extensions & Integrations (Original)

Promoting extensions & security compliance throughout the SDLC.

Extensions & Integrations (Original)

Promoting extensions & security compliance throughout the SDLC.

Extensions & Integrations (Original)

Promoting extensions & security compliance throughout the SDLC.

Extensions & Integrations (Final)

Stripped down info to focus on SDLC, extensions, and policy check benefits without detail noise.

Extensions & Integrations (Final)

Stripped down info to focus on SDLC, extensions, and policy check benefits without detail noise.

Extensions & Integrations (Final)

Stripped down info to focus on SDLC, extensions, and policy check benefits without detail noise.

Vulnerability Checks (Original)

Scout assessing code vulnerabilities, fixability, and policy implications.

Vulnerability Checks (Original)

Scout assessing code vulnerabilities, fixability, and policy implications.

Vulnerability Checks (Original)

Scout assessing code vulnerabilities, fixability, and policy implications.

Vulnerability Checks (Final)

Keeping the point simple to promote its ability to call out policy & vulnerability compliance.

Vulnerability Checks (Final)

Keeping the point simple to promote its ability to call out policy & vulnerability compliance.

Vulnerability Checks (Final)

Keeping the point simple to promote its ability to call out policy & vulnerability compliance.

Prototype, Test, and Maintain

The new onboarding was handed off and implemented. Tests showed a successful engagement rate of 75% meaningful interactions with the new onboarding. This confirmed the decision to implement the new onboarding direction to the rest of Docker's Suite of Development Tools.