Marina Mas / Product Design · UX · Prototipado · IA
Diseño producto digital, de la idea a la entrega.
Product Designer · UX · desde 2012
Product Designer UX/UI desde 2012. Llevo cada idea del discovery al concepto, el prototipo y la entrega: research con usuarios, diseño de interacción y prototipos en Figma, siempre junto a producto y desarrollo. Uso la IA en mi día a día para investigar, idear y convertir prototipos en código. Ahora curso un Global MBA en IA Empresarial & Data Science.
He trabajado en sectores muy distintos: fotografía, hostelería, packaging, e-commerce, marca y producto digital. En todos busco lo mismo: que el resultado funcione, se pueda producir y, si se puede, sorprenda.
Me especialicé en UX/UI con un máster y lo completé con formación en tecnología, marketing e inteligencia emocional. Hoy combino diseño, gestión de producto e IA aplicada: investigo, prototipo, automatizo procesos y llevo mis diseños a código.
Decisiones basadas en researchColaboro con diseño, desarrollo y producto para que cada decisión esté respaldada por datos de usuario.
Diseño y negocioDiseño pensando en lo que la empresa necesita: vender más, ahorrar tiempo o explicarse mejor.
Abre solo lo que quieras ver.
Proyectos destacados
Una selección de trabajos de diseño web, UX, marca, retoque y diseño gráfico. Si quieres ver el proceso completo de alguno, pídemelo y te lo enseño.
Dispares
Rediseño web e-commerce · escritorio y móvil
Rediseño de la tienda online de calzado barefoot, partiendo de una auditoría UX: estructura del menú, organización del contenido y copywriting. Diseñé la home completa en versión escritorio y móvil, con novedades, catálogo, guía de transición al barefoot y captación por newsletter.
Rol
Product Designer: auditoría UX, arquitectura, UI y copy.
Proceso
Auditoría UX de la tienda, nueva estructura del menú y del contenido, copywriting y diseño de la home en escritorio y móvil.
Decisión clave
Incluir en la home una guía de transición al barefoot para resolver dudas antes de llegar a la ficha de producto.
Rediseño de la tienda online de pelucas y postizos: hero emocional, tienda con búsqueda y filtros (oncológica, natural, fantasía), ficha rápida, carrito lateral, favoritos y un bloque específico para profesionales del sector oncológico.
Rol
Product Designer: UX, UI y prototipo navegable en código.
Proceso
Estructura de la tienda, hero y mensajes, catálogo con búsqueda y filtros, ficha rápida, carrito y favoritos, y prototipo publicado.
Decisión clave
Dar entrada propia a lo oncológico, con filtro y bloque para profesionales, para que quien está en tratamiento encuentre rápido lo que necesita.
Cambio de color de pelo, nuevo fondo y retoque de piel y maquillaje. Arrastra para comparar.
O'Sullivan's Irish Pub
Propuesta web · hostelería
Rediseño de la web de un pub irlandés de Petrer para trasladar su ambiente a lo digital sin perder utilidad: reservar mesa y ver la carta ocupan el primer plano, y la navegación ordena cervezas, ambiente y visita.
Rol
Propuesta propia: UX, UI y prototipo publicado.
Proceso
Análisis del negocio y de su web, jerarquía de acciones, diseño responsive y prototipo en código.
Decisión clave
Reservar mesa y ver la carta como acciones principales desde el primer vistazo, sin perder el ambiente del pub.
Identidad digitalUI comercialJerarquía de acciones
Web de una clínica dental de Elda y Petrer que explica tratamientos técnicos sin saturar. Un odontograma interactivo sirve de entrada visual a los tratamientos, y pedir cita y hacer una consulta tienen acciones separadas.
Rol
Propuesta propia: UX, UI y prototipo publicado.
Proceso
Análisis del negocio y de su web, jerarquía de acciones, diseño responsive y prototipo en código.
Decisión clave
Usar un odontograma interactivo como puerta de entrada a los tratamientos y separar pedir cita de hacer una consulta.
UI de serviciosVisualización de informaciónDiseño de interacción
Web de un centro de formación en hostelería de Petrel centrada en aprender haciendo. Una pizarra de actividades distingue teoría, práctica y taller, y las acciones separan explorar cursos y resolver dudas.
Rol
Propuesta propia: UX, UI y prototipo publicado.
Proceso
Análisis del negocio y de su web, jerarquía de acciones, diseño responsive y prototipo en código.
Decisión clave
Una pizarra de actividades que distingue teoría, práctica y taller, y acciones separadas para explorar cursos o resolver dudas.
Arquitectura de contenidosUI educativaDirección de arte
Web para un fabricante de cajas y cartonaje que traduce la precisión industrial a una propuesta comercial clara. El titular gira en torno a la consistencia de producción y pedir presupuesto es la acción principal.
Rol
Propuesta propia: UX, UI y prototipo publicado.
Proceso
Análisis del negocio y de su web, jerarquía de acciones, diseño responsive y prototipo en código.
Decisión clave
Un titular sobre la consistencia de producción y pedir presupuesto como acción principal, para hablar el idioma de un comprador B2B.
Simplificación del logotipo: escudo más limpio, sin elementos accesorios, y una tipografía más ligera y espaciada.
UNPlanner
Diseño de marca
Kingos
Marca para emprendedor
Conceptos visuales
Gráfica, marca y e-commerce para marcas ficticias y para Yugular, mi proyecto de moda alternativa. Son propuestas propias para mostrar criterio visual, no encargos de clientes.
Yugular
Concepto · Diseño gráfico
Gráfica textil y pieza promocional para moda alternativa: tipografía contundente, textura de fotocopia y acentos magenta y azul para que camiseta y campaña hablen el mismo idioma.
Ruido Vivo
Concepto · Diseño gráfico
Campaña para un evento musical ficticio. Ritmo tipográfico, contraste y formas modulares que dan protagonismo al nombre y se adaptan a cartelería y redes.
Atlas
Concepto · Diseño editorial
Publicación ficticia sobre arquitectura y cultura visual. Retícula, márgenes y contraste entre texto e imagen para ordenar contenido denso con un ritmo de lectura sereno.
Lumbre
Concepto · Branding
Identidad para una marca ficticia de café: símbolo solar, paleta terracota y un sistema que separa marca e información de producto en packaging y tarjetas.
Nodo
Concepto · Branding
Identidad corporativa para una consultoría digital ficticia. Símbolo geométrico, azul intenso y una lógica de composición repetible para tarjeta, propuesta y web.
Savia
Concepto · Branding
Identidad de producto para una firma ficticia de cuidado personal: tipografía editorial, verde oliva y un motivo botánico, sin adornos ni promesas de sostenibilidad sin acreditar.
Yugular · ficha de producto
Concepto · E-commerce
Ficha de producto para mi proyecto de moda alternativa: imágenes, talla, precio y compra primero, conservando el carácter de la marca en escritorio y móvil.
Orbit
Concepto · E-commerce
Catálogo para una tienda ficticia de accesorios de viaje, con tarjetas consistentes y filtros por uso, capacidad y color para que encontrar el producto sea fácil cuando crece el surtido.
Vuelve
Concepto · E-commerce · email
Sistema de emails para una tienda ficticia: recordatorio de carrito, recomendación y novedades, con un lenguaje visual común y una sola acción por mensaje.
Laboratorio de ideas
Proyectos conceptuales en tres áreas: gestión de producto, diseño web e IA. Son retos que me planteo por mi cuenta para mostrar cómo pienso y trabajo, no encargos de clientes.
PulsoRed · Sede ElcheEn directo
Latencia18 ms
Pérdida0,2 %
Jitter3 ms
Sede centralCorrecto
Almacén norteAtención
Tienda surIncidencia
Diagnóstico IA · confianza alta
Saturación del Wi‑Fi de 2,4 GHz en el almacén norte entre las 9:00 y las 11:00.
Basado en: pérdida de paquetes 4,1 % · 38 dispositivos en el canal 6
Cambiar al canal 11Descartar
Pulso
Caso destacado · Proyecto conceptual · Redes + IA
Una herramienta para monitorizar redes cableadas e inalámbricas que explica en lenguaje claro qué falla, por qué y qué hacer, pensada para técnicos, analistas y clientes.
Rol
Product Designer, de principio a fin: research, concepto, interacción, prototipo y plan de validación.
Tipo
Proyecto conceptual propio, no es un encargo.
Duración planteada
6 semanas
Herramientas
Figma · Miro · Maze · Claude · Google Stitch
Entregables
Perfiles de usuario, recorrido de una incidencia, arquitectura, prototipo navegable, componentes y plan de test.
Ver el caso completo: proceso, decisiones y métricas
El problema
Las empresas que miden y analizan redes generan miles de métricas por minuto: latencia, pérdida de paquetes, jitter, intensidad de señal o uso de cada canal. Cuando algo falla, encontrar la causa obliga a cruzar varias gráficas y a saber interpretarlas. Y quien paga el servicio solo quiere saber si su red funciona.
Para quién
Técnica de campo. Mide en la sede del cliente con el móvil o la tablet, a menudo con mala cobertura. Necesita saber qué probar a continuación.
Analista de red. Vigila muchas redes a la vez desde el escritorio. Necesita priorizar y llegar rápido a la causa.
Responsable del cliente. No es técnico. Necesita un estado claro y un informe que pueda entender y reenviar.
Proceso
Descubrir. Entrevistas a técnicos y analistas, observación de cómo diagnostican una incidencia real y auditoría de las herramientas que usan hoy.
Definir. Mapa del recorrido de una incidencia, de la alerta al informe, y priorización de los momentos con más fricción por impacto y esfuerzo.
Idear. Bocetos rápidos y alternativas generadas con Google Stitch para comparar tres arquitecturas: por métricas, por sedes y por incidencias.
Prototipar. Prototipo en Figma y una versión en código con datos simulados, para probar la interacción con datos que cambian en directo.
Validar. Test de usabilidad con tareas reales, como «averigua por qué el almacén norte va lento», midiendo tiempo, aciertos y confianza en la respuesta.
Decisiones de diseño
Primero el estado, después las gráficas. La primera pregunta siempre es «¿va bien?». Cada sede muestra su estado con texto e icono, y las gráficas quedan a un clic.
La IA explica, la persona decide. El diagnóstico muestra la causa probable, en qué métricas se basa y el nivel de confianza. La técnica lo confirma o lo descarta, y eso mejora el sistema.
Una incidencia, tres vistas. La técnica ve pruebas, el analista ve el contexto de toda la red y el cliente recibe un resumen sin jerga.
Modo campo. Botones grandes, uso con una mano y mediciones que se guardan sin conexión y se sincronizan al volver la cobertura.
Accesible desde el principio. El estado nunca depende solo del color, el contraste cumple AA y las tablas se recorren con teclado.
IA en el producto
Detección de anomalías comparando cada métrica con el patrón habitual de esa red a esa hora.
Diagnóstico en lenguaje claro, con las métricas que lo justifican.
Siguiente prueba recomendada para la técnica, ordenada por probabilidad.
Informe para el cliente redactado automáticamente, que la técnica revisa antes de enviar.
Cómo mediría el éxito
Tiempo hasta identificar la causa de una incidencia.
Incidencias resueltas sin escalar a otro nivel.
Diagnósticos de la IA aceptados frente a corregidos.
Puntuación SUS en los test de usabilidad.
Riesgos y cómo los trato
Exceso de confianza en la IA. Mostrar siempre las fuentes y la confianza, y pedir confirmación antes de cualquier cambio en la red.
Fatiga de alertas. Agrupar las alertas relacionadas en una sola incidencia.
Datos sensibles. Los datos de red del cliente no salen de su entorno y los informes se anonimizan.
Siguientes pasos
Probar el prototipo con técnicos de campo, medir la confianza en los diagnósticos y diseñar la vista de informes recurrentes para clientes.
Zapatilla barefootElige tu talla
¿Qué talla usas en tus zapatillas de siempre?
Un 39 en deportivas
Talla recomendada40Esta horma es más estrecha que la de tus deportivas
Talla Justa
Proyecto conceptual · IA + e-commerce
Un asistente que recomienda la talla en la ficha de producto y explica por qué, para comprar calzado online sin miedo a equivocarse.
Ver el caso
El reto
En calzado online, la duda con la talla frena la compra y dispara las devoluciones. En barefoot es aún peor: las hormas cambian mucho entre marcas.
Cómo lo abordo
Entrevistas a compradores de barefoot, análisis de reseñas y preguntas frecuentes, benchmark de recomendadores de talla, prototipo en Figma y test con usuarios.
La solución
Un asistente conversacional que pregunta qué marcas y tallas usa ya la persona y recomienda una talla explicando el motivo, en lugar de dar solo un número.
Cómo mediría el éxito
Conversión en la ficha de producto, devoluciones por talla y uso del asistente.
PDF
catalogo_otono.pdf24 páginas
Sangrado de 3 mm
Imágenes a 300 ppp
2 imágenes en RGB
Fuentes incrustadas
Convertir a CMYK
Preflight IA
Proyecto conceptual · IA + preimpresión
Un portal donde el cliente sube su archivo y la IA lo revisa antes de llegar a imprenta.
Ver el caso
El reto
Muchos archivos llegan a imprenta con errores: sin sangrado, imágenes a baja resolución o colores en RGB. Eso provoca retrasos y correos de ida y vuelta con el cliente.
Cómo lo abordo
Mapeo del flujo actual de preimpresión, entrevistas a clientes y técnicos, priorización de los errores más frecuentes y prototipo del portal de subida.
La solución
La IA revisa el archivo, explica cada problema en lenguaje claro y propone una corrección automática. El técnico solo interviene en las excepciones.
Cómo mediría el éxito
Archivos correctos a la primera, tiempo hasta la aprobación y correos por pedido.
Cafetería de especialidad, público joven, tono cercano
AaAaAa
GranoTuestePausa
Brief a Marca
Proyecto conceptual · IA + branding
Un asistente que convierte las ideas de un emprendedor en un brief claro y un primer moodboard, como punto de partida para trabajar la marca.
Ver el caso
El reto
Quien emprende suele llegar con ideas difusas y poco presupuesto. Sacar un buen brief lleva varias reuniones antes de empezar a diseñar.
Cómo lo abordo
Análisis de briefs reales, card sorting de atributos de marca, diseño del flujo conversacional y prototipo con IA generativa.
La solución
Un asistente que guía con preguntas y devuelve un brief estructurado con paleta, tipografías, tono y propuestas de naming. La diseñadora parte de ahí, no lo sustituye.
Cómo mediría el éxito
Tiempo desde el brief hasta la primera propuesta y rondas de revisión.
Lote otoño12 de 40 fotos listas
Original
Lista
Original
Lista
Aprobar lote
Catálogo al día
Proyecto conceptual · IA + fotografía de producto
Una herramienta que prepara en lote las fotos de producto de una tienda online con fondo, luz y encuadre coherentes, para que la persona solo tenga que revisar y aprobar.
Ver el caso
El reto
Las tiendas pequeñas suben fotos hechas en momentos y lugares distintos. El catálogo se ve desordenado y retocar cada imagen a mano no es viable.
Cómo lo abordo
Auditoría visual de catálogos reales, entrevistas a responsables de tienda, definición de una guía de estilo fotográfico y prototipo del flujo de revisión.
La solución
La IA aplica la guía de estilo de la marca a todo el lote y marca las fotos dudosas. La persona compara antes y después y aprueba en bloque o una a una.
Cómo mediría el éxito
Tiempo para publicar un producto nuevo, fotos rechazadas en la revisión y conversión en las fichas actualizadas.
Avísame cuando un producto se esté agotando
Stock bajoSi quedan menos de 5 uds, aviso por email
Pedido retrasadoMensaje automático al cliente
Reseña nuevaBorrador de respuesta para revisar
Tienda en piloto automático
Proyecto conceptual · IA + automatización
Un panel donde quien lleva una tienda online describe en sus palabras lo que quiere automatizar y la IA monta el flujo por detrás.
Ver el caso
El reto
Herramientas como Make o N8N ahorran horas, pero asustan a quien no es técnico. Muchas tiendas siguen haciendo a mano tareas repetitivas.
Cómo lo abordo
Entrevistas a dueños de tiendas pequeñas para listar sus tareas repetitivas, priorización por tiempo perdido, diseño del lenguaje del panel sin jerga técnica y test de usabilidad.
La solución
La persona escribe lo que necesita, la IA propone la automatización explicada en una frase y se activa con un interruptor. Todo se puede pausar o editar sin tocar nada técnico.
Cómo mediría el éxito
Automatizaciones activas por tienda, horas ahorradas a la semana y abandono durante la configuración.
Llegan cambios a mitad de sprintLas dailies se alarganBuen ritmo con diseño
Acción propuestaCerrar el alcance antes de empezar el sprintResponsable: Producto · Revisión en la próxima retro
Retro con acciones
Proyecto conceptual · IA + gestión ágil
Una herramienta que agrupa las notas de la retrospectiva y las convierte en acciones concretas, con responsable y seguimiento.
Ver el caso
El reto
Muchas retrospectivas acaban con un tablero lleno de notas y pocas acciones claras. En la siguiente retro salen los mismos problemas.
Cómo lo abordo
Observación de retrospectivas reales, entrevistas a Scrum Masters y equipos, análisis de por qué no se cumplen las acciones y prototipo integrado con Miro y Jira.
La solución
La IA agrupa las notas por tema, propone una acción concreta por cada problema y la envía a Jira con responsable. En la siguiente retro recuerda qué se acordó y si se cumplió.
Cómo mediría el éxito
Acciones cumplidas entre retros, problemas que se repiten y valoración del equipo.
AhoraCheckout en un pasoFiltro por talla
SiguientePrograma de fidelidadReseñas con foto
DespuésApp móvil
Roadmap sin ruido
Proyecto conceptual · Gestión de producto · e-commerce
Cómo convertiría una lista de 40 peticiones de una tienda de moda sostenible en un roadmap que todo el equipo entienda y respalde.
Ver el caso
El reto
El equipo recibe peticiones de todas partes (clientes, ventas, dirección) y todo parece urgente. Se trabaja mucho, pero sin rumbo claro.
Cómo lo abordo
Reunir todas las peticiones en un solo backlog, agruparlas por problema de usuario, puntuarlas con un marco común (alcance, impacto, confianza y esfuerzo) y validarlas con los stakeholders.
La solución
Un roadmap en tres horizontes (ahora, siguiente, después) ligado a objetivos de negocio, con una explicación visible de por qué cada cosa está donde está.
Cómo mediría el éxito
Peticiones fuera del roadmap que se cuelan en el sprint, entregas a tiempo y avance de los objetivos del trimestre.
Objetivo del trimestreQue reservar fisio sea tan fácil como pedir comida
Centros activos
Reservas sin llamar
Repetición del paciente
OKR de lanzamiento
Proyecto conceptual · Gestión de producto · OKR
Objetivos y resultados clave para lanzar una app de reservas para centros de fisioterapia en su primer trimestre.
Ver el caso
El reto
Un lanzamiento sin objetivos claros acaba midiéndose por sensaciones. Cada área empuja en una dirección distinta.
Cómo lo abordo
Talleres con dirección, ventas y desarrollo para acordar un objetivo único, definir resultados clave medibles y conectar cada iniciativa del roadmap con uno de ellos.
La solución
Un objetivo inspirador con tres resultados clave, un responsable por cada uno y seguimiento quincenal en un tablero compartido.
Cómo mediría el éxito
Avance de cada resultado clave, reservas completadas por centro y centros activos al final del trimestre.
Embudo de activación
DescargaRegistroPrimer objetivoDía 7
Aquí se pierde la mayoría
Onboarding que retiene
Proyecto conceptual · Gestión de producto · discovery
Un proceso de discovery para descubrir por qué la gente abandona una app de ahorro en sus primeros días y qué hacer al respecto.
Ver el caso
El reto
Muchas descargas, pero poca gente llega a crear su primer objetivo de ahorro. Nadie sabe exactamente en qué punto se pierden ni por qué.
Cómo lo abordo
Analizar el embudo de activación, entrevistar a usuarios que abandonaron, formular hipótesis priorizadas y validarlas con prototipos antes de pedir desarrollo.
La solución
Un onboarding más corto que lleva a crear el primer objetivo de ahorro en el primer minuto, lanzado como experimento frente a la versión actual.
Cómo mediría el éxito
Porcentaje de personas que crean su primer objetivo y retención a la semana y al mes.
Plan de lanzamiento
ValidarBetaLanzarIterar
Precio validadoLogística listaCampaña de lanzamiento
Lanzar una suscripción
Proyecto conceptual · Gestión de producto · go-to-market
El plan para lanzar una suscripción mensual en una tienda online de café de especialidad, desde la validación hasta la primera iteración.
Ver el caso
El reto
La tienda vende bien de forma puntual, pero depende de campañas. Una suscripción daría ingresos recurrentes, si se lanza con cabeza.
Cómo lo abordo
Validar el interés con una lista de espera, definir precio y formatos con clientes reales, coordinar a marketing, logística y atención al cliente y lanzar primero en beta.
La solución
Un plan de lanzamiento por fases con responsables, riesgos y criterios claros para pasar de una fase a la siguiente.
Cómo mediría el éxito
Altas en la beta, cancelaciones en los primeros tres meses e ingresos recurrentes mensuales.
InfluenciaInterésDirecciónMarketingITVentas
Todos a bordo
Proyecto conceptual · Gestión de proyectos · stakeholders
Cómo gestionaría a los stakeholders en la migración de la web corporativa de una empresa industrial a un nuevo CMS.
Ver el caso
El reto
Una migración toca a muchas áreas con intereses distintos. Si alguien se entera tarde, el proyecto se bloquea.
Cómo lo abordo
Mapear a los stakeholders según su influencia e interés, entender qué le preocupa a cada uno y acordar cómo y cada cuánto se les informa.
La solución
Un mapa de stakeholders con un plan de comunicación para cada grupo, un punto de decisión claro y un canal único para los cambios.
Cómo mediría el éxito
Bloqueos por falta de aprobación, cambios de alcance tardíos y satisfacción de las áreas implicadas.
Métrica estrellaCompras repetidas al mes
Nuevos compradoresArtesanos activosTiempo de envío
Una métrica que importa
Proyecto conceptual · Gestión de producto · métricas
La métrica estrella y el cuadro de mando de un marketplace de artesanía, para que todo el equipo sepa qué mover y cómo va.
Ver el caso
El reto
El equipo mira veinte métricas distintas y cada área tiene la suya. Es imposible saber si el producto va mejor o peor.
Cómo lo abordo
Identificar el momento en que compradores y artesanos reciben valor, elegir una métrica estrella que lo refleje y desglosarla en las palancas que la mueven.
La solución
Una métrica estrella, tres métricas de palanca con responsable y un cuadro de mando en Power BI que se revisa cada semana.
Cómo mediría el éxito
Evolución de la métrica estrella y decisiones del roadmap tomadas a partir del cuadro de mando.
fisio-clinica
123
Elige una hora
9:0010:3012:0016:0017:3019:00
Confirmar cita
Fisio en tres pasos
Proyecto conceptual · Diseño web · reservas
La web de una clínica de fisioterapia en la que pedir cita lleva tres pasos y menos de un minuto, también desde el móvil.
Ver el caso
El reto
Muchas clínicas obligan a llamar para pedir cita. Quien busca fisio suele tener dolor y poca paciencia.
Cómo lo abordo
Benchmark de webs de clínicas, entrevistas a pacientes, arquitectura de información centrada en la reserva y prototipo móvil probado con usuarios.
La solución
Una home que responde a "¿me pueden ayudar?" y un flujo de reserva en tres pasos: tratamiento, fisio y hora.
Cómo mediría el éxito
Citas reservadas online, abandono del flujo de reserva y llamadas a recepción.
ahorro.app
Empieza gratis
Ahorro sin estrés
Proyecto conceptual · Diseño web · landing de producto
La landing de una app de finanzas personales pensada para convertir a quien nunca ha usado una app de ahorro.
Ver el caso
El reto
Las apps financieras suelen dar miedo: jerga, gráficos complejos y poca confianza. La landing tiene que tranquilizar antes de convencer.
Cómo lo abordo
Análisis de landings del sector, entrevistas sobre miedos con el dinero, jerarquía de mensajes y test A/B del titular y la llamada a la acción.
La solución
Una landing con un mensaje claro, prueba social, respuestas a las objeciones más comunes y una única llamada a la acción.
Cómo mediría el éxito
Conversión a descarga, tiempo en la página y clics en la llamada a la acción.
barroyfuego.shop
Barro y fuego
Proyecto conceptual · Diseño web · e-commerce
La tienda online de un taller de cerámica artesanal, donde cada pieza es única y la historia del taller vende tanto como el producto.
Ver el caso
El reto
Vender piezas únicas online es difícil: no hay tallas ni variantes, y la gente quiere saber quién está detrás.
Cómo lo abordo
Entrevistas a compradores de artesanía, definición de la guía de estilo fotográfico y diseño de fichas de producto que cuentan el proceso de cada pieza.
La solución
Un catálogo visual con filtros por uso, fichas con medidas en contexto y la historia del taller integrada en la compra.
Cómo mediría el éxito
Conversión en ficha de producto, valor medio del pedido y suscripciones a la lista de nuevas hornadas.
restaurante
EntrantesPrincipalesPostres
Croquetas caseras9 €Ensalada de temporada11 €Arroz del día16 €
Reservar mesa
La carta en el bolsillo
Proyecto conceptual · Diseño web · restauración
La web de un restaurante con carta digital, alérgenos claros y reserva de mesa, pensada para consultarse desde el móvil.
Ver el caso
El reto
Muchas webs de restaurantes tienen la carta en PDF, sin información de alérgenos y con la reserva escondida.
Cómo lo abordo
Observación de cómo se consulta una carta desde el móvil, entrevistas a clientes con alergias y diseño mobile first de carta y reserva.
La solución
Una carta navegable por categorías, con filtros por alérgenos y un botón de reserva siempre visible.
Cómo mediría el éxito
Reservas desde la web, uso del filtro de alérgenos y llamadas para consultar la carta.
tienda / pago
Envío
Resumen
Pagar
Checkout en una página
Proyecto conceptual · Diseño web · conversión
El rediseño del proceso de pago de una tienda online para que comprar sea rápido, claro y sin sorpresas.
Ver el caso
El reto
El carrito se llena, pero muchas compras se abandonan en el pago: demasiados pasos, registro obligatorio y gastos que aparecen al final.
Cómo lo abordo
Análisis del embudo de compra y de grabaciones de sesión, auditoría con buenas prácticas de checkout y prototipo probado con usuarios.
La solución
Un checkout en una sola página, con compra como invitado, gastos de envío visibles desde el principio y métodos de pago rápidos.
Cómo mediría el éxito
Tasa de abandono en el checkout, tiempo hasta completar la compra y errores en formularios.
ong-local.org
Tu donación mensual
5 €10 €20 €Otra
Donar cada mes
Dona cada mes
Proyecto conceptual · Diseño web · tercer sector
La web de una ONG local enfocada en conseguir donaciones recurrentes, con un proceso de donación claro y transparente.
Ver el caso
El reto
Las donaciones puntuales ayudan, pero las recurrentes dan estabilidad. Mucha gente no dona porque no sabe a qué se destina su dinero.
Cómo lo abordo
Entrevistas a donantes actuales, análisis de webs de ONG de referencia, diseño de mensajes de impacto concretos y prototipo del flujo de donación.
La solución
Una home que muestra el impacto con ejemplos concretos y un formulario de donación mensual con cantidades sugeridas y explicación de su destino.
Cómo mediría el éxito
Donantes mensuales nuevos, importe medio y bajas en los primeros seis meses.
También he diseñado la interfaz web de Sambas the Bambas y he llevado la marca de producto y las campañas de Encaja Embalajes.
Del diseño a la gestión de producto.
Venir del diseño me da ventaja: entiendo a los usuarios y hablo el idioma de desarrollo, negocio y marca. Así gestiono un producto, de principio a fin.
1
Descubrir
Entiendo el problema antes de pensar en soluciones: research con usuarios, datos de uso y objetivos de negocio.
Hotjar · Maze · Condens · Google Analytics
2
Idear y prototipar
Convierto los hallazgos en conceptos, flujos e interacciones, y los pruebo pronto con prototipos en Figma o en código.
Figma · Miro · Google Stitch · Claude
3
Validar y entregar
Valido con usuarios antes de desarrollar y acompaño al equipo en ágil hasta la entrega, con especificaciones claras para desarrollo. Automatizo lo repetitivo con IA.
Maze · Jira · Slack · Make
4
Medir y aprender
Sigo las métricas en cuadros de mando y decido la siguiente iteración con datos, no con intuiciones.
Power BI · Google Analytics
IA en mi proceso de diseño
Cómo la uso hoy, con herramientas concretas, y dónde puede aportar valor al usuario.
Investigación
Resumo entrevistas y reseñas, agrupo hallazgos por tema y detecto patrones antes de definir el problema.
Claude · ChatGPT · Condens
Ideación y exploración visual
Genero alternativas de interfaz y moodboards en minutos para debatir direcciones con el equipo.
Google Stitch · Mixboard · Midjourney
Prototipos funcionales
Llevo los diseños de Figma a prototipos en código que se prueban en el navegador, como las webs que enlazo en este portfolio.
Claude · Antigravity · Google AI Studio
IA para el usuario final
Propongo usos concretos dentro del producto: un asistente que recomienda la talla, una revisión automática de archivos antes de imprenta o un panel que monta automatizaciones a partir de una frase.
Más de una década entre la impresión, la marca, el e-commerce y el producto digital. Por eso diseño pensando en cómo se produce y se usa cada pieza.
“
Explica con un lenguaje claro y cercano conceptos de diseño y experiencia de usuario a personas sin perfil técnico.
DGDavid Güeto BarrionuevoCDO en Salesland · carta de recomendación, 2025
Autonomía e implicación en cada proyecto
Productos y piezas creados desde cero
Integración rápida y buen clima de equipo
Mi stack
Las herramientas con las que diseño, investigo, gestiono y automatizo. Con Claude y ChatGPT también llevo mis diseños a código: webs, landings y prototipos funcionales.
Herramientas que más uso en el día a día
Formación continua
Nunca he dejado de aprender: del diseño gráfico al UX/UI, la gestión ágil y ahora la IA aplicada al negocio.
Titulaciones
Global MBA en IA Empresarial & Data ScienceENEB · certificado por la Universidad Isabel I (90 ECTS)2026 · en curso
Minor en Agile ManagementNuclio Digital School2025
Máster en Diseño UX/UINuclio Digital School · certificado por la UVic (24 ECTS)2024
FPS Diseño Gráfico y Producción EditorialIES Carrús2012–2014
FPM Diseño Gráfico2011–2012
Cursos
Becoming a Product ManagerLinkedIn Learning · 2025
IA generativa para la gestión de proyectosLinkedIn Learning · 2025
Power BICEDECO · 2025
StorytellingLinkedIn Learning · 2025
Técnicas avanzadas de negociaciónLinkedIn Learning · 2025
Resolución de problemasLinkedIn Learning · 2025
Branding avanzadoLinkedIn Learning · 2025
Desarrollo empresarial y planificación estratégicaLinkedIn Learning · 2024
Prompt EngineeringLinkedIn Learning · 2024
EspañolNativo
Inglés B1En progreso, enfoque en comunicación oral
Carnet BCon vehículo propio
Del problema al producto terminado.
Uno gestión de producto, diseño UX/UI e IA generativa. Traduzco decisiones de producto y diseño a un lenguaje que entiende todo el equipo, técnico o no.
Gestión de producto y proyectos
Descubrimiento, priorización y entrega ágil. Ayudo a que el equipo construya lo que los usuarios necesitan y mantengo informadas a todas las partes.
Product discoveryRoadmapAgileStakeholders
Diseño UX/UI
Research, prototipado e interfaces en Figma. Como sé diseñar, sé qué pedir a un equipo de diseño y cómo valorar su trabajo.
ResearchPrototipadoTesting
IA, marca y e-commerce
Automatizo procesos con Make, Zapier y N8N, uso la IA generativa para acelerar el trabajo del equipo, he dirigido marca de producto y he construido tiendas online en WordPress, Prestashop y Shopify.
AutomatizaciónBrandingCROAnalítica
¿Diseñamos algo juntos?
Si tienes un proyecto, una idea o un reto en el que encajen el diseño, el producto o la IA, cuéntamelo. Te respondo en menos de 48 horas.