Goal: Update UX and UI interface to create ruble payment to counterparty based on new inputs.

Users: Individual entrepreneurs, accountants, SMEs.

Why: Visual integration of two platforms, business requirements and customer feedback.

My role: Product designer.

Team: Agile. Working closely with a small team: product owner, IT and QA engineers, an analyst and two designers.

Result: Successfully implemented and replicated
Part 1
Problem definition
It's embarrassing in a way
+ Unified field style throughout the application;
+ Redesigned code architecture;
- Each field is "branded" with its own icon. Difficulty to teach;
- No logical accents - single ribbon;
- Uniform scalability.

- Legacy code and legacy architecture;
- Field components are visually deprecated;
- Many different field handling patterns throughout the application;
- No logical emphasis;
- Inability to scale.
Part X
Research process
UX tests, research and customer interviews are not published due to confidentiality.
Part 2
Design process
Bringing double margins back to life;

Refactored indents, font sizes and colors;

Formed a clear logic for working with icons.
Highlighted in the background - key action;

Linked together with SberRating product;

Added transition to all details;
Now the new payment to the counterparty is definitely New!
Updated icons, field order and field names, and rewrote the architecture.
This product has been successfully replicated 100% at the end of 2020
Achieved a unified visual language of components and field structure;
Added Dark Theme;
Defined the accents: important - above, not important - hide;
Added SberRating product with reliability indicator;
Formed Counterparties in the form of a card - accentuated!
Improved VAT selection - it became more convenient and faster.