I have been creating digital products for 5 years for various platforms. My portfolio includes diverse solutions for different products - from retail, ecom, and sporttech to horeca and edtech projects. Currently, I am actively involved in implementing various LLMs and creating new pipelines to improve design processes.
I have been creating digital products for 5 years for various platforms. My portfolio includes diverse solutions for different products - from retail, ecom, and sporttech to horeca and edtech projects. Currently, I am actively involved in implementing various LLMs and creating new pipelines to improve design processes.
Mara UI
Product context
Mara UI is the internal design system of Mediatech, covering all products: from multiplatform streaming applications to landing pages and internal tools. It is used in design and frontend development simultaneously.
Product context
Mara UI is the internal design system of Mediatech, covering all products: from multiplatform streaming applications to landing pages and internal tools. It is used in design and frontend development simultaneously.
My role
Lead designer and initiator. Conceptualised the system, built it from scratch, and drove its implementation across the entire company. Mara UI remains in active use and continuous development to this day.
My role
Lead designer and initiator. Conceptualised the system, built it from scratch, and drove its implementation across the entire company. Mara UI remains in active use and continuous development to this day.
Problem
Every project started from scratch — time was wasted on decisions that had already been made before
The company was managing several products simultaneously, but there was no common foundation. The same decisions were being made over and over again — by both designers and developers.
Problem
Every project started from scratch — time was wasted on decisions that had already been made before
The company was managing several products simultaneously, but there was no common foundation. The same decisions were being made over and over again — by both designers and developers.
A button from one product could not be transferred to another without being redesigned
Colors, fonts, and spacing were chosen anew for each project
A multi-brand without a system relied solely on manual control
Every new project started with a blank canvas in Figma. Colors were chosen manually, typography had to be approved all over again, and components were rebuilt from scratch. The interesting part of the work—layout, hierarchy, marketing logic—was buried under setup tasks. Developers faced the same issue on their end: without a single library, every project grew in isolation.
Every new project started with a blank canvas in Figma. Colors were chosen manually, typography had to be approved all over again, and components were rebuilt from scratch. The interesting part of the work—layout, hierarchy, marketing logic—was buried under setup tasks. Developers faced the same issue on their end: without a single library, every project grew in isolation.
Solution
A two-tier system that covered all products and all platforms
I built a system of source variables and semantic tokens, a typographic scale, a numerical base, and a component library — everything is connected and everything switches.
Solution
A two-tier system that covered all products and all platforms
I built a system of source variables and semantic tokens, a typographic scale, a numerical base, and a component library — everything is connected and everything switches.
292 source-variables for four brands, 132 semantic tokens with light and dark theme support
Typography and spacing are based on a base unit of X = 4px, adapted for desktop, mobile, and TV
Components are configured via properties without breaking the link to the library, with Storybook for the frontend
A brand change is just one mode switch. A theme change is just one mode switch. A component built for TV+ works in Televizor.by without any rework. Inspired by Gravity UI, Undesign, and Shadcn, the system is flexible yet stays within reasonable boundaries. Additionally, I developed a web tool for quickly selecting and exporting colors from the palette, which completely eliminated a whole class of minor routine tasks.
A brand change is just one mode switch. A theme change is just one mode switch. A component built for TV+ works in Televizor.by without any rework. Inspired by Gravity UI, Undesign, and Shadcn, the system is flexible yet stays within reasonable boundaries. Additionally, I developed a web tool for quickly selecting and exporting colors from the palette, which completely eliminated a whole class of minor routine tasks.
Where it works
The system has caught on everywhere — from streaming to car dealerships
Mara UI has become the foundation for products of various scales and types — and it has performed equally well across all of them.
Where it works
The system has caught on everywhere — from streaming to car dealerships
Mara UI has become the foundation for products of various scales and types — and it has performed equally well across all of them.
TV+, Televizor.by, Hotel TV are multi-platform media products
DataHata, Canalona, Deepal — from a light landing page to a large catalog
Channel Maker is an internal tool, designed and laid out quickly
The player created for TV+ was reused in Televizor.by without a redesign. New DataHata pages are assembled quickly — structural decisions have already been made, and the team is focusing on content. Channel Maker, our internal EPG editor, was designed and laid out in minimal time precisely because the system was already ready.
The player created for TV+ was reused in Televizor.by without a redesign. New DataHata pages are assembled quickly — structural decisions have already been made, and the team is focusing on content. Channel Maker, our internal EPG editor, was designed and laid out in minimal time precisely because the system was already ready.
Result
One system, nine products, with each subsequent project completed faster than the last
The system has reduced routine time and freed up the team for meaningful work — this is visible in the figures and in how the team works every day.
Result
One system, nine products, with each subsequent project completed faster than the last
The system has reduced routine time and freed up the team for meaningful work — this is visible in the figures and in how the team works every day.
Time for designing a new page: 7 days → 3 days
Time to create a fully-fledged landing page: −45%
In production on Mara UI: 8–9 products, with another 3 in development
Six people use the system daily: one designer, two web developers, two Android developers, and one iOS developer. Interesting solutions — layout, hierarchy, what to say, and where — are what the team's time is now spent on. Everything else has already been done.
Six people use the system daily: one designer, two web developers, two Android developers, and one iOS developer. Interesting solutions — layout, hierarchy, what to say, and where — are what the team's time is now spent on. Everything else has already been done.