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;
