Sberbank
A commissioned UX/UI concept for a simplified version of SberBusiness — aimed at first-time entrepreneurs. Created during a design competition.
#hero —
#nav-trigger-1 —
attention
Important note
on visuals
Most interface mockups still contain original Russian text — the design was built partially in Figma and partially using annotated screenshots from the test version of the SberBusiness system.
Only the onboarding flow was fully localized and designed from scratch as an independent module.
This section includes a mix of mockups and screenshots. The UI logic and structure were the primary focus.
#attention —
Design
under
constrai..
Context
SberBusiness is a large and complex ecosystem. For new entrepreneurs, the interface can feel like a wall of functions, terms, and financial tools — all landing at once. The original banking dashboard assumes experience. This case challenge asked: how would you redesign it for someone who just registered their business yesterday?
Role & Contribution
I joined the team during the first concept stage — originally "just to help with visuals." But I quickly took over onboarding logic, dashboard structure, UI layout and prioritization. I rebuilt the onboarding structure and UI, designed the dashboard and content flow from scratch, and cleaned the navigation logic based on core user actions. All design work was created in Figma and referenced the test environment of the real SberBusiness system. The entire project was done for desktop only, with styling aligned to 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
Původní verze SberBusiness žádný onboarding nenabízela — uživatel byl hned vystaven komplexnímu rozhraní.
Navrhla jsem samostatný onboardingový modul, kde si uživatel vybere režim (základní nebo s asistencí AI), popíše své podnikání a získá doporučené funkce a kurzy na míru.
Návrh vychází z reálného prostředí systému a jako jediný je plně lokalizovaný do češtiny. Pomáhá snížit kognitivní zátěž a provede uživatele prvním nastavením.
Phase 3: Adjustements
#moodboard —
Step 2: Dashboards
#guidline —
I
Homepage Rework
Původní blok s účty jsme nahradili užitečnějšími widgety: finanční analýzou a AI pomocníkem, který nabízí praktické rady na míru. Cílem bylo zpřehlednit dashboard a přinést více hodnoty hned po přihlášení.
#Changelog
Zredukovali jsme počet položek v menu, odstranili jsme duplicitní a nesrozumitelné sekce. Cílem bylo zjednodušit orientaci pro začínající podnikatele.
II
Categories Adjustements
#Changelog
Do každé hlavní sekce byl přidán vzdělávací widget, který doporučuje relevantní kurz podle aktuálního tématu.
Uživatelé tak mohou procházet rozhraní a zároveň získávat užitečné informace a podporu přímo v kontextu svých úkolů.
III
Learning New
Doporučené kurzy (vpravo dole)
Sekce obsahuje krátké kurzy, které jsou doporučené na základě pokroku nebo výběru uživatele. Každý kurz uvádí počet lekcí a aktuální stav (např. „2 lekce | v procesu“ nebo „5 lekcí | ještě nezačato“).
#Details
AI pomocník (vpravo)
Konverzační widget pomáhá uživateli v orientaci, doporučuje kurzy a nástroje podle otázek zadaných v reálném čase. V tomto příkladu reaguje na dotaz: „Jak se zaregistrovat jako OSVČ?“
Redukovali jsme vizuální zahlcení horní části stránky a přidali widget s úrovní pokroku. Uživatel vidí svůj aktuální „level“ a může snadno navázat na kurz, který má rozpracovaný. Tento prvek lehké gamifikace pomáhá sledovat pokrok a motivuje k dokončení výuky.
IV
Courses New
#Details
Tento modul byl vytvořen pro nové podnikatele jako rychlý způsob, jak zvládnout základní procesy bez potřeby externích konzultací.
Nový formát lekce
Každá lekce se skládá z krátkého videa, textového shrnutí a seznamu klíčových bodů, které si uživatel odnese. Přidané jsou také doplňující materiály ke stažení a jednoduchý test pro ověření pochopení tématu.
Struktura
Video (typicky 10–15 minut) vysvětluje téma srozumitelně a krok za krokem.
Body lekce jasně ukazují, co se uživatel naučí (např. jak ověřit důvěryhodnost partnera).
Materiály ke stažení umožňují si informace uložit nebo vytisknout.
Test na konci lekce pomáhá upevnit znalosti.
What I learned
And what I'll definetely change next time.
This project reminded me how much structure shapes perception.
I didn’t redesign the brand, rewrite the content, or add new features — but just by cleaning layout logic and rethinking how components behave, the product felt more confident. And more human.
Even without access to analytics or user interviews, small design decisions added up: clearer form logic, cleaner cards, responsive behaviors that don't distract. It became easier to trust the interface — not because of gradients or microcopy, but because everything was where it should be.
That said — I wouldn’t do it the same way again.
I’d test more assumptions: see how people move through the flow, how fast they book, where they hesitate. I’d validate if visual clarity actually helped reduce friction or just felt better to me as a designer.
Visual trust is not a style — it’s a decision
Also, the cards could be more flexible. In hindsight, I’d make them easier to scale with things like promos, loyalty offers, or upsells. I focused on clarity — but didn’t test complexity.
Still, for a 2-day self-initiated project with no brief and no metrics, it did what I needed:
It challenged my assumptions.
And it made me rethink how much value lives in simple structure.
#context —
#reflections —