I’m Miro, a product designer with 3+ years of experience across TravelTech, MediaTech, and design systems. I build intuitive cross-platform interfaces, scalable components, and AI-enabled workflows.
About Me →A redesign that unlocked growth opportunities: interest in hotels increased by 9.3%, and new users delivered a +6.7% boost in bus bookings. Inside — how I drove traffic transitions into all business verticals.
One color system for four brands. I removed contrast and content modes, built a flat structure and a token name with clear rules. Inside — how a palette stopped storing the brand.
When a search finds no direct bus, the results now suggest another way to get there by train or plane. The redesigned search flow brought +45%. Inside — how the empty state became a sales scenario.
A reworked review step for baggage, seats, SMS alerts and auto check-in delivered +45% in add-on sales. Inside — how I made extras feel useful instead of pushy.
I rethought the Tutu home screen as the entry point into the whole product: big entries into every vertical, a compact search entry and native promo surfaces. Interest in hotels grew by +9.3%, and new users booked buses +6.7% more often.
Tutu is a travel super-app: flights, trains, buses, commuter trains, stays, car rental and tours. The home screen is where every trip starts, and it decides which of these products people discover.
In 2026 I led the redesign of the home screen and search. The first iteration was a soft facelift: refresh the look without a radical rebuild and prepare the ground for the next steps.
Turn the home screen into a hub that sends people into the whole product ecosystem.
A refreshed home screen will:
I took the current home screen apart block by block: what competes with search, where promo breaks the flow, which verticals are hard to find.
In short: accents everywhere and too much purple. Background, search, cashback badge, buttons and the travel feed all compete at once, block sizes are inconsistent, and the screen has no clear hierarchy.
Next I looked at how 14 super-apps and travel services build their home screens: how they show verticals, where search lives and how promo fits in.
From the audit and the benchmark I made drafts and tested them with users in three rounds. People got tasks, chose where to start a search and compared the new home screen with the current one. The heatmaps below come from these tests.
of participants found the new home screen more convenient than the current one
54 of 75 votesInstead of a heavy search form, the new home screen is lightweight and discovery-first.
Search collapsed into one compact entry point. It opens a single screen for everything: Tickets, Stays, Car and Tours on top, transport modes below, and the familiar From / To / When / Who fields.
One screen, one set of fields: each vertical only swaps the 3D illustration on top and the fields it needs.
The tab bar got new icons in the same visual language, tested separately on Android and rolled out to all users.
Kite serves four brands at once: tutu, alfa, rasp and yandex. I rebuilt its color token system from the palette up: a flat structure without contrast and content modes, a token name with clear rules, and one source of truth for every color.
Kite is the design system behind Tutu’s products. It serves four brands at the same time, so every color decision is multiplied by four.
The color system grew around one brand. When the product needed a redesign and new brands and themes, it stopped scaling. I took on the whole color layer: audit, new architecture, new naming and migration.
Rebuild the color architecture so it scales, supports several brands and makes the product easier to grow.
The audit found problems on all four levels: theme, palette, semantics and components.
The palette used one set of names for all brands: strawberry, banana, kiwi, teal, rose, halva. The names were invented for one brand. In the alfa or rasp mode the same name pointed to a completely different color. Adding a brand meant stretching its colors over someone else’s names and explaining to the team why banana isn’t yellow.
Switching the palette mode only swapped hex values. Everything else that makes a brand stayed the same for all four:
The palette held only solid hex values without alpha. Transparent colors lived elsewhere, with their hex written in by hand. When a brand color changed, the palette updated and the transparent tokens didn’t. There was no single source of truth. On top of that, semantic tokens were named after colors, like rose or teal, instead of what they mean.
Color was spread over five collections, each with its own modes:
A flat structure with clear naming will:
I went through every color and token in Kite level by level: theme, palette, semantics and components.
I collected what business, marketing and product need from color: brands, themes, promo and status messages.
I wrote down the base concepts so the team talks about color the same way.
The interface changes its look in a second without changing the structure of the screen.
The full set of paints we have. Raw building material.
The level of meaning and rules: which role a paint plays in the interface.
Fine settings for specific parts of the interface. The deepest level.
I removed the contrast and content modes (on high / on low). Contrast and the content that sits on a surface are now part of the token itself, so a token doesn’t change its meaning depending on a hidden mode.
Every color token is built from the same parts. The first ones are constant and say what the color is. The last ones are modifiers and pick the exact variant.
contentGroupWhere the color is used: background, overlay, content, borderaccentMeaningIts role: accent, status, neutral, brand, staticunoColor schemeA variant inside the meaning: uno…penta, positive, warning, negative, infoprimaryHierarchyHow important it is: primary, secondary, tertiary. Surfaces use contrast instead: low, med, highTen color ramps with fourteen steps each, from 100 to 950. Hover a swatch to see its token, click to copy the hex.
aubergine-550 · #6618E0
The base layer is done. Next come info color, the medium contrast and brand modes on the same architecture.
2025 - present
2025 - present