SberCloud:

Account Platform Redesign

SberCloud:

Account Platform
Redesign

SberCloud:

Account Platform
Redesign

Improved the Personal Account experience by redesigning core flows and optimizing the interface for better performance and scalability.

SberCloud is a cloud-based B2B platform offering a full range of IaaS and PaaS solutions: virtual machines, storage, cloud computing, API and support ML models powered by the Christofari supercomputer.

Product type

Cloud Services

Storage & Compute

B2B/B2C

IaaS/PaaS

API & Serverless

AI & ML

Role

Sr. Product Designer

Date

2021

Design Workflow

To redesign the Personal Account platform, we followed a step-by-step process - from defining user pain points to designing and testing solutions.

This created an experience that is both user-friendly and scalable for complex B2B services.

1. Context & Problem

1. Context & Problem

1. Context
& Problem

Identify issues with navigation, usability,
and managing cloud resources.

Identify issues with navigation, usability, and managing cloud resources.

Identify issues with navigation, usability,
and managing cloud resources.

2. Research
& Key Insight

Combined platform
audit, team feedback,
and competitor research with best practices
to define key challenges and opportunities.

3. User Flow

Map account management journeys across core services (VMs, storage,
ML models).

4. Wireframes

Prototype scenarios for resource creation, billing, and monitoring before moving to high fidelity visuals.

5. Visual Design

Create a clean,
consistent UI optimized for complex data and professional use.

6. Testing & Iteration

Validate flows with
users, gather data, and refine the platform for next releases.

2. Research & Key Insight

2. Research & Key Insight

Combined platform audit, team feedback,
and competitor research with best practices
to define key challenges and opportunities.

Combined platform audit,
team feedback, and competitor research with best practices
to define key challenges and opportunities.

Combined platform audit, team feedback, and competitor research with best practices to define key challenges and opportunities.

3. User Flow

3. User Flow

Map account management journeys across core services (VMs, storage, ML models).

4. Wireframes

4. Wireframes

Prototype scenarios for resource creation, billing, and monitoring before moving to high fidelity visuals.

5. Visual Design

5. Visual Design

Create a clean, consistent UI optimized
for complex data and professional use.

Create a clean, consistent UI optimized for complex data
and professional use.

Create a clean, consistent UI optimized for complex data and professional use.

6. Testing & Iteration

6. Testing & Iteration

Validate flows with users, gather data,

and refine the platform for next releases.

Validate flows with users, gather data, and refine the platform for next releases.

Validate flows with users, gather data,
and refine the platform for next releases.

Problem & Goal

The SberCloud Personal Account was used to manage cloud services, but had an outdated user experience and interface.

After the rebranding of the company and the creation of the design system, it became necessary to make a complete redesign of the platform, simplify scenarios, improve the experience of working with products and adapt the interface to scale visual and UX principles.

User needs

User needs

âž” Quick and easy registration;
âž” A clear introduction to the product features;
âž” Relevant content at the start;
âž” Understanding the next steps;
âž” Intuitive structure of the home screen;

âž” Quick access to used cloud services;

âž” Monitoring the status of services in real time;

âž” User rights and access management;

âž” Fast scaling and resource configuration;

âž” Integration with other services and APIs;

âž” Action history and logging for change control;

âž” Quick access to used cloud services;

âž” Monitoring the status of services in real time;

âž” User rights and access management;

âž” Fast scaling and resource configuration;

âž” Integration with other services and APIs;

âž” Action history and logging for change control;

âž” Quick access to used cloud services;

âž” Monitoring the status of services in real time;

âž” User rights and access management;

âž” Fast scaling and resource configuration;

âž” Integration with other services and APIs;

âž” Action history and logging for change control;

Business goals

Business goals

âž” Integrate new Design system and Brand identity to the User Portal;

âž” Prepare app architecture for scaling and integrating with external APIs;

âž” Reduce the workload of support;

âž” Automate the flow of registration and onboarding;

âž” Provide a flexible access and role management system;

âž” Integrate new Design system and Brand identity;

âž” Prepare app for scaling and integrating;

âž” Reduce the workload of support;

âž” Automate the flow of registration and onboarding;

âž” Provide a flexible access and management system;

âž” Integrate new Design system and Brand identity;

âž” Prepare app for scaling and integrating;

âž” Reduce the workload of support;

âž” Automate the flow of registration and onboarding;

âž” Provide a flexible access and management system;

Research & Analysis

To prepare for the redesign, we began by analyzing the existing solution and collect the team's feedback to understand which scenarios work well and which ones have problems and can’t work efficiently.

We conducted an audit of key scenarios, structure and identified key constraints and business goals provided by stakeholders.

🔒 More details about the research process and results are available upon request.

To prepare for the redesign, we began by analyzing the existing solution and collect the team's feedback to understand which scenarios work well and which ones have problems and can’t work efficiently.

We conducted an audit of key scenarios, structure and identified key constraints and business goals provided by stakeholders.

Stakeholder Interviews
& Brief Analysis

Data & Metrics Collection

Existing Solution
Review

Existing Solution
Review

Market & Competitor
Analysis

Market & Competitor
Analysis

Customer
Journey Map

Customer
Journey Map

Request Full Case Study

🔒 More details about the research process, design phases and results are available upon request due to NDA.

🔒 More details about the research
process, design phases and results are available upon request due to NDA.

Contact me on LinkedIn or by anatolybern@gmail.com to learn more
about the work process, challenges, and results achieved.

Contact me on LinkedIn or by anatolybern@gmail.com to learn more about the work process, challenges, and results achieved.

Design process

After conducting a research, we identified key challenges and growth opportunities. Based on these insights, we moved on to designing solutions and assets for scaling.

🔒 More details about the research process and results are available upon request.

User Flow

Data & Metrics Collection

Wireframes

Wireframes

Design System
& Visual Assets

Design System

& Visual Assets

Design System

& Visual Assets

Solutions

Solutions

Design system,
Materials
& New Identity

In addition, during product development, we carried out a large-scale rebranding: we updated the visual style, redesigned websites and marketing materials, and created a unified system of design and templates.

This allowed us to unify communications, increase brand consistency, and lay the foundation for further scaling.

Design System Integration
& Final Design

Design System
Integration
& Final Design

After the design system was developed and tested, key components were integrated into the updated structure of the Personal Account.

The result is a final design that combines user-friendly navigation, optimized user scenarios, and a unified modern visual style.

Some interface elements were designed in collaboration with outsource studio.

Design System
Integration
& Final Design

After the design system was developed and tested, key components were integrated into the updated structure of the Personal Account.

The result is a final design that combines user-friendly navigation, optimized user scenarios, and a unified modern visual style.

Some interface elements were designed
in collaboration with outsource studio.

Design system,
Materials & New Identity

Design system,
Materials
& New Identity

In addition, during product development, we carried out a large-scale rebranding: we updated the visual style, redesigned websites and marketing materials, and created a unified system of design and templates.

This allowed us to unify communications, increase brand consistency, and lay the foundation for further scaling.

Results & Impact

Because of redesign and optimization of processes, we were able to increase team efficiency, speed up the development and integration of new solutions, and reduce the workload of support.

The changes had a positive impact on both internal processes and user perception of the product.

🔒 More details about the results are available upon request.

Because of redesign and optimization of processes, we were able to increase team efficiency, speed up
the development and integration of new solutions,
and reduce the workload of support.

The changes had a positive impact on both internal processes and user perception of the product.

🔒 More details about the results are available upon request.

Easier Solutions
Integration

Easier Solutions
Integration

Speeding up new service integration into Platform due to the Design System in code.

Speeding up new service integration
into Platform due to the Design System in code;

Faster Layouts
Development

Faster Layouts
Development

Speed of development of new layouts, making design iterations faster and easier to deliver.

Speed of development of new page layouts, making design iterations faster and easier to deliver.

Better Cross-Team
Collaboration

Better Cross-Team
Collaboration

Clearer processes reduced friction and improved coordination.

Clearer processes reduced friction
and improved coordination.

Reduced Support
Workload

Reduced Support
Workload

Simplified flows lowered the number
of repetitive user requests and the workload
on support for basic questions.

Simplified flows lowered the number of repetitive user requests and the workload on support for basic questions;

Faster
Registration

The registration
flow became shorter,
clearer, and easier to complete.

Increased
Activation

More new users started performing key actions within the first 24 hours.

Improved Engagement

Users interacted
more actively with
the home screen and
its core features.

Scalable
Design System

A unified UI kit in code sped up product development and scaling.

Learnings & Next steps

Learnings
& Next steps

This project helped us define the most efficient approaches for scaling complex B2B services and improving client experience.

Through this project, we identified what works
best for scaling the product and keeping users engaged.

Conclusion & Learnings

Conclusion & Learnings

âž” Systematization and unification of the component library speeds up the creation, testing,
and development of layouts;
âž” Translating the Core part of the library into code speed up the integration and scaling;
âž” The configuration of the cross-functional team's workflow speeds up all stages of development;
âž” The optimization of key scenarios greatly reduces the load on support;

âž” Systematization and unification of the component library speeds up the creation, testing, and development of layouts;
âž” Translating the Core part of the library into code speed up the integration and scaling;
âž” The configuration of the cross-functional team's workflow speeds up all stages of development;
âž” The optimization of key scenarios greatly reduces the load on support;

âž” Systematization and unification of the component library speeds up the creation, testing and development;
âž” Translating the Core part of the library into code speed up the integration and scaling;
âž” The configuration of the cross-functional team's workflow speeds up all stages of development;
âž” The optimization of key scenarios greatly reduces the load on support;

Continue testing

Continue testing

âž” Scale the approach to other products and services in the ecosystem;
âž” Continue optimizing the design system and automating processes;
âž” Expand A/B testing for more accurate hypothesis testing;
âž” Deepen analytics on the use of Personal Account and services;
âž” Set up a process for collecting user feedback;

âž” Scale the approach to other products and services;
âž” Continue optimizing the design system and automating processes;
âž” Expand A/B testing;
âž” Deepen analytics on the use of Personal Account;
âž” Set up a process for collecting user feedback;

âž” Scale the approach to other products and services;
âž” Continue optimizing the design system and processes;
âž” Expand A/B testing;
âž” Deepen analytics on the use of Personal Account;
âž” Set up a process for collecting user feedback;

Request Full Case Study

🔒 More details about the research process, design phases and results are available upon request due to NDA.

🔒 More details about the research
process, design phases and results are available upon request due to NDA.

Contact me on LinkedIn or by anatolybern@gmail.com to learn more
about the work process, challenges, and results achieved.

Contact me on LinkedIn or by anatolybern@gmail.com to learn more about the work process, challenges, and results achieved.