Emiliano R.

Diseñador UX/UI e Industrial · Ciudad de México

Emiliano Rodríguez

Diseño de
punta a punta.

Investigo, diseño, lo construyo y entiendo por qué vende. Del producto físico a la pantalla, con visión de negocio de mis años en ventas de software.

Emiliano Rodríguez

Sin atajos

Cualquieraentregaunmockup.Yoloinvestigo,loconstruyoyporquévende.

Cómo trabajo

No hago una sola cosa. Hago el proceso completo.

Cuatro pasos, siempre en este orden. La guía maestra va antes que cualquier pantalla y las pruebas van antes que cualquier lanzamiento.

  1. 01

    Entender el alcance

    Qué problema hay y cuál es la esencia del producto. Para quién es, en qué dispositivos vive y si ya existe una identidad que respetar. Mido todo el alcance antes de dibujar una sola pantalla.

    • Entrevistas
    • Shadowing
    • Journey maps
  2. 02

    Primero la guía maestra

    Tokens, tipografía, identidad modernizada y la jerarquía de botones —primario, secundario, terciario, cuaternario— en Figma o directo en código. Sin una identidad que funcione como herramienta no empiezo: con ella, cada cambio cuesta minutos, no días.

    • Tokens
    • Componentes
    • Figma o CSS
    Los nueve sistemas que salieron de aquí
  3. 03

    Diseñar y probar con IA

    Con los componentes armo las pantallas y las someto a personas simuladas: distintas edades, prisas y maneras de usar. Cada fricción que aparece se corrige antes de que la vea una persona real.

    • Personas sintéticas
    • Accesibilidad
    • Prototipo
  4. 04

    Iterar con personas reales

    Pruebas con usuarios y evaluaciones con mi equipo. Los problemas ya son reales, y el ciclo vuelve a empezar hasta que el producto se sostiene solo.

    • Pruebas de usuario
    • Equipo
    • Rondas

Capítulo 02 · Proyectos

Nueve proyectos. Nueve sistemas de diseño.

Los colores, la tipografía y hasta las esquinas de cada proyecto salen de su propio design system. Y cada uno se abre y se usa desde aquí, con un botón.

Desplázate · un panel por proyecto

012025Estilo de UI: Fintech

Valiora

SaaS fiscal · conectado al SAT · Diseño de producto y frontend

Conciliar la información fiscal con el SAT a mano consume horas y deja a las empresas expuestas a facturas apócrifas y proveedores en lista negra.

Tres decisiones y su desenlace

  1. D1

    La demo es el producto enteroquien visita recorre un cierre de mes completo sin registrarse.

  2. D2

    Lenguaje visual de confianza fiscalazules profundos y los datos siempre a la vista: lo que se promete es control.

  3. D3

    La velocidad es parte de la promesasi el producto ahorra horas, no puede tardar en abrir: 100/100 en escritorio.

v1.0

en producción: producto, interfaz y frontend, de la hoja en blanco al deploy

022025Estilo de UI: Enterprise

Entersol

Sitio corporativo · ERP / NetSuite · Diseño web y frontend

Un sitio B2B que debía posicionar en búsquedas competitivas de ERP en México, cargar rápido y convertir a quienes deciden la compra.

Tres decisiones y su desenlace

  1. D1

    Astro y HTML estáticocero JavaScript innecesario, para competir en búsquedas de ERP con páginas ligeras.

  2. D2

    Movimiento que respeta reduced-motionparallax y reveals dirigidos por scroll, con una versión quieta para quien la prefiere.

  3. D3

    Fuentes self-hosted y datos estructuradoscarga rápida y resultados enriquecidos en Google.

100

en SEO y buenas prácticas; 93 de rendimiento móvil y 91 de accesibilidad

032026Estilo de UI: Cyberpunk

SDG

CRM de prospección · interno · Rediseño de UI y design system

El CRM interno funcionaba, pero cada pantalla inventaba sus colores y estados: sin sistema, la consola se leía distinta en cada módulo.

Tres decisiones y su desenlace

  1. D1

    Tokens con el contraste medidocada color pasó por el medidor WCAG antes de entrar al sistema.

  2. D2

    Cinco estados obligatorios por módulocargando, vacío, error, parcial y listo: ninguna pantalla improvisa.

  3. D3

    Decisiones numeradas en el propio códigocada regla del sistema se rastrea hasta la decisión que la creó.

AA

de contraste en todos los tokens de la consola

042026Estilo de UI: Retail

Enconek

Punto de venta multi-empresa · Entersol · Rediseño de UI y design system

El POS y su backoffice ya funcionaban, pero sin capa de presentación: 157 líneas de CSS y ni un :hover. Había que vestirlos sin romper nada.

Tres decisiones y su desenlace

  1. D1

    Dos voces de marca, y solo dosel azul señala lo que se pulsa y el ciruela dónde estás; el ciruela nunca rellena un botón.

  2. D2

    Un gate de 17 comprobaciones sobre el CSSningún color, tamaño o radio vive fuera del diccionario, y las exenciones caducan solas.

  3. D3

    Ninguna superficie nativa del navegadorvalidaciones, spinners y calendarios propios, en español y visibles para las pruebas.

377

pruebas en verde después de vestir todo el producto: 342 unitarias y 35 recorridos

Abrir la ficha
052026Estilo de UI: Pop vintage

Museo Cantinflas

Quiosco de facturación · museo · Diseño de experiencia e interfaz

El Museo Mario Moreno Cantinflas necesitaba que cualquier visitante pudiera facturar su ticket sin ayuda y sin pelearse con el SAT.

Tres decisiones y su desenlace

  1. D1

    Un asistente de tres pasosvalidación fiscal en lenguaje humano; cada error dice qué hacer.

  2. D2

    La identidad oficial del museoazul, amarillo y marfil de la marca, con contrastes WCAG comprobados.

  3. D3

    Modo oscuro con los tintes de la marcael quiosco vive igual de bien en el vestíbulo que en un celular de noche.

3

pasos para facturar sin pedir ayuda

062024Estilo de UI: Playful

Pablín

Quiosco de facturación · retail · Diseño de experiencia e interfaz

Una marca familiar y colorida necesitaba un quiosco que cualquier persona, incluida gente mayor, pudiera usar sin ayuda.

Tres decisiones y su desenlace

  1. D1

    Tipografía más grande de lo estándarpensada para que un adulto mayor facture sin pedirle ayuda a nadie.

  2. D2

    Errores que guían con animaciónel mensaje aparece junto al problema y dice qué hacer, sin tecnicismos.

  3. D3

    Color de marca con legibilidad garantizadacolorido y familiar, y cada texto pasa el contraste AA.

4.6:1

de contraste mínimo en todos los textos, con tipografía ampliada

072026Estilo de UI: Super-app

WeFly

Exploración propia

Super-app de viajes · Diseño de producto y prototipo en código

Viajar obliga a saltar entre muchas apps: vuelos, mapa, traductor, documentos, redes y tienda. WeFly junta todo el viaje en una sola.

Tres decisiones y su desenlace

  1. D1

    Un solo sistema de navegación para todo el viajevuelos, feed social, viajes en grupo, tienda y chat.

  2. D2

    Prototipo en códigonavegación y transiciones de verdad, recorribles de principio a fin.

  3. D3

    Sistema visual propio desde ceromarca, iconografía e ilustraciones diseñadas para WeFly.

30+

pantallas navegables en el prototipo, con sus transiciones

082026Estilo de UI: Lifestyle

Nescafé

Exploración propia

Concepto de app · sin afiliación con Nestlé · Diseño de producto y prototipo en código

Nescafé vive en la alacena, pero no en el día a día digital de quien lo toma. El ejercicio: imaginar la marca como app de compra, ritual y comunidad.

Tres decisiones y su desenlace

  1. D1

    La marca como ritual diariocompra, receta, bienestar y comunidad en un mismo flujo cálido.

  2. D2

    Un mini-juego de memoria dentro de la appla marca también se juega, no solo se consume.

  3. D3

    Responsive probado en cuatro tamañosdel iPhone SE al escritorio, sin pantallas rotas.

18

pantallas: tienda, recetas, bienestar, comunidad y mini-juego

092026Estilo de UI: Arcade

Itzel: Ascensión

Exploración propia

Juego arcade · Diseño de juego y programación

Un reto personal para llevar «diseño hasta el código» al extremo: un videojuego completo, con físicas, enemigos y jefe final, sin motor ni librerías.

Tres decisiones y su desenlace

  1. D1

    Sin motor y sin libreríasfísicas, combate y jefe final programados a mano, en un solo archivo.

  2. D2

    Arte 100 % proceduralenemigos, escenarios y efectos dibujados con primitivas de Canvas.

  3. D3

    Estética mesoamericanajade, glifos y Quetzalcóatl como jefe final.

0

archivos de imagen: todo el arte se dibuja por código

Capítulo 03 · Un sistema de sistemas

Acabas de atravesar 9 mundos. Ninguno fue un tema de Photoshop.

Cada ficha está pintada con los tokens reales de su design system — los mismos que vistieron esta página— y cita de dónde salieron. Toca cualquiera para ir a su proyecto.

Sobre mí

Emiliano Rodríguez

Estudié Diseño Industrial. Aprendí de negocio vendiendo software. Hoy diseño producto digital con los dos lentes puestos.

Soy Emiliano Rodríguez, diseñador UX/UI e Industrial en Ciudad de México. Vengo de vender software ERP, así que entiendo el negocio del cliente y por qué toma una decisión; después pasé a diseñar las interfaces de esos mismos productos. Hoy investigo, diseño el producto, construyo el frontend y muevo el código yo mismo, y cada proyecto de este portafolio se puede abrir y usar desde aquí.

  1. 01

    Diseño IndustrialUVM, con doble titulación en la NABA de Milán.

  2. 02

    Ventas de software ERPEntersol: prospección, detección de necesidades y cierre. De ahí el ojo de negocio.

  3. 03

    Diseño UX/UI y frontendhoy, en Entersol: investigación, producto, design systems y código.

Diseño e interfaz

  • Figma
  • Adobe
  • AutoCAD

Investigación y prototipo

  • Miro
  • Useberry
  • Journey maps
  • Shadowing

Frontend y código

  • HTML/CSS
  • GSAP
  • Astro / Next.js
  • Git / Bitbucket

IA aplicada al diseño

  • Claude Code
  • Generación de interfaces

Formación e idiomas

  • Diseño UX/UI · EBAC (2024–2025)
  • Experiencias e Interfaces · Tec de Monterrey (2025)
  • Inglés C1

Contacto

¿Un producto que diseñar? Hablemos.

Si buscas un diseñador que entienda al usuario, al negocio y que llegue hasta el código, escríbeme. Respondo rápido.

de.lindoro@gmail.com