UX and interaction design

UX design is a process that involves elements of Psychology, Usability, Design, Copywriting and Analysis. The main goal is to create products and services that fit the user as well as the business goals.

Wireframes

Wireframes are more than a visual or sketch phase, they are a very useful tool to visualize strategies to follow in order to achieve previously defined goals. Wireframes should follow the phase of identification and understanding of the goals and user needs. They are also an essential document for designers and developers in the implementation phase. 

av-villas-desktop8
puntos
bbva-screen1
dashboard

These wireframes were done in collaboration with the team of The Cocktail

usm-screen1
usm-screen2
filter_options
home

These wireframes were done in collaboration with the team of Humbly

wireframe3
wireframe2
wireframe1

These wireframes were done in collaboration with the team of Dohi

Sometimes animations are a good resource to visualize how some functionalities and interactions work. This animation was done for a project in collaboration with the team of Humbly

Prototyping

In the prototyping phase important decisions are made related to visual design such as visual hierarchy, typographies, colors, images, icons and more. In this phase the proposed functionalities and design can be tested and validated with users and clients prior to moving on to the development phase.  

project
home
home
cotizador
av-villas-ok1
home-mockup2

These prototypes were done in collaboration with the team of The Cocktail

home
minabibliotek-proto6
sodra-landing
sodra-screen1

These prototypes were done in collaboration with the team of Humbly

Usability testing

Usability testing is a very important phase to understand how users behave when they try to achieve their goals. It is a great opportunity to improve the efficiency and profitability of products. With usability testing it is possible to gather data to correct usability deficiencies and take decisions that help improving the usability and the profitability of products. 

CM quote form opt 1
CM quote form opt 2
CM quote form opt 3
bbva_usertesting

Different proposed versions of this form were used in A/B testing for comparamejor.com. For BBVA for instance, we performed several user testings to understand user frustrations while using the app

Check out my projects

Expert AnalysisProject type

User ResearchProject type

Do you have questions or comments? Contact me!

Do you have questions or comments? Contact me!