Tomiin
Project details
Tomiin is an app for businesses and individuals to manage money, launched during the COVID-19 pandemic. It enables quick and hassle-free money transfers and payments via SPEI and QR code.
México.
This product is intended for both business-to-business and business-to-consumer users.
I was in charge of aligning the user, the product and the business.
I was also responsible for copy-writing.
User research
Ux writing
Overview
Introduction:
Tomiin is a Fintech solution geared towards small businesses, specifically micro-pymes. The app provides an easy and secure method for receiving payments via QR codes and SPEI.
Also, Tomiin caters to individuals seeking a secure platform to manage their finances and pay for services with their mobile device.
Project overview:
Collaborating with internal and external partners, the project aimed to design and launch both B2B and B2C apps. This would allow users to easily recognize the appropriate app for their needs and inform them of the other app’s existence as an advantage. Customers could trust that their transactions with Tomiin were secure, and businesses would know that users were already managing their money through Tomiin.
Main objectives
Differenciation
It was imperative to be able to easy recognize the version of the app, B2B or B2C.
Voice and tone
Create a "voice and tone" for communication, which would be used as a model not only for the app but also for the overall communication of the product. Content is essential in differentiating both app versions.
From chaos to opportunity
During these challenging times of Covid-19, utilizing digital money can offer significant benefits. With concerns over physical cash and the potential for illness, managing finances digitally promotes safety and convenience.
Design thinking:
This five-stage methodology guided the overall project.
User-centered approach:
Placing the user at the center of decision-making was crucial for designing and developing an optimal product.
Project phases
Research (fully online)
Design
Meeting with partners
Lean survey canvas (online)
Data analysis
Wireframes
Low fidelity prototypes
A/B test
Information architecture
Interviews (online)
User flow
Content proposals
High fidelity prototypes
Iterations
Launch
Post launch analysis
During this period, we conducted online brainstorming sessions, creativity workshops, and regular online meetings to ensure regular communication regarding the team’s progress and significant findings.
Although we were working with different teams, providers, and collaborators, the workflow was smooth as we used agile methodologies and the Trello tool to help the team work together.
Users
Main user group:
We have 2 main groups:
- MiPymes: Owners of small businesses in México. We had national coverage, even though we were targeting Mexico City and the metropolitan area for a market testing.
- Individuals seeking a tool to effectively manage their finances. People between the ages 25 and 45.
Focused on one country: México.
This six-stage methodology guided the overall project.
Examples of user personas:
Research & data analysis
Main findings
Although there were two different apps for B2B and B2C, users encountered some issues, as 15% of them started by downloading the wrong app. Despite the existence of two distinct applications for business-to-business and business-to-consumer, users encountered them as confusing and challenging, and 15% of them commenced by downloading the incorrect application.
The communication was unclear regarding the functionality of the app. Several users presented doubts about the differences between SPEI and the QR code payments and their benefits. Since this terminology is not widely used, it was important to make it accessible to everyone, as it was actually quite straightforward once they grasped the tasks and concepts.
Users were not expecting to change to a new method of managing their money or their business finances and payments, but the pandemic presented a challenge for them, and it turned into an episode that made them rush their technology adoption.
Design
Branding
Besides the black and white colors, which occupied 30% and 50%, respectively, the other 20% was designated to the main identifier colors, green and purple, for each app version. After defining those colors, the tones play a significant role as the application exhibits a remarkable contrast ratio, almost AAA in all instances, with a few exceptions exhibiting a contrast ratio of AA. Because we are not talking about a web app, but a mobile app, it is important to ensure that the app is suitable for low-quality screens.
Color palette:
The modern design of the TTcommons typography is specifically tailored for digital devices, which makes it ideal for apps looking to be accessible and perceived as modern without falling prey to overdesigned fonts. After extensive A/B testing, it has been determined that TT Commons is the optimal choice.
Typography:
The iconography was also renovated.
After conducting A/B testing, we realized that circular icons with the main blue (following the new branding guidelines) were the optimal choice. They have an AA level of contrast even in small formats.
Icons:
The user interface kit was customized for both application versions, with distinct requirements for each. Both apps shared imagery and language, while also being clear about the differences between the products, especially the use of strong and contrasting colors.
The design system was clear and well organized on Figma, which allowed for a very fluid collaboration among teams.
The main tools used were Figma and Trello, along with the Adobe Creative Suite.
Versions:
Tomiin
WEB
The web was meant to help users understand the product and download the app.
The apps
