Cover

Design new workload creation experience, leading new user conversion by 5.2%.

Year

2023→2025

At

Microsoft Azure

Role

Product designer

Tool

Figma, Copilot, Userzoom

Location

Seattle, WA

Interactive prototypes

User flow

Usability study

A/B testing

View product site

01

02

03

04

05

01

02

03

04

05

01

WHAT DID WE TRYING TO SOLVE

WHAT DID WE TRYING TO SOLVE

WHAT DID WE TRYING TO SOLVE

WHAT DID WE TRYING TO SOLVE

We wanted to provide a smooth onboarding experience, driving product growth.

Azure is widely known for Windows-based deployments. My team aim to showcase available options and offer tailored workloads for Linux users.

70%

Users running cloud are using Linux

50M

Potential growth on Linux users

500K

Potential growth on organization subscription

02

USER

USER

USER

USER

Our targeted audiences are every single existing and future Azure users.

Our targeted audiences are every single existing and future Azure users.

User goals

1A

Seamless debugging

1B

Deploy something that will work right away

Deploy something that will work right away

1B

Deploy something that will work right away

Deploy something that will work right away

Painpoint

2A

Too many technical documentations

Too many technical documentations

2B

No explanation written in plain English

No explanation written in plain English

2C

Want to see code from documentations deploy live

Want to see code from documentations deploy live

03

BEFORE VS. AFTER

BEFORE VS. AFTER

BEFORE VS. AFTER

BEFORE VS. AFTER

03

LIVE DEMO

LIVE DEMO

LIVE DEMO

LIVE DEMO

04

IMPACTS

IMPACTS

IMPACTS

IMPACTS

We wanted to provide a smooth onboarding experience, driving product growth.

90%

Participants preferred new design in A/B testing

40% less

time spent onboarding

18M LTV

New users conversion

“This was really easy to use, and I even picked up some new tricks to make my deployments more efficient.”

Design goals

1A

Reducing deployment steps for deploying workloads

1B

Making workload deployment easier to understand

Challenges

2A

Redesigning Azure's product logic from many resource deployments on to one packaged deployment based on the usage scenarios

2B

Building together with my engineering partner, design solutions are fully functional and adapted to engineering restriction.

05

PROCESSES

PROCESSES

PROCESSES

PROCESSES

Design goals

1A

Reducing deployment steps for deploying workloads

1B

Making workload deployment easier to understand

Challenges

2A

Redesigning Azure's product logic from many resource deployments on to one packaged deployment based on the usage scenarios

2B

Building together with my engineering partner, design solutions are fully functional and adapted to engineering restriction.

PROCESSES

MILESTONES

MILESTONE

MILESTONE

I broke down ambigous goal into design milestones.


Features in deployment page were designed and rolled out gradually, based on technical feasibility. We shipped it in phases to gather quick feedback from users and leadership.

I broke down ambigous goal into design milestones.


Features in deployment page were designed and rolled out gradually, based on technical feasibility. We shipped it in phases to gather quick feedback from users and leadership.

ITERATION TIMELINE

ITERATION TIMELINE

ITERATION TIMELINE

In this stage, we aim to achieve one-click deployment, aligning with the ‘fast deploy’ design requirement.

MVP (shipped 2023)

One click deployment

Hover over to view details

In this stage, we aim to achieve one-click deployment, aligning with the ‘fast deploy’ design requirement.

MVP (shipped 2023)

One click deployment

Hover over to view details

In this stage, we aim to achieve one-click deployment, aligning with the ‘fast deploy’ design requirement.

MVP (shipped 2023)

One click deployment

Hover over to view details

Quick feedbacks from users

We conducted a round of usability study with first version of deployment page, using user feedbacks to lead our design decisions.

Takeaways

01 They responded positively to seeing the terminal and quickly deploying workloads.

02 They want a clearer understanding of the process, greater transparency, and more control over the deployment.

In this stage, after implementing one-click deployment, we focus on guiding users through the process by breaking down the workload into clear steps.

V2 (shipped 2024)

Step by step deployment

Hover over to view details

In this stage, after implementing one-click deployment, we focus on guiding users through the process by breaking down the workload into clear steps.

V2 (shipped 2024)

Step by step deployment

Hover over to view details

In this stage, after implementing one-click deployment, we focus on guiding users through the process by breaking down the workload into clear steps.

V2 (shipped 2024)

Step by step deployment

Hover over to view details

In our final design, users can view and run workload into clear steps as well as run in one click — a combination with two previous version

V3

Combined experience

Hover over to view details

In our final design, users can view and run workload into clear steps as well as run in one click — a combination with two previous version

V3

Combined experience

Hover over to view details

In our final design, users can view and run workload into clear steps as well as run in one click — a combination with two previous version

V3

Combined experience

Hover over to view details

NEXT PROJECT

Cover

Introduce AI to Azure to allow users' full creative freedom

Introduce AI to Azure to allow users' full creative freedom

Year

2023→2025

At

Microsoft Azure

Role

Product designer

Tool

Figma, Copilot

Location

Seattle, WA

Interactive prototypes

User flow

AI intergration

VIEW DESIGN ACHIEVE

CLICK TO VIEW

VIEW DESIGN ACHIEVE

CLICK TO VIEW

VIEW DESIGN ACHIEVE

CLICK TO VIEW

VIEW DESIGN ACHIEVE

CLICK TO VIEW