April — June 2021

Growing pains

Giro.tech is a sister company to Esparta and enlisted a newcomer UX intern and me to design and improve their platforms.

In a nutshell, Giro provides the tech for companies to process loans given out by their own clients — all types of shops and stores. Their platform would soon be overwhelmed by more workload.

We were first tasked with designing the web platform’s funds transfer experience within a couple of weeks.

I had designed for Giro before, but both of us were new to this service and its context. We ultimately landed a novel solution, but the aftermath revealed challenging workflow issues.

Business model: a complex system that involves multiple agents.
Pinpointing problems

We began by collecting business information from internal and external resources, which we synthesized into a document.

A single analyst currently used the platform, so we set aside some time shadowing her work. This part of her job involved transferring loans to people who took them out in those shops and stores (the diagram's bottom arrow). It was a tiring and error-prone task: 60 transfers took her 2 hours of manual work. By my teammate's suggestion, we mapped our findings in a 5W2H matrix.

Why?
How?
How much?
Problems
Where?
What?
Transferring.
Transfer > New transfer.
To fulfill loans of end clients.
Filling forms from a reference spreadsheet.
60/day in batches, but growing. 2h job.
Repetitive tasks, obstructive interactions and field formatting.
Synthesis: a sample of the matrix — it enabled us to boild down her tasks into their basic details.

We then flowcharted the platform to better visualize problems and explore solutions. My teammate also created a blueprint to sort out roles, actions, goals, and outputs.

Before: flowchart with annotated problems and solutions.

We put the most thought into relieving the repetitive tasks and supporting error management, leading to ideas involving bulk transferring and error visualization.

Bulk transferring: we added numbering for clarity, defined field auto-fills and a "import from spreadsheet" feature.
Error visualization: a filtered view shows errors and buttons for redoing transfers and marking as done.

After wireframing the solutions together, an availability change pressed me to complete the UI individually over the next couple of days. Thoughtful visual decisions would have to be made, as they would reflect on following projects.

Breaking ground: three later projects inherited components and rules created next.
Finding wins and losses

Fortunately, designing with base components and variants helped accelerate work without giving up experimentation and refinement.  We were pleased to deliver and present the design on time despite the narrow deadline.

However, the development phase ended up inciting several changes, which cost unexpected time. This made it clear that sheduling checkpoints and having more engineering involvement was particularly paramount with Giro. Besides negotiating better deadlines, I then assisted my teammate to increase dialogue and to share work early and often.

Inline transfer: in table form for one-off transfers.
Error visualization: conversely, we found a shortcut to editing company records wasn’t currently feasible.
Bulk transferring: it turned out that transfer data could be imported internally, so we included it while keeping a manual option.
Error visualization: the option was positioned along the filters.
Outcome

I’m grateful to UX Intern Jady Torralvo for the stellar collaboration and Giro’s Rene Luan, Rafaela Zandonai, and Flávio W. for their business and engineering support.

•••

This was the first of many projects with distinct technical complexity and limitations. The later adjustments served as opportunity to establish better practices in future work.

Nevertheless, I believe the project thrived in its user-centered research and ideas. Undoubtedly, Giro’s emerging design practice will help impact their internal and external users.

Audiverso

Next, find out how I designed an app for blind people as my thesis

© 2022  Vinicius Rosa Frahm
MadeiraMadeira

E-commerce
Cart & Checkout

MadeiraMadeira

E-commerce
Post-Purchase

© 2022  Vinicius Rosa Frahm