Consolidating a Marketplace Design System at Scale
Consolidating a Marketplace Design System at Scale
Consolidating a Marketplace Design System at Scale
How I brought structure to a fragmented marketplace during Ozon's first major brand redesign in a decade
How I brought structure to a fragmented marketplace during Ozon's first major brand redesign in a decade
How I brought structure to a fragmented marketplace during Ozon's first major brand redesign in a decade
Scope of work
Scope of work
Contributed to Ozon's first major brand redesign in a decade.
Initiated a cross-team effort to consolidate fragmented interface patterns into a more unified marketplace design system.
Designed high-volume marketplace surfaces across apparel, auto parts, garden, and other retail verticals.
Worked on category navigation, faceted filtering, product cards, badges, recommendation shelves, advertising formats, and Ozon Premium.
Designed the app-promo landing page, which remained live after the project.
Contributed to Ozon’s first major brand redesign in a decade.
Initiated a cross-team effort to consolidate fragmented interface patterns into a more unified marketplace design system.
Designed high-volume marketplace surfaces across apparel, auto parts, garden, and other retail verticals.
Worked on category navigation, faceted filtering, product cards, badges, recommendation shelves, advertising formats, and Ozon Premium.
Designed the app-promo landing page, which remained live after the project.
The challenge was not to make one page look better. It was to make a large marketplace feel like one coherent product while preserving the flexibility required by many teams and categories.
The challenge was not to make one page look better. It was to make a large marketplace feel like one coherent product while preserving the flexibility required by many teams and categories.
Context
Context
Ozon was one of Russia's largest e-commerce marketplaces, processing 32.2 million orders and approximately RUB 80.8 billion in GMV in 2019 across more than 20 product categories.
At this scale, the interface is produced by many teams at once. Different product areas, merchandising needs, advertising placements, and category-specific requirements can gradually create a fragmented experience: similar components behave differently, visual patterns drift apart, and every new feature requires another one-off decision.
At this scale, the interface is produced by many teams at once. Different product areas, merchandising needs, advertising placements, and category-specific requirements can gradually create a fragmented experience: similar components behave differently, visual patterns drift apart, and every new feature requires another one-off decision.
When I joined Ozon as a UX/UI Designer, the company was preparing its first major brand redesign in a decade. The redesign created an opportunity to do more than update the visual language. It was a chance to bring structure to the patterns that made up the marketplace and make them easier to reuse across teams.
When I joined Ozon as a UX/UI Designer, the company was preparing its first major brand redesign in a decade. The redesign created an opportunity to do more than update the visual language. It was a chance to bring structure to the patterns that made up the marketplace and make them easier to reuse across teams.
The Сhallenge
The marketplace had to support two opposing needs:
Consistency: shoppers should recognize the same product logic across categories and surfaces.
Flexibility: apparel, auto parts, garden products, promotions, advertising, and subscription benefits all have different information and merchandising requirements.
The marketplace had to support two opposing needs:
Consistency: shoppers should recognize the same product logic across categories and surfaces.
Flexibility: apparel, auto parts, garden products, promotions, advertising, and subscription benefits all have different information and merchandising requirements.
A generic design system would not be enough. The work needed to define reusable patterns while accounting for the density and complexity of a marketplace assortment.
A generic design system would not be enough. The work needed to define reusable patterns while accounting for the density and complexity of a marketplace assortment.
The key questions were:
Which interface patterns should become shared building blocks?
How can category-specific information stay useful without creating a completely different experience for every vertical?
How can advertising and merchandising surfaces be standardized without making them feel disconnected from the shopping journey?
The key questions were:
Which interface patterns should become shared building blocks?
How can category-specific information stay useful without creating a completely different experience for every vertical?
How can advertising and merchandising surfaces be standardized without making them feel disconnected from the shopping journey?
My role
My role
I worked across product design, visual consistency, and design-system coordination:
designed storefront and category navigation across several retail verticals;
designed catalog filtering for an assortment of millions of products;
created reusable treatments for product cards, badges, and recommendation shelves;
standardized advertising and banner formats into consistent patterns;
contributed to the scaling of the Ozon Premium brand;
initiated a cross-team effort to consolidate fragmented interface patterns;
brought design leads and developers together around a more unified system;
designed the Ozon app-promo landing page.
I worked across product design, visual consistency, and design-system coordination:
designed storefront and category navigation across several retail verticals;
designed catalog filtering for an assortment of millions of products;
created reusable treatments for product cards, badges, and recommendation shelves;
standardized advertising and banner formats into consistent patterns;
contributed to the scaling of the Ozon Premium brand;
initiated a cross-team effort to consolidate fragmented interface patterns;
brought design leads and developers together around a more unified system;
designed the Ozon app-promo landing page.
The design-system initiative was not a separate task handed down to me. I recognized the fragmentation problem in the course of working on marketplace surfaces and mobilized the people needed to address it: design leads across teams and developers who could help turn the patterns into something reusable.
The design-system initiative was not a separate task handed down to me. I recognized the fragmentation problem in the course of working on marketplace surfaces and mobilized the people needed to address it: design leads across teams and developers who could help turn the patterns into something reusable.
Seeing the marketplace as a system
Seeing the marketplace as a system
1. Identifying recurring patterns
The first step was to look beyond individual screens. A marketplace contains many repeated decisions:
how a product is represented in a card;
where a badge appears and what it communicates;
how recommendations are presented;
how users enter a category;
how filters behave when the number of attributes grows;
where promotional and advertising content appears;
how branded subscription benefits are surfaced.
The first step was to look beyond individual screens. A marketplace contains many repeated decisions:
how a product is represented in a card;
where a badge appears and what it communicates;
how recommendations are presented;
how users enter a category;
how filters behave when the number of attributes grows;
where promotional and advertising content appears;
how branded subscription benefits are surfaced.
These patterns were often similar in purpose but different in execution. That created unnecessary cognitive load for shoppers and unnecessary design effort for teams.
These patterns were often similar in purpose but different in execution. That created unnecessary cognitive load for shoppers and unnecessary design effort for teams.
2. Starting a cross-team consolidation effort
I initiated a cross-team effort to consolidate fragmented interface patterns into a more unified marketplace design system. The work involved rallying design leads and recruiting developers, because consistency could not be solved by design files alone.
I initiated a cross-team effort to consolidate fragmented interface patterns into a more unified marketplace design system. The work involved rallying design leads and recruiting developers, because consistency could not be solved by design files alone.
The goal was not to create a rigid set of templates. It was to establish shared foundations and reusable patterns that could support many product areas while leaving room for meaningful category differences.
The goal was not to create a rigid set of templates. It was to establish shared foundations and reusable patterns that could support many product areas while leaving room for meaningful category differences.
This changed the conversation from “which version of this component should we use on this page?” to “what is the underlying pattern, what states does it need, and where should it be reused?”
This changed the conversation from «which version of this component should we use on this page?» to «what is the underlying pattern, what states does it need, and where should it be reused?»
3. Balancing shared logic with category complexity
The marketplace covered categories with very different buying decisions. Apparel shoppers may need to compare sizes, colors, and styles. Auto-parts shoppers may need compatibility and technical attributes. Garden products may require dimensions, materials, or seasonal context.
The marketplace covered categories with very different buying decisions. Apparel shoppers may need to compare sizes, colors, and styles. Auto-parts shoppers may need compatibility and technical attributes. Garden products may require dimensions, materials, or seasonal context.
The interface therefore needed a common structure without pretending that all categories were identical. Shared patterns provided a stable interaction model, while category-specific attributes could still appear where they helped shoppers make a decision.
The interface therefore needed a common structure without pretending that all categories were identical. Shared patterns provided a stable interaction model, while category-specific attributes could still appear where they helped shoppers make a decision.
Designing the core marketplace surfaces
Designing the core marketplace surfaces
Storefront and category navigation
I designed storefront and category-navigation experiences across apparel, auto parts, and garden. These surfaces had to help shoppers understand where they were, what they could browse, and how to move from a broad category into a more relevant assortment.
I designed storefront and category-navigation experiences across apparel, auto parts, and garden. These surfaces had to help shoppers understand where they were, what they could browse, and how to move from a broad category into a more relevant assortment.
The work included entry points into categories, navigation structures, and merchandising surfaces that connected browsing with product discovery.
Product cards and merchandising surfaces
Product cards are one of the most repeated elements in a marketplace. A small inconsistency is multiplied across search results, category pages, recommendations, and promotional placements.
Product cards are one of the most repeated elements in a marketplace. A small inconsistency is multiplied across search results, category pages, recommendations, and promotional placements.
I worked on:
shoppable product-card treatments;
on-card badges;
recommendation shelves;
the hierarchy of information inside dense product representations;
reusable patterns that could support both everyday browsing and merchandising goals.
I worked on:
shoppable product-card treatments;
on-card badges;
recommendation shelves;
the hierarchy of information inside dense product representations;
reusable patterns that could support both everyday browsing and merchandising goals.
The design challenge was to make the card useful at a glance without overloading it with every possible piece of product information. The reusable pattern had to be flexible enough for different categories and clear enough to preserve scanability.
The design challenge was to make the card useful at a glance without overloading it with every possible piece of product information. The reusable pattern had to be flexible enough for different categories and clear enough to preserve scanability.
Catalog filtering
I designed Ozon's catalog-filtering experience — the system shoppers used to narrow an assortment of millions of products down to relevant results.
I designed Ozon’s catalog-filtering experience — the system shoppers used to narrow an assortment of millions of products down to relevant results.
Filtering is where marketplace complexity becomes visible to the user. A filter can be technically complete and still be difficult to use if the structure, hierarchy, or interaction model does not match the shopper's decision process.
Filtering is where marketplace complexity becomes visible to the user. A filter can be technically complete and still be difficult to use if the structure, hierarchy, or interaction model does not match the shopper’s decision process.
The work focused on making a large attribute-heavy assortment more navigable and giving users a clearer path from a broad catalog to a manageable set of products.
The work focused on making a large attribute-heavy assortment more navigable and giving users a clearer path from a broad catalog to a manageable set of products.
Standardizing the commercial layer
Standardizing the commercial layer
The marketplace also needed to communicate promotions, advertising, and subscription benefits. These surfaces were important to the business, but if every team created its own format, they could compete with the shopping experience and make the product feel inconsistent.
The marketplace also needed to communicate promotions, advertising, and subscription benefits. These surfaces were important to the business, but if every team created its own format, they could compete with the shopping experience and make the product feel inconsistent.
Advertising and banner formats
I helped standardize Ozon's advertising and banner formats into consistent, reusable patterns. The system had to accommodate the thousands of banners a marketplace can require while giving teams clearer rules for hierarchy, placement, and presentation.
I helped standardize Ozon’s advertising and banner formats into consistent, reusable patterns. The system had to accommodate the thousands of banners a marketplace can require while giving teams clearer rules for hierarchy, placement, and presentation.
This made advertising a more structured part of the product rather than a collection of unrelated visual exceptions.
This made advertising a more structured part of the product rather than a collection of unrelated visual exceptions.
Ozon Premium
I also contributed to scaling the Ozon Premium brand within the wider marketplace experience. Subscription products need to be recognizable and persuasive without being visually disconnected from the core product.
I also contributed to scaling the Ozon Premium brand within the wider marketplace experience. Subscription products need to be recognizable and persuasive without being visually disconnected from the core product.
The work helped extend the broader redesign into a commercial surface with its own value proposition, benefits, and communication needs.
The work helped extend the broader redesign into a commercial surface with its own value proposition, benefits, and communication needs.
The app-promo landing page
The app-promo landing page
As part of the broader product work, I designed Ozon's app-promo landing page. The page had a clear job: explain the value of the mobile app and move visitors toward installation.
As part of the broader product work, I designed Ozon’s app-promo landing page. The page had a clear job: explain the value of the mobile app and move visitors toward installation.
The design translated the marketplace brand into a focused acquisition experience, with a simpler narrative than the full e-commerce product. The page remained live after the project, which made it one of the more durable outputs of the work.
The design translated the marketplace brand into a focused acquisition experience, with a simpler narrative than the full e-commerce product. The page remained live after the project, which made it one of the more durable outputs of the work.
Impact
Impact
The work contributed to Ozon's transition from a collection of independently evolving interface areas toward a more coherent marketplace system.
The work contributed to Ozon’s transition from a collection of independently evolving interface areas toward a more coherent marketplace system.
For shoppers
• more recognizable interaction patterns across categories and surfaces;
clearer navigation through large product assortments;
more structured product-card and recommendation experiences;
a more consistent relationship between browsing, merchandising, and advertising.
more recognizable interaction patterns across categories and surfaces;
clearer navigation through large product assortments;
more structured product-card and recommendation experiences;
a more consistent relationship between browsing, merchandising, and advertising.
For product teams
• shared patterns that could be reused across high-volume surfaces;
clearer foundations for designing new marketplace experiences;
less dependence on one-off visual decisions;
a stronger connection between brand redesign and product-system thinking.
shared patterns that could be reused across high-volume surfaces;
clearer foundations for designing new marketplace experiences;
less dependence on one-off visual decisions;
a stronger connection between brand redesign and product-system thinking.
For the organization
• design leads and developers were brought into a shared consolidation effort;
the redesign became an opportunity to improve the underlying system, not only its visual layer;
the product gained a more scalable basis for future categories, promotions, and commercial surfaces.
design leads and developers were brought into a shared consolidation effort;
the redesign became an opportunity to improve the underlying system, not only its visual layer;
the product gained a more scalable basis for future categories, promotions, and commercial surfaces.
There is no single business metric in the available project materials that captures the entire contribution. The strongest evidence of impact is the breadth of surfaces covered, the cross-team system work initiated, and the reuse potential of the patterns created during the redesign.
There is no single business metric in the available project materials that captures the entire contribution. The strongest evidence of impact is the breadth of surfaces covered, the cross-team system work initiated, and the reuse potential of the patterns created during the redesign.
My impact and leadership
My impact and leadership
I took initiative beyond my immediate screen-level assignments:
identified repeated inconsistencies across marketplace surfaces;
formulated the need for a shared system;
rallied design leads around consolidation;
recruited developers to make the work implementable;
connected category UX, merchandising, advertising, and brand work;
designed within the constraints of a marketplace rather than a single product vertical.
I took initiative beyond my immediate screen-level assignments:
identified repeated inconsistencies across marketplace surfaces;
formulated the need for a shared system;
rallied design leads around consolidation;
recruited developers to make the work implementable;
connected category UX, merchandising, advertising, and brand work;
designed within the constraints of a marketplace rather than a single product vertical.
This was an early example of the kind of work I later continued in other roles: looking at the product as a system, finding where complexity accumulates, and creating structures that help teams make better decisions repeatedly.
This was an early example of the kind of work I later continued in other roles: looking at the product as a system, finding where complexity accumulates, and creating structures that help teams make better decisions repeatedly.
Key learnings
Key learnings
A design system is an organizational tool
A design system is an organizational tool
A library of components is only one part of a design system. The more difficult work is aligning teams on shared patterns, naming the decisions behind them, and making the system usable in day-to-day product work.
A library of components is only one part of a design system. The more difficult work is aligning teams on shared patterns, naming the decisions behind them, and making the system usable in day-to-day product work.
Marketplace design is about controlled flexibility
Marketplace design is about controlled flexibility
Consistency does not mean making every category look the same. The system should provide shared interaction principles while allowing the content model and decision-making needs of each category to remain meaningful.
Consistency does not mean making every category look the same. The system should provide shared interaction principles while allowing the content model and decision-making needs of each category to remain meaningful.
Repetition makes small decisions strategic
A product-card treatment, badge, filter control, or banner format may look like a small detail on one screen. In a marketplace, that detail can appear thousands or millions of times. Reusable patterns therefore have both a UX impact and an operational impact on the design organization.
A product-card treatment, badge, filter control, or banner format may look like a small detail on one screen. In a marketplace, that detail can appear thousands or millions of times. Reusable patterns therefore have both a UX impact and an operational impact on the design organization.
Brand redesign can be a product opportunity
The best brand redesigns do more than update colors and typography. They create a moment to revisit the patterns, relationships, and rules that make the product feel coherent.
The best brand redesigns do more than update colors and typography. They create a moment to revisit the patterns, relationships, and rules that make the product feel coherent.
What I would show in the final portfolio version
What I would show in the final portfolio version
To turn this narrative into a visual case study, I would include:
a before/after map of fragmented versus consolidated patterns;
one category-navigation flow across two contrasting verticals;
a catalog-filtering example showing how attributes are structured;
a product-card anatomy diagram with reusable states;
a small matrix of banner and advertising formats;
a diagram showing how design leads, developers, and product surfaces connected through the consolidation effort;
the final app-promo landing page as a durable shipped artifact.
To turn this narrative into a visual case study, I would include:
a before/after map of fragmented versus consolidated patterns;
one category-navigation flow across two contrasting verticals;
a catalog-filtering example showing how attributes are structured;
a product-card anatomy diagram with reusable states;
a small matrix of banner and advertising formats;
a diagram showing how design leads, developers, and product surfaces connected through the consolidation effort;
the final app-promo landing page as a durable shipped artifact.
Back to all works
Back to top
Back to all works
