Skip to content

Payments Section Redesign for Stori

Understand why the existing payments section in the Stori app was not working effectively and causing confusion among users.

Understanding
the problem

I analyzed user behavior with heat maps and gathered real user feedback to uncover the root of the problem.

Then I broke down the key issues into clear, simple concepts
to address them individually and make the problem easier to understand.

Understanding the users

I analyzed the profile of Stori app users and created a user persona to better understand and empathize with their needs.

Alejandro Morales

Financial behavior:

  • Cautiously optimistic, actively seeks advice on improving financial health.
  • Saving for a home, building an emergency fund, and investing for long-term financial security.
  • Has experienced past issues with financial institutions.
  • Recently obtained his first credit card and is learning to manage credit responsibly.

Marketing Researching

I analyzed how other competitors solved the same problem.

Final solution

With all this information, I created initial sketches to explore possible solutions. Then I developed a final design using standardized components, aligned with the brand’s identity, and defined every microinteraction and visual detail with pixel-perfect precision.

Final sketches that shaped
the final solution.

I organized the content and used visual cues to guide users’ attention to the most important elements and ensure the screen is read effectively.

These heatmaps, generated using an AI tool, show where users are most likely to focus.

Let’s take your product
to the next level