Fundación Gatitus

Gatitus Project

User-centered redesign to improve the adoption and donation experience

Gatitus Project

Objective

An Experience Design exercise

Redesign the adoption and donation experience at Fundación Gatitus, creating an intuitive and accessible interface that optimizes usability, clarity, and navigation of the process.

My role

  • UX/UI Research
  • Usability testing
  • Wireframe creation
  • Interactive prototypes in Figma
  • Interface design
  • Visual system
  • Basic HTML and CSS development

Tools

  • Figma
  • Illustrator
  • Photoshop
  • HTML and CSS
  • Git

Research

The website presented several usability problems that affected user navigation and interaction. Through heuristic analysis, surveys, and usability tests, the main barriers in the digital experience were identified, which allowed optimizing its structure to improve usability and accessibility.

Research

Three key pillars in Gatitus digital transformation

01

Adoption

The adoption process was redesigned to offer a simpler and more efficient experience. Navigation, information architecture, and form design were optimized to make them more intuitive.

  • More guided flow
  • Clearer information
  • Better form usability
  • Status tracking
02

Donations

The new donation experience simplifies the process, eliminating unnecessary steps and improving the visibility of payment options. Accessibility, clarity in information, and a more agile flow were prioritized to facilitate contribution.

  • Faster and more direct process
  • More visible and accessible payment options
  • Clear information about the destination of donations
  • Real-time confirmation and transparent tracking of the contribution
03

Visual identity evolution

The visual identity was renewed to strengthen the connection with users, aligning the aesthetics with the mission of the foundation.

The color palette maintains the representative green, but with better contrast and balance for a more accessible and modern experience.

Primary/800

#1b9b3c

Secondary/200

#bada55

Tertiary/200

#45ed7d

Neutral/300

#ffffff

Error/200

#f23d4f

Background/100

#f4f4f4

Neutral/100

#000000

Regular

Medium

Poppins Semibold

In addition to the new more readable typography, text sizes and hierarchies were adjusted to improve the reading experience.

Gatitus Project

This project represented a valuable opportunity to apply user-centered methodologies in a real context. From UX research to interactive prototyping, a more strategic approach to interface design was developed. In addition to strengthening technical skills, this process allowed me to deepen my understanding of the importance of accessible and functional design, especially in organizations with social impact. This experience consolidated my ability to make informed decisions, work with purpose, and design solutions that truly improve people's experience.

View on Behance