Select Page

I’m a Senior UX Engineer focused on designing experiences that are not only intuitive, but technically sound and scalable.

I work at the intersection of UX design and frontend engineering, collaborating closely with product managers, designers, and developers to translate user needs into interfaces that perform well in real-world conditions.

My background allows me to move fluidly from research and interaction design into production code — reducing friction between design and engineering, and ensuring what gets built actually matches the intent.

View selected workLet's talk

WHAT I HELP TEAMS ACHIEVE

UX Strategy & Interaction Design

I help teams define clear user journeys, interaction models, and information architecture based on real user needs — reducing ambiguity early and preventing costly rework later in development.

UX Engineering & Frontend Development

I build production-ready interfaces using modern frontend frameworks like Angular and React, ensuring design intent survives implementation and remains maintainable as products grow.

Design Systems & Component Libraries

I design and implement scalable component systems that align designers and developers, speeding up delivery while maintaining visual and interaction consistency across products.

Accessibility & Inclusive Design

I apply accessibility standards such as WCAG to create interfaces that work for a wider range of users, improving usability, compliance, and overall product quality.

Collaboration & Cross-functional Work

I act as a connector between UX, product, and engineering teams — translating requirements, clarifying constraints, and keeping delivery focused on user outcomes.

Product & UX Feasibility Reviews

I review product concepts, designs, and early implementations to identify UX risks, technical constraints, and scalability issues before they become expensive problems.

WHAT I HELP TEAMS ACHIEVE

1. Understand the problem

I start by understanding the business context, user needs, and technical constraints. This includes stakeholder conversations, quick research, and reviewing existing data or systems.

2. Explore and validate

I translate insights into flows, wireframes, and interaction concepts, validating assumptions early through feedback and iteration.

3. Design with implementation in mind

Visual and interaction design decisions are made with accessibility, performance, and feasibility in mind — avoiding designs that look good but fall apart in development.
;

4. Build and refine

I move into frontend implementation, collaborating closely with engineers or shipping the code myself, refining interactions based on real usage and constraints.

SELECTED WORK

Eisen matrix mockup

Angular / UX Engineering

Eisenhower Matrix — UX-first task prioritization

This web app helps users make better decisions about their workload by clearly separating what needs immediate action. Instead of treating tasks as flat lists, it reduces decision fatigue by turning priorities into a visual, actionable system.

Built with a UX-first mindset, the project rethinks the classic Eisenhower model through a modern  interface focused on clarity, interaction flow, and visual hierarchy.

From a technical perspective, it’s a production-ready Angular application using standalone components, signals and advanced drag-and-drop to handle complex interactions with predictable state and stable UI behavior.

UX Engineering

Angular Task Management Demo

This demo highlights my skills as a UX Engineer by combining user-centered design with modern Angular development. The app allows users to create, manage, and track tasks in a clean, accessible interface.
The project is intentionally minimal in design — keeping the focus on engineering, usability, and accessibility.

Web components

Angular reusable component library

This project is focused on building a reusable Angular component library designed to improve consistency, scalability, and collaboration across teams. The library provides developers and designers with a shared set of accessible, token-driven components that can be easily integrated into different applications.

Behance Portfolio

Real Projects, Real Impact

Here’s a selection of my latest design and UX engineering projects, pulled directly from my Behance profile. Each project highlights my process — from research and wireframes to design systems and front-end implementation.

Ready to Make Your Idea Come to Life?

I'm Available for Hire or Freelance
Get a Free QuoteMy Portfolio

WHAT PEOPLE SAY

He developed the website for my law firm, as well as managed social media follow-ups and required updates.

Always with great professionalism, commitment, and timely delivery.

Thelma Riva – General Manager – ALEPI

I have worked on several projects with Mauricio Villada, and I always found in him dedication, skills, and high-level knowledge, all of which had a positive impact on client results. Highly recommended.

Juan Carlos Hermosillo – Paid Traffic Manager, Atrevia

I worked with Mauricio on a couple of projects with very good results.

There was excellent communication at all times, and he guided us on the best decisions according to our goals and budget.

Enrique Islas – Creative Director

Mauricio supported us with the creation of our website, company email accounts, and training so we could manage configuration changes ourselves. He also always makes sure to stay on top of renewals and payments that need to be made. He is very kind, punctual, and professional. Highly recommended.

Erika Del Arco Cervantes, Manager at OCEFREM

I have had the opportunity to collaborate frequently with Mauricio, on both small client projects and larger initiatives involving key stakeholders. Together, we have built and designed user experiences, developed websites, implemented improvements, and analyzed areas of opportunity for a variety of clients.

His collaborative approach, attention to detail, and commitment to client satisfaction make working with him both effective and enjoyable.

Araceli Diaz, Product UX/UI Designer