UX/UI Design

I have experience designing and optimizing user interfaces with a focus on usability, accessibility, and responsive design. My work includes creating wireframes, prototypes, and scalable design systems aligned with brand identity. In addition, as a Content Manager, I coordinated the design, adaptation, and publishing of digital content across platforms, ensuring consistency and seamless collaboration with development teams to guarantee an effective user experience.

Content Manager at ZARA

As a Content Manager at Zara, I was responsible for managing and optimizing marketing content across the global website and app. These screen recordings showcase reviews of various projects I worked on, including adaptations in dark mode and RTL (right-to-left) for international markets.

My role covered the full content management cycle: structuring and laying out content across all resolutions with optimal breakpoints, scaling and optimizing assets, and ensuring consistent quality across platforms. I also coordinated communication with external teams and worked closely with the development team to guarantee smooth integration and flawless performance of the content across devices and markets.

E-commerce Landing Prototype

I designed a mobile-first landing page prototype in both landscape and portrait formats, with all assets — product photos, models, and video — generated using AI tools such as RunwayML, MidJourney, and Pika Labs. The layout and interface were developed in Figma, integrating content and design into a cohesive e-commerce concept.

The scope included a hero campaign section, product categories, a brand manifesto banner, and a promotional banner. The project was conceived and assembled on an accelerated timeline, showcasing the combination of AI-powered asset creation with UX/UI design expertise to deliver a polished and visually engaging prototype.

Web Design & Redesign

I have extensive experience designing and redesigning websites with WordPress, using builders such as Elementor, WPBakery, and custom templates to create responsive, user-centered, and visually consistent solutions. My work ranges from adapting existing structures and refreshing outdated layouts, to building new digital experiences from scratch, always aligned with brand guidelines and business goals.

Among these projects, I developed my own portfolio website, which showcases my ability to design a platform that is not only visually appealing but also structured to highlight work efficiently, ensuring smooth navigation and accessibility across devices.

In every project, I focus on improving navigation flows, restructuring content hierarchy, and enhancing usability, customizing layouts and integrating multimedia content while optimizing performance for seamless interaction.

I have worked on websites across different sectors and industries, from corporate platforms to commercial landing pages, combining creativity and technical expertise to deliver digital solutions that strengthen communication, user experience, and brand presence.

CASE STUDIES

Let it beenk!

As part of the bootcamp, we were challenged to create a Fintech PFM (Personal Financial Management) focused on the new generations, Millennials and Centennials, with the aim of regaining confidence in the banking sector in these generations.

To start this challenge, we had to know what we were talking about, in which world we were going to face, so we started by creating some research objectives. The first thing we had to understand was what fintech was and what was its current positioning within banking, as well as understanding such as it interacted with traditional banking as well as its similarities and differences. In which we found that there is a great diversity of Fintechs, which specialize in different sectors of banking and the economy, as well as PFMs can not completely cover the needs of users, so traditional banking is still necessary.
The use of PFMs in everyday life improves convenience and streamlines certain routine processes and in recent years we can see a great growth of cryptocurrencies and investment in them.

Once we understood the Fintech ecosystem and specifically the PFMs, we started to investigate the “ Millennial and Centennial generations. From this process we obtained a series of guidelines and biases that would give us the keys to adapt the interviews and surveys to our target users.

Common traits between both generations:

  • Accustomed to globalization.
  • Digital construction of identity.
  • They live with disbelief of everything institutional.
  • They assume the “economy of uncertainty”.

Demands to banking services:

  • Accustomed to globalization.
  • They value the digitalization of banking services.
  • They take into account the offer of additional products that streamline and facilitate their daily lives.
  • They demand offers, grants and financial aid due to the general precariousness of their economy.
  • They demand immediacy in banking processes.

What’s on the market

We conducted a benchmarking, analyzing the different existing PFMs, both those of traditional banking, such as BBVA, Santander or Ing; as well as PFMs that are not linked to any bank such as Fintonic, Goin and Arbor, among others.

From this analysis we have been able to conclude that:

  • Apps from large banks have more resources and therefore, their digital platforms are more complete and versatile.
  • External PFMs have more specific services to cover certain needs such as savings.
  • The security of personal data in this area is a top priority.
  • Visual support to reinforce the verbal message is important, especially in technical areas.
  • Platforms with an initial walkthrough help users to familiarize themselves with the platform, avoiding possible usage errors in the future and ensuring a better user experience.

With these conclusions, it was time to get to know the user and contrast the information obtained in the desk research with what our users, millennials and centennials, think.

First we conducted a survey of 90 people, where we were able to classify our users by age and see, according to their generation, what relationship they have with digital banking and PFMs, starting by knowing if they are familiar with the terminology. We were also able to see, broadly speaking, which banking entities are the most used by these generations in Spain and what is the main use they give to the platforms, among other things.

At the same time, we conducted a 21-question interview with 10 users in order to find out what they think of traditional banking, online banking and PFMs.

From this we were able to conclude several things:

  • The activities most performed in PFMs are related to savings, transfers and personal finance.
  • 50% of respondents only use their bank’s app.
  • 63% of respondents have more than one account in different banks.
  • 87% of the respondents have their accounts in big banks.
  • 92% of respondents use their banking app a couple of times a week or more.
  • New generations prefer to do their banking digitally.
  • They demand tools that control their spending and help them save.
  • They consider the understanding of the financial terms used to be complex.
  • They demand agile and immediate communication systems with the platforms.
  • They have a very negative perception of traditional banking.

    With all this, we created our affinity map, with which we were able to obtain an overall view of the research, from which, by voting on the points that each team member considered most important, we arrived at our Insights:

    • There is a loss of confidence in traditional banking.
    • There is a demand to update and adapt financial products to target users.
    • There is a communication difficulty caused by the language used by banks.
    • Unification of services in a single application.
    • Streamlining of operations.
    • Personalization of services and products.

 

Once we got the main insights, we started the ideation and conceptualization process.

After having our user personas defined, we distributed them in a user map, classifying them according to their level of purchasing power, and their ability to save.

At this point of the process we have already managed to convert much of our research in the real needs of users, we make a Value Proposition Canvas, in order to contrast the needs of our users with our product.
For this process we will use Akira Arai such as heavy user.

  • Young people do not like having to invest time in researching and comparing products, so we have to reach them in the most direct way possible.
  • Offering the possibility of navigating through our product without having to provide sensitive information offers a greater sense of trust.
  • An agile handling of our product will allow the user to integrate its use throughout their daily activities.
  • Allowing the user to freely modify the product’s parameters and customize it will be an attractive factor for the user.
  • We must offer updated information that reminds users of their possibilities within our product, so that they will get the most out of the experience.
  • Encouraging the promotion of our product by users is one of the best means of dissemination and promotion.
 

To start with this phase of the project, we based ourselves on the main value propositions. The main objectives were to centralize information and activities, streamline the use of our product and personalize the experience of our users.

The first thing we considered was the logical order and the main structure of the information in our product. To do this we started by performing a Card Sorting, which would be hybrid. That is, the participants in this process would receive a series of cards with the main tools and services of our product, and in turn we would provide them with the main groups in which they should distribute the cards. We carried out this process with eight participants, whom we accompanied and assisted throughout the process in an ethical manner. In this way we deduced the collective logic for the distribution and future navigation of the information, therefore creating our sitemap, by means of the octopus tool.

After obtaining a logical order provided by the users we started to elaborate prototype proposals. In this way all the previous work started to become tangible. For this we created a system by means of which the accessibility of the main services and products was located a few taps away from the Home page.
This would be the distribution from which we started, which we reflected in the following Frames to start working on them.

The first flow consisted of making a purchase by accessing the Wallet loyalty cards as well as making use of our product’s cash back system.

 

And the third showed the dashboard customization process.

 

At this point we started to create our brand identity. For this we started with the challenge of coming up with a name, such as the result of a brain storming session we got Beenk. This is the result of the sum of the words bee (bee in English) and bank (bank).

Why a bee? Very simple, bees have been a symbol related to banking and money since the 19th century. In addition, bees are characterized by their collective character, which is related to some of our objectives such as creating a sense of belonging to a group. Such as their ability to collect, which is related to our savings system.

Based on these visual characteristics we started to develop our high fidelity Frames, all of them according to our brand identity.

Case study

Too Good To Go (TGTG)

As direct competitions we find these four platforms that dedicate their spaces to solve, more or less, the same needs.
Phenix has practically the same mission, to establish a relationship between the establishment and the user so that the user can buy the extra products of the day in an economical way.
Olio establishes a U2U relationship in which your own neighbor can deliver food to you that he will not eat and will expire soon.
Gander notifies users of discounts produced in establishments that sign up for upcoming expiration or product withdrawal.
Go Zero Waste is a Catalan start-up in which different establishments related to the zero-waste trend (such as bulk stores, second-hand stores…) are showed through a search engine and map, allowing users to locate establishments of this type and improve the reach of local commerce through these practices.

Compared to the previously described platforms, we find an indirect competition to these services. We all mostly know them, due to the fact that they are essentially handling the same thing, Deliveroo, Just Eat, Glovo and Uber Eats among others, these are highlighted in the sector such as food delivery platforms, in which they show different establishments that connect with users through these same platforms. Cocopí and Wetaca stand out from this competition for another specific fact, both are platforms that deliver food, a la carte, but in nutritional packs that the user chooses as a daily or weekly menu, pretending to bring you the food in an easy way to your workplace or home, making you forget about the kitchen in your busy days. These platforms seek sustainability through their packaging and the rations prepared for the diner in an attempt to zero waste.

 

The most important pages for the app are Discover and Explore which host all the main utilities of Too Good To Go. The first one, which acts as the main page of the application, is chaotic and confusing, with many scrolls left and right, up and down; which makes the user feel lost when it comes to knowing what to do when viewing it for the first time. In contrast to this, the Explore page remains much more orderly, allowing a much more comprehensible and accessible understanding of the information to a first time user. Although the filtering options are too invasive, it is possible that by occupying less space, more important elements would stand out. It is missing that the map is an option much more prominent than a subpage of it.
 

 

 

With those conclusions on the table, we started our design process and drew some wireframes of our improvement proposal.

  • Redesign of the Home menu through a greater organizational and aesthetic coherence.
  • Reimagining the use of the map and exploration, including the establishments in a more organic way.
  • Addition of a more accessible customer service and chatbot to better connect users and the application.

The Home menu is redefined by integrating stores into categories, such as Uber Eats or Deliveroo, allowing for greater organization when searching for specific products.
The search bar is also reunified, integrating the filter menu within it, without having duplicate buttons taking up space. When accessing one of these categories, the app will be sorted in the same way as the current Explore tab, which maintains a better hierarchical and aesthetic order for its use.
Finally, the bottom tap-bar is redesigned by incorporating a new iconography with more impact on the contrast with the background, and reordering it. Explore will become the new way to access the map and the more button will be removed and moved to a burger menu at the top of the screen. In its place a new assistance button will be brought to the front making this function much more accessible to the user.

The Explore menu will be redefined to host the navigation function, in a much more accessible way and incorporating a lower slide that visually includes the nearest restaurants and stores in order of proximity.

In the lower tap-bar we will incorporate a new button that will bring to the front the customer service, which when pressed will bring us laterally a slide that will incorporate the information and options already existing in the current “menu” to which we will also incorporate an assistance chat booth which will be one of the main means of communication between user and platform to resolve conflicts and doubts.