product designer
BORTKEVICH
EN
|
RU

Yandex Craud — analytics platform for A/B test results. Test assignment.

A B2B interface for an analytics platform designed to evaluate A/B test results. This project was completed as a test assignment for a major IT company and focuses on improving the handling of metrics, segments, and comparison across multiple test groups.

Figma file
Figma file
Full case on Behance
Full case on Behance
Goal
To design a user-friendly, scalable interface that simplifies A/B test result comparison, reduces cognitive load, and demonstrates a systematic approach to designing complex B2B products.
Problem
The original B2B interface of the analytics platform for evaluating A/B test results suffered from poor usability when working with metrics, segments, and comparing multiple test groups — leading to high cognitive load and inefficient workflows.
Key Solutions:
  • A table supporting side-by-side comparison of multiple test groups without losing context
  • Reduced visual noise through clear data hierarchy and typography
  • A truly scalable component-based approach ready for future expansion
  • Comprehensive UI states: loading, empty, error
  • Universal components functioning seamlessly in both light and dark themes
Result
I delivered a clean, logically structured analytics platform interface that makes working with A/B tests intuitive and data comparison more transparent.
This project showcases my ability in systematic UI design, managing complex logic, and creating scalable solutions tailored for B2B products.
Skills Gained
  • Designing complex analytical interfaces
  • Handling large datasets and advanced data tables
  • Building robust design systems and intricate UI components
  • Advanced Figma techniques (variables, variants, auto-layout)
  • Defining and implementing complete system interface states
What Was Done
  • Analyzed the original interface and identified key UX/UI issues
  • Restructured the analytics table layout and metric hierarchy
  • Designed a modular, component-based interface architecture
  • Configured Figma variables and variants
  • Implemented filtering by metrics, test groups, and segments
  • Defined all system interface states (loading, empty, error, etc.)
  • Adapted the interface for dark mode

Лендинг и визуальный стиль ДФЦ Москва — конверсионный сайт на Tilda и фирменная айдентика

Made on
Tilda