01

Proyectos

Numi — Finanzas personales sin fricción

Una fintech mexicana necesitaba que sus usuarios nuevos dejaran de abandonar la app antes de conectar su primera cuenta. El reto: simplificar sin perder confianza.

Rol
UX Research, UI Design
Duración
8 semanas
Equipo
2 designers, 3 devs, 1 PM
Herramientas
Figma, Maze, Hotjar

El 68% de los usuarios abandonaban antes de completar el setup

La app pedía demasiada información upfront: nombre, CURP, cuenta bancaria, selfie de verificación — todo antes de mostrar cualquier valor. Los usuarios no entendían por qué una app de presupuestos necesitaba su CURP en el minuto uno.

Analicé datos de Hotjar y Mixpanel para mapear dónde se caían. El 43% abandonaba en verificación de identidad, y otro 25% en la conexión bancaria.

Funnel de conversión original mostrando puntos de abandono
Reemplaza con tu screenshot o diagrama

6 entrevistas + análisis de sesiones revelaron el patrón

Entrevistas con usuarios que abandonaron
Contacté a 6 usuarios que descargaron pero nunca completaron el setup. Hallazgo principal: no era complejidad — era confianza. No entendían por qué dar datos sensibles sin haber visto la app primero.
Análisis de 40+ sesiones en Hotjar
Patrón claro: los usuarios que completaban el onboarding eran los que habían visto un video demo antes. Los que llegaban directo de la App Store se caían.
Benchmark competitivo
Analicé el onboarding de 5 apps similares. Las que mejor convertían mostraban valor antes de pedir datos.

Onboarding progresivo: primero valor, después datos

Propuse invertir el flujo: dejar que el usuario explorara un dashboard con datos de ejemplo antes de pedirle que conectara su cuenta real. La verificación de identidad se movió al momento del primer movimiento de dinero, no al registro.

Rediseñé las pantallas de conexión bancaria con microcopy que explicaba para qué se usaba cada dato y con indicadores de encriptación visibles.

Wireframes del flujo anterior
Antes: 7 pasos lineales
UI final del nuevo onboarding
Después: 3 pasos + exploración libre

Validado en 2 rondas de testing con 8 usuarios en Maze

+40%
Tasa de activación
3 min
Tiempo a primer valor
92%
Task completion rate

En fintech, la confianza se construye mostrando, no pidiendo. Mover la verificación de identidad al momento correcto fue un cambio pequeño en la arquitectura pero enorme en la experiencia.

Pulso — Logística visible para PYMES

Vendedores de Mercado Libre y Amazon Mexico manejaban sus envíos en hojas de cálculo. Pulso quería darles un panel centralizado — pero nadie sabía qué información priorizar.

Mi rol
Research, IA, Wireframes
Duración
12 semanas
Equipo
1 UI designer (otro), 2 devs, 1 PM, yo
Herramientas
Figma, Whimsical, Notion

Yo llevé la investigación y la estructura; otro designer hizo el UI visual

Este fue un proyecto colaborativo. Mi responsabilidad fue entender qué información necesitaban los vendedores, en qué orden, y cómo organizarla. El diseño visual de alta fidelidad fue trabajo de otro designer del equipo.

Lo incluyo porque el valor de UX no siempre está en los píxeles — a veces está en decidir qué mostrar, qué ocultar, y en qué momento.

Los vendedores no sabían dónde estaban sus envíos hasta que el cliente reclamaba

Entrevisté a 10 vendedores que usaban entre 2 y 4 paqueterías simultáneamente. Todos tenían el mismo problema: la única forma de saber el status de un envío era entrar a cada plataforma por separado.

Mapa de afinidad con hallazgos de las entrevistas
Reemplaza con tu foto real del ejercicio
10 entrevistas con vendedores
Recluté vendedores con 20-200 envíos/mes. El dato más urgente no era "dónde está el paquete" sino "cuáles envíos necesitan mi atención ahora".
Card sorting para la navegación
Card sorting abierto con 8 participantes. El resultado rompió las categorías que el equipo de producto había asumido.
3 variantes de dashboard
Propuse variantes: cronológico, por prioridad de atención, y por marketplace. Testeé las 3 con prototipos en papel. Ganó la vista por prioridad.
Handoff documentado al UI designer
Documenté la IA, los flujos principales, y las decisiones de diseño con su razonamiento para que el visual designer pudiera tomar decisiones informadas.
Wireframes de las 3 variantes
Variante A: Cronológico
Wireframe ganador
Variante B: Prioridad por atención

El dashboard se lanzó con la estructura que propuse. En las primeras 4 semanas el tiempo de resolución de problemas de envío bajó drasticamente.

24h → 3h
Tiempo de resolución
87%
Adopción en mes 1
-60%
Reclamos de compradores

La arquitectura de información bien hecha es invisible: nadie nota cuando las cosas están en el lugar correcto, pero todos sufren cuando no lo están. Aprendí a documentar decisiones de diseño para otros designers — es una skill subestimada.

Meraki — De Instagram a tienda propia

Una ceramista con 14K seguidores vendía por DMs y transferencias. Quería una tienda online que mantuviera la calidez de la relación directa sin sacrificar eficiencia.

Rol
UI Design, Prototipado
Duración
6 semanas
Equipo
Solo — con feedback de la cliente
Herramientas
Figma, Shopify, Protopie

La cliente perdía ventas porque no podía responder DMs a tiempo

Analicé sus conversaciones de Instagram de un mes. El 30% de las consultas eran preguntas que una buena página de producto resolvería: medidas, tiempos de entrega, colores disponibles. Otro 20% eran personas que querían comprar pero se frustraban con el proceso de transferencia manual.

La clienta no quería sentirse "como Amazon"

El mayor reto no fue técnico sino emocional. La ceramista sentía que una tienda online despersonalizaría su marca. Cada pieza era única y tenía una historia — un carrito genérico no transmitía eso.

Esto definió toda la dirección: cada decisión buscaba preservar la narrativa artesanal mientras resolvía la fricción operativa.

Moodboard y dirección visual definida con la cliente
Reemplaza con tu entregable real

Tienda con alma de galería, funcionalidad de e-commerce

Páginas de producto como historias
Cada producto tenía "la historia de esta pieza" con fotos del proceso. Las especificaciones técnicas estaban visibles sin necesidad de preguntar por DM.
Checkout de 6 a 3 pasos
Eliminé el registro obligatorio del default de Shopify y agregué pago por Mercado Pago además de tarjeta.
Botón de WhatsApp contextual
Para los compradores que aún querían trato directo, un botón de WhatsApp que pre-llenaba un mensaje con el nombre del producto. Lo mejor de los dos mundos.
Página de producto — desktop
Historia + especificaciones visibles
Checkout simplificado — mobile
3 pasos, mobile-first
45%
Ventas vía tienda
6 → 3
Pasos de checkout
-70%
Preguntas repetitivas en DM

Diseñar para negocios pequeños tiene un reto que no existe en enterprise: las decisiones emocionales del dueño pesan tanto como los datos. Aprendí a presentar soluciones como evoluciones de lo que ya funciona, no como reemplazos.

Ruta CDMX — Movilidad unificada

Un proyecto personal nacido de la frustración diaria: no existe una app que combine Metro, Metrobus, Ecobici y camiones en una sola interfaz útil.

Rol
Todo — concepto a prototipo
Duración
4 semanas (noches y fines)
Equipo
Solo
Herramientas
Figma, Google Forms, Protopie

Un proyecto end-to-end sin restricciones de cliente

Quería demostrar proceso completo. Elegí un problema que conozco de primera mano: moverme en CDMX usando transporte público implica 3-4 apps diferentes y ninguna es buena.

Encuesta a 42 personas + observación en estaciones

Encuesta en grupos de Facebook de colonias CDMX
42 respuestas confirmaron que el dolor no era falta de información, sino falta de contexto: "no me digas los horarios — dime si llego más rápido en Metro o Metrobus a las 8am un martes".
3 mañanas observando en estaciones de transbordo
Pantitlán, Balderas, Tacubaya. La mayoría se guiaba por costumbre, no por datos. Documenté cómo decidían entre opciones de transporte.
Benchmark: Google Maps, Moovit, app oficial del Metro
Google Maps era la más completa pero su UX para CDMX es genérica — no entiende particularidades locales como "evitar Línea B a las 7am".

Una sola pregunta: "¿A dónde vas?"

La interfaz se centra en un único input que devuelve rutas multimodales rankeadas por tiempo real, no por distancia. Cada ruta muestra tiempo puerta a puerta incluyendo caminatas, esperas y transbordos.

Ruteo contextual
Las recomendaciones cambian según hora y día. A las 8am un martes sugiere Metrobus aunque sea más largo, porque el Metro va lleno.
Vista de "salud de la línea"
Indicador visual de saturación por línea en tiempo real. Inspirado en los indicadores de tránsito de Google Maps pero para transporte público.
Modo offline
El mapa de la red y horarios base se descargan para funcionar sin datos — porque en el Metro no hay señal.
Pantalla principal con búsqueda
Input único + resultados contextuales
Vista de salud de línea
Indicadores de saturación en tiempo real
Flujo completo de navegación puerta a puerta
Link a prototipo interactivo en Figma

5 pruebas de usabilidad con el prototipo

Los 5 participantes completaron la tarea principal (encontrar la mejor ruta) en menos de 30 segundos.

<30s
Tarea principal
5/5
Task completion
42
Respuestas en survey

Aún en proyectos personales, hacer research real (aunque sea informal) produce mejores decisiones que diseñar desde suposiciones. Las 3 mañanas en estaciones de Metro valieron más que cualquier artículo de Medium.

02

Proceso

/

Descubrir

Entrevistas, benchmarks, análisis de datos. Entender el problema antes de tocar Figma.

&

Definir

User flows, arquitectura de información, priorización de features por impacto.

~

Diseñar

Wireframes, prototipos, UI de alta fidelidad. Iterar con feedback real, no suposiciones.

*

Validar

Testing con usuarios, handoff a desarrollo, seguimiento post-launch de métricas clave.

03

Sobre mí

Foto de Jose Eizaguirre

Hola, soy Jose

Diseñador UX/UI basado en Ciudad de Mexico. Me enfoco en crear productos digitales que equilibren las necesidades del negocio con experiencias que la gente disfrute usar.

Mi approach es pragmático: prefiero un prototipo testeado con 5 usuarios que un diseño "perfecto" que nadie validó. Me interesa especialmente [tu nicho — ejemplo: "el diseño de herramientas B2B" o "hacer accesibles productos complejos"].

Cuando no estoy diseñando, probablemente estoy [tu hobby — algo que te humanice y genere conversación].

Figma User Research Wireframing Prototyping Design Systems Usability Testing Information Architecture HTML/CSS

Tienes un proyecto
en mente?

Siempre estoy abierto a platicar sobre nuevos proyectos, ideas o oportunidades de colaboración.

Escribeme →