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
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
Android
+ 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.
iOS
- Legacy code and legacy architecture;
- Field components are visually deprecated;
- Many different field handling patterns throughout the application;
- No logical emphasis;
- Inability to scale.
+ 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.
iOS
- 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.
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;
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.
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.
