Sberbank
Certifikát Google UX
#hero —
#nav-trigger-1 —
attention
Important note
on visuals
Some mockups still contain original Russian text — the design was created partially in Figma and partially by annotating screenshots from a test version of SberBusiness.
Only the onboarding flow was fully localized into Czech and designed from scratch as a separate module.
This section shows a mix of mockups and interface fragments. The primary focus was on layout logic, interaction structure, and reducing user friction — not localization.
#attention —
Design
under
constrai..
Context
SberBusiness is a powerful ecosystem — but for new entrepreneurs, its interface can feel intimidating. Too many tools, terms, and tabs drop on the user all at once. The challenge:
How might we redesign the experience for someone who just registered their business yesterday?
Role & Contribution
I was invited mid-project to help with interface visuals — but ended up rebuilding the experience. I redesigned the onboarding flow from scratch, restructured the dashboard, cleaned up navigation, and helped shape the tool logic around the needs of complete beginners.
The team shared early wireframes via Miro, but I adapted or redesigned most of them. All visuals were created in Figma and aligned with Sber's test environment. This was a desktop-only prototype, styled to match the Sber brand.
What wireframes I had from the start.
A the example of the main dashboard
#context —
If the first screen makes you panic — it’s not onboarding. It’s sabotage.
Phase 1: Choosing settings
Phase 2: AI help
The original SberBusiness offered no onboarding — users were dropped into a complex interface from day one. I designed a modular onboarding flow that lets users choose between guided or manual setup, describe their business, and receive personalized tools and learning suggestions.
This was the only fully localized section (Czech) and was built entirely from scratch.
It now serves as the foundation for the rest of the experience.
Phase 3: Adjustements
#moodboard —
Step 2: Dashboards
#guidline —
I
Homepage Rework
Reducing clutter
We replaced the old account widgets with smarter components: a financial overview and an AI assistant offering contextual tips.
The goal was to bring clarity and value from the very first screen.
#Changelog
Streamlining navigation
We simplified the menu by removing duplicates and unclear items — helping users focus only on what matters in the early days of business.
II
Categories Adjustements
#Changelog
Education integration
Each main section now includes a small learning widget recommending a relevant micro-course based on what the user is currently working on.
This helps users learn without leaving the task they're focused on.
III
Learning New
Recommended courses
Short and actionable. Courses are suggested based on the user’s progress or business type.
Each one displays total lessons and current status (e.g. “2 lessons | in progress” or “5 lessons | not started”).
#Details
AI assistant
A conversational widget helps users ask real-time questions and get contextual tool/course suggestions.
For example: “How do I register as a sole proprietor?”
Progress bar / learning tracker
We added a progress tracker to the top of the dashboard to reduce visual overload and support learning flow.
Users see their current level, how many lessons remain, and can resume exactly where they left off.
This lightweight gamification helps keep momentum and builds motivation to complete the journey.
IV
Courses New
#Details
This module was designed for new entrepreneurs as a quick way to grasp essential processes — without external help.
New lesson format
Each lesson includes a short video, a clear text summary, and key takeaways.
There are also downloadable resources and a quick test to check understanding.
Structure
Videos (typically 10–15 minutes) explain each topic step-by-step.
Key points highlight what the user will learn (e.g., how to verify a business partner).
Users can save or print materials, and use the final quiz to reinforce their knowledge.
Reflexe
Reflexe
This project started without a brief — just a message along the lines of “we need some UI.” There was no research, no clear scope, and no product owner — only a deadline, a few chaotic wireframes, and a well-meaning team of economics and law students trying to design a fintech interface.
We spoke different dialects of the same goal. Their “dashboard” was a table with icons, “AI assistant” — a concept with no logic yet. “Just visuals” turned out to mean: define the structure, fix the flows, make it all work.
So I did — gradually, quietly, then entirely. Rebuilt onboarding from scratch, clarified layout logic, removed friction where possible. It wasn’t elegant, but it held together — like a system patched into place just before deployment.
There were gaps and contradictions, of course, but the process taught me something useful: sometimes, your real task isn’t to finish the design — it’s to find it first.
Využívání omezení k řízení rozhodnutí — zejména při definování funkcí.
Upřednostňování přístupnosti před vizuální složitostí.
Aplikování logiky komponent již na začátku, inspirováno Fluent 2.
Příliš mnoho barev na počátečních obrazovkách — narazilo to na cíle srozumitelnosti a přístupnosti.
Přehlížení základní struktury — ztížilo to prototypování víc, než bylo nutné. 4o mini
#context —
#reflections —