Context: Payments Microsite
Including UI & other projects about Accessibility and Design System
In the midst of the pandemic, We noticed many customers haven’t been able to pay their loans and credit cards. So, the bank facilitates the payments through some ways to help our customers so they could finish paying off or settle their debts
Understanding
the scope
What We knew about our customer’s needs to make better financial decisions:
1. Which is the best option to pay according to their possibilities?
2. How much is the total of their debt?
3. How clarify the information to make easy the payment?
4. Which is the ideal experience to facilitate understanding and payments?
5. What is the interest rate?
6. How long is the deadline to complete their payments with the news agreement?
Definition and designing
As a content strategist and UX writer on the project, I wrote the conversation and the structure of our landing page. One of my goals was to transform or translate all the financial terms into a language simple and human to facilitate their choices and understanding of each financial arrangement.
Facilitating and helping
We decide to have in the beginning our products as a possible option to pay, helping our customers with a question "What do you need to pay? In that way We are going to helping to show only the information according to the choise.
Simplifying the information
I was working on this by collaborating with POs, UX Designers, Marketing, Compliance, and IT. We were all looking after the user experience and CX. And my partner and I care about:
Terms, Interface, Hierarchy, Accessibility, Usability.
Lesson learned
Empathize with people’s needs.
Identify the business and product needs.
Ideate and define a clear scope to cover MVP.
Make the conversation easy although of financial and technicals terms.
Reduce cognitive load.
Facilitate the search effortless.
Wait…There are more bellow :)
Speaking about Design System & Accesibility
Part of my work in collaboration with the content, design system and accessibility team, so these images were pieces of definitions, projects and drafts.
First one - Snackbars that inform the user of an action that has been performed this project was for insurance of cars. We defined colours, structure and examples of the content necessary. We classify the type of alerts according the errors, status of some action, and messages about feedback to user.
Second one - How accessibility impacts SEO and a few recommendations that we began to applied.
And finally - Part of our Style Guide (English an Spanish)
How accessibility impacts SEO
With help and guide of a our director in accesibility, we evaluated some experiences in our website and app, so we check WCAG 2.0 and with the results we made a mail template and some suggestions to build together with designers and developers.
Better search ranking
Translation and Transcreation fo our Style Guide (EN-SP)