Bricks by Avito
Bricks by Avito
Web builder for creating digital products
Web builder for creating digital products
Senior Product Designer
2024-Now
Senior Product Designer
2024-Now
In the Beginning
In the Beginning
In the Beginning
My task was to improve the UX, unify the interface and integrate a product-focused approach into the process.
My task was to improve the UX, unify the interface and integrate a product-focused approach into the process.
Bad UX & UI
Bad UX & UI
Good UX & UI
Good UX & UI
Good UX & UI
Old Design & Problems
Old Design & Problems
The product was developed without product design involvement - developers created
the interface on their own. This led to overload, weak navigation and broken user flow logic.
The product was developed without product design involvement - developers created the interface on their own. This led to overload, weak navigation and broken user flow logic.
The product was developed without product design involvement
- developers created the interface on their own.
This led to overload, weak navigation and broken user flow logic.
The product lacked visual hierarchy. The Bricks interface was visually flat — all elements looked the same, with no distinction in importance. Headings, containers, editable sections, static content, and interactive elements used identical styles, colors, and spacing. Users couldn’t quickly identify focus areas or understand what was primary or secondary. As a result, working with the system was slow and confusing, especially for new users.
The product lacked visual hierarchy. The Bricks interface was visually flat — all elements looked the same, with no distinction in importance. Headings, containers, editable sections, static content, and interactive elements used identical styles, colors, and spacing. Users couldn’t quickly identify focus areas or understand what was primary or secondary. As a result, working with the system was slow and confusing, especially for new users.
Labels and descriptions were overly technical and unclear. Most of the system used placeholder-style labels like Widget Label, widgetName, and MenuItem, which didn’t reflect the actual purpose of each component. When editing templates, users couldn’t tell what each block did, leading to mistakes and lack of confidence. This created friction and made the tool hard to adopt independently.
Labels and descriptions were overly technical and unclear. Most of the system used placeholder-style labels like Widget Label, widgetName, and MenuItem, which didn’t reflect the actual purpose of each component. When editing templates, users couldn’t tell what each block did, leading to mistakes and lack of confidence. This created friction and made the tool hard to adopt independently.
The interface lacked feedback for user actions. Before the redesign, the system gave no indication whether changes had been saved, blocks published, or edits applied. Users received no visual signal — no status labels, no confirmation, no interaction feedback. This led to uncertainty, repetitive actions, and frequent support requests.
The interface lacked feedback for user actions. Before the redesign, the system gave no indication whether changes had been saved, blocks published, or edits applied. Users received no visual signal — no status labels, no confirmation, no interaction feedback. This led to uncertainty, repetitive actions, and frequent support requests.
Product Benefits
Product Benefits
Fast results and hypothesis testing
The ability to quickly test hypotheses and add or edit your product's functionality
The ability to quickly test hypotheses and add or edit your product's functionality
Ease of setup with drag-and-drop blocks
You can change the structure of a page or product block in no time by dragging and dropping widgets within the product layout.
You can change the structure of a page or product block in no time by dragging and dropping widgets within the product layout.
All versions are stored securely
If you need to revert to a previous version, you can select it from the list stored in the product.
If you need to revert to a previous version, you can select it from the list stored in the product.
If you need to revert to a previous version, you can select it from the list stored in the product.
If you need to revert to a previous version, you can select it from the list stored in the product.