Dell Technologies

Contribution: 100% UX/UI

2023

Tool: Figma

Seemless cloud deployment and management

Apex Navigator
for Multicloud

Overview

Unified multicloud storage experience

Dell APEX Navigator for Multicloud allows IT teams to deploy and manage cloud storage across platforms like AWS and Azure. My role was to design workflows that made complex cloud processes intuitive and efficient, ensuring users could deploy and monitor storage with ease.

Key capabilities

  • Deployment: Automated provisioning reduces manual setup and ensures efficient configuration.

  • Management: A unified interface provides centralized monitoring of performance and resource utilization.

  • Data Mobility: Seamless data migration and cross-cloud integration enhance data flexibility and accessibility.

my role

Workflows, consistency, and interactive prototypes

Position: UX Designer
Team: 3 Designers, 1 UX Researcher, 1 UX Writer

Responsibilites

  • Overall UX

  • UI Design and Prototyping

  • Design Management

  • Interactive Prototypes

  • Version Control

Initial challenge

Aligning design systems and meeting tight deadlines

Challenge 1

Design System Inconsistency

  • Multiple design systems caused inconsistencies between Figma files and the live product.

  • Engineers built from scratch, increasing the risk of misalignment.

Solution 1
  • Standardized designs using the active design system.

  • Guided engineers to implement correct patterns.

  • Maintained clear documentation for easy reference.

Solution 2
  • Built interactive prototypes that simulated real interactions.

  • Focused on micro-interactions for a smooth, realistic experience.

  • Enabled faster approvals without requiring Figma navigation.

Solution 2
  • Built interactive prototypes that simulated real interactions.

  • Focused on micro-interactions for a smooth, realistic experience.

  • Enabled faster approvals without requiring Figma navigation.

Design Process

From PdM requirements to design execution

Outcome

Efficiency, collaboration, and stakeholder alignment

Faster Deployment & Smarter Management

Automated setup, real-time monitoring, and seamless cross-cloud data transfers for optimized performance.

Improved Stakeholder Alignment

Interactive prototypes provided a live preview, reducing Figma reviews and speeding up approvals.

Positive Feedback from diverse teams


Praised for high-quality prototypes and design clarity, enhancing cross-team collaboration.

Deployment

Intuitive step-by-step configuration process

1

Select Product and Cloud

2

Connect Cloud Account

3

Configure deployment details

Management

Performance monitoring and quick-access controls

1

Manage and monitor deployments

2

Monitor deployment performance with quick access to contorls

3

Manage cloud accounts

Data mobility

Data migration with progress and error notifications

1

Mobility dashboard

2

Source group details

3

Target details

Key takeaways

Adaptability, prototyping, and cross-team success

  • Adaptability: Quickly aligned designs with a new design system, ensuring consistency mid-project.

  • Prototyping: Interactive prototypes accelerated feedback and stakeholder alignment.

  • Collaboration: Close communication with engineers ensured accurate design implementation.