Yoomoney ex.Yandex – A fintech service that accepts online and offline payments. They are used by over 106,000 websites around the globe
Yoomoney ex.Yandex – A fintech service that accepts online and offline payments. They are used by over 106,000 websites around the globe
This is a jargon-free and user-friendly app specifically designed to engage newcomers who are interested in investing and trading
My role
My role
My role
My primary responsibility within Yoomoney has been to contribute to the development and enhancement of their web and mobile platforms. This involves collaborating with cross-functional teams, understanding user requirements, and implementing innovative solutions to improve user experience and functionality.
My primary responsibility within Yoomoney has been to contribute to the development and enhancement of their web and mobile platforms. This involves collaborating with cross-functional teams, understanding user requirements, and implementing innovative solutions to improve user experience and functionality.
My primary responsibility within Yoomoney has been to contribute to the development and enhancement of their web and mobile platforms. This involves collaborating with cross-functional teams, understanding user requirements, and implementing innovative solutions to improve user experience and functionality.
Product Design
Research
My areas of responsibility
My areas of responsibility
My areas of responsibility
I was responsible for a vast part of the product, including several platforms:
I was responsible for a vast part of the product, including several platforms:
I was responsible for a vast part of the product, including several platforms:
Onboarding
Onboarding
Onboarding
User profile
User profile
Invoicing
Invoicing
Invoicing
Auth & Reg
Auth and Regs
Auth and Regs
Design system
Design system
Design system
Navigation
Navigation
Navigation
Refunds
Refunds
Intro
Intro
Over the past nearly two years, I have been actively involved in various web and mobile projects within the company: rebranding, updating features, and functionality. I'm going to dive deeper into one of them - invoicing.
Goal
Goal
The primary idea behind this was to update user flows to help merchants gather more revenue. Subtask was to update the interface to the new design system.
Main metrics:
Error rate & NPS + Revenue / User
This is how the interface looked before ↓
The primary idea behind this was to update user flows to help merchants gather more revenue. Subtask was to update the interface to the new design system.
Main metrics:
Error rate & NPS + Revenue / User
This is how the interface looked before ↓
before state
Switching libraries
Switching libraries
Switching libraries
One of the task was to switch between Lego design library by Yandex to new library of Yoomoney + establish new patterns for new library
before state
Main actions:
Main actions:
Main actions:
Empathise
Empathise
Empathise
This revolves around understanding the problem from the end user's perspective. The goal is to assess the situation comprehensively to fully grasp the end user's needs.
This revolves around understanding the problem from the end user's perspective. The goal is to assess the situation comprehensively to fully grasp the end user's needs.
This revolves around understanding the problem from the end user's perspective. The goal is to assess the situation comprehensively to fully grasp the end user's needs.
user personas
Define and synthesize results
Define and synthesize results
Define and synthesize results
Step of the process the information collected from the empathise phase is analysed and interpreted. This step involves introspecting on the findings from the first stage to zero in on the issue at hand. This phase is focused on transforming that particular need into a defined plan.
Step of the process the information collected from the empathise phase is analysed and interpreted. This step involves introspecting on the findings from the first stage to zero in on the issue at hand. This phase is focused on transforming that particular need into a defined plan.
Step of the process the information collected from the empathise phase is analysed and interpreted. This step involves introspecting on the findings from the first stage to zero in on the issue at hand. This phase is focused on transforming that particular need into a defined plan.
User journey mapping
User journey mapping
User journey mapping
Understand the user's experience, identify pain points and opportunities for improvement, and create a more user-centered design.
Understand the user's experience, identify pain points and opportunities for improvement, and create a more user-centered design.
Understand the user's experience, identify pain points and opportunities for improvement, and create a more user-centered design.
Outcome of preliminary research
Outcome of preliminary research
Outcome of preliminary research
✦
Add more options for invoice sharing, like QR and reusable link
✦
Add more options for invoice sharing, like QR and reusable link
✦
Implement a feature to save drafts, as users may sometimes be interrupted by distractions
✦
Implement a feature to save drafts, as users may sometimes be interrupted by distractions
✦
Make invoice validity flexible and add details to invoices
✦
Make invoice validity flexible and add details to invoices
Explore different options
Explore different options
Explore different options
I created a variety of different options and developed multiple prototypes, which I then tested extensively with a diverse group of users to gather comprehensive feedback and insights.
I created a variety of different options and developed multiple prototypes, which I then tested extensively with a diverse group of users to gather comprehensive feedback and insights.
I created a variety of different options and developed multiple prototypes, which I then tested extensively with a diverse group of users to gather comprehensive feedback and insights.
early prototypes tests
Make an iteration
Make an iteration
Make an iteration
After testing and considering feedback, I revised some flows and made an iteration for developers.
After testing and considering feedback, I revised some flows and made an iteration for developers.
Features
Features
Features
Implementation
Implementation
Implementation
All flows were detailed and added to user flows, complete with comments and rules.
All flows were detailed and added to user flows, complete with comments and rules.
All flows were detailed and added to user flows, complete with comments and rules.
Results
Results
Results
✦
Improvements in Web and Mobile Platforms:
· Tangible improvements in performance and usability.
· Enhanced user satisfaction and engagement rates.
· Positive impact on the company's bottom line.
✦
Streamlined Checkout Process:
· 15%↑ in conversion rates within the first quarter.
· 34%↓ in payment and invoicing processing errors.
✦
Increased App Ratings:
The app's rating improved from 3.7 to 4.5 stars on the iOS App Store and to 4.6 stars on the Android Play Store.
