Sberbank
Created during a design competition. Adapted over real SberBusiness dashboards to reduce overload and make the first steps less stressful.
#hero —
#nav-trigger-1 —
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 —
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.
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 —
#guidline —
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.
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.
Progress tracker
We introduced a lightweight progress tracker.
Users now see their current level and can easily return to a course-in-progress — a simple form of gamification to support learning continuity.
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.
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”).
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 timeline
Visualizes course progress — each module is marked as completed or active. Also shows the number of lessons and their completion status.
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.
What I learned
And what I'll definetely change next time.
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.
If no one owns the problem, congratulations.
It’s yours now.
I didn’t expect to lead anything here — but someone had to define what “done” meant. The further we went, the more the task shifted: from UI to UX, from UX to system thinking, from “make it pretty” to “make it make sense.”
What I’d do differently next time: ask harder questions earlier, protect the interface from trying to be everything at once, and define ownership before things get fuzzy.
#context —
#reflections —