Proyecto personal · Con IA · 2026 · En Figma
Esta página: 11 rondas de propuestas y una versión final armada con lo mejor de cada una.
Clienta real · Web, celular primero · 2026 · En línea
Pedir turno es un botón: abre WhatsApp con el mensaje armado, sin cuenta ni calendario.
Gráfica y producción · 2026
Ilustración, editorial y packaging: una edición en vinilo completa.
Proyecto personal · Sola · 2024 · Sin usuarios
Una billetera digital pensada para Uruguay, en 85 pantallas.
Proyecto de curso · Sola · 2022–2023
De 7 secciones a 5, con la compra primero, y un tree testing con 10 personas.
01UX/UI
Este portfolio
Cómo se hizo esta página
La hice con un agente de IA: cada noche armaba propuestas a partir de mis devoluciones, y a la mañana yo las revisaba, decía qué quedaba y qué no, y pedía la siguiente. En 11 rondas pasaron 26 propuestas. La versión final no es ninguna de ellas: es un collage, sección por sección, de lo mejor de varias, unificado al final.
- Año
- 2026
- Tipo
- Proyecto personal · web
- Cómo
- Sola, con un agente de IA
- Estado
- En línea desde octubre de 2026
- Entregables
- Diseño final en Figma, con componentes y estilos
De dónde salió cada parte
Para la versión final elegí, sección por sección, la propuesta que mejor resolvía cada una, y después las unifiqué: una escala, dos tipografías y un solo color de acento.
-
Ronda 7 · El escritorio de Belu
Con la escena más limpia y la ventana en hora.
-
Ronda 7 · Las dos caras del nombre
-
Ronda 9 · Las dos mitades
QuickPay sin el campo azul; Gráfica en un mosaico que crece con cada pieza.
-
Ronda 9 · Frente y dorso
-
Ronda 8 · La escena que se achica
Cuatro momentos en once rondas
Qué aprendí
- Mostrar con capturas qué quería de cada versión funcionó mejor que describirlo con palabras: la página final salió de señalar de dónde venía cada parte.
- Juntar piezas de distintas versiones obliga a unificar: la tipografía, la jerarquía y el color se ajustaron recién en la última ronda.
Qué haría distinto hoy
- Definir antes la escala tipográfica y la paleta, para no tener que unificarlas al final.
- Revisar cada ronda también en el celular desde el principio: varios detalles aparecieron recién ahí.
02UX/UI
Gallulo Studio
Una web para pedir turno en una peluquería del Cerro
Agus es la dueña de Gallulo Studio, peluquería y salón de uñas del Cerro, en Montevideo. La web tenía que resolver una cosa por encima de todo: que una clienta que llega desde Instagram pueda pedir turno sin vueltas.
- Año
- 2026
- Tipo
- Clienta real · web, celular primero
- Cómo
- Con ayuda de IA: el brief con Claude y el diseño en Claude Design
- Estado
- En línea desde octubre de 2026
- Entregables
- Tres páginas en celular y escritorio, y un handoff con tokens y 10 animaciones
Hice el diseño de punta a punta: la charla con la dueña, el contenido, el brief, el diseño en Claude Design y el handoff. La implementación se hizo con un agente de código a partir de mi handoff.
-
El turno, por WhatsApp
Pedir turno es mandar un WhatsApp con el mensaje ya armado. Descarté un sistema de reservas con calendario y cuenta de usuaria: la clienta usa la app que ya usa. Lo que resigné: el turno no queda confirmado al instante, y la página lo dice claro.
-
Celular primero, con una barra fija
Las clientas llegan desde el link de Instagram, en el teléfono: «Pedir turno por WhatsApp» queda siempre a mano en una barra abajo, en lugar de repetir el botón en cada sección. Lo que resigné: unos 80 px de pantalla ocupados todo el tiempo.
-
El verde, solo para WhatsApp
El verde de WhatsApp va únicamente en los botones de pedir turno; el oro, en la numeración y los subrayados. Si el verde aparece solo ahí, se lee como «acá se pide turno».
Qué aprendí
- Diseñé sin tener todos los datos: los precios, las duraciones y la presentación de Agus iban a llegar después, así que en el diseño quedaron marcados como datos que faltan, sin inventarlos.
Qué haría distinto hoy
- Diseñar los estados de error del pedido de turno (si falta el nombre o el día): en mi diseño no estaban y se resolvieron al implementarlo.
- Diseñar también un ancho intermedio: diseñé a 390 y a 1280 px, y entre 1024 y 1279 px las columnas no entraban.
- Una portada más corta: hoy lleva la lista de precios entera, que también está en la página de servicios.
- Pedir desde el principio una forma de medir cuántas personas tocan «Pedir turno».
03
Gráfica y producción
Ilustración, editorial y packaging.
La edición en vinilo de un disco de El Cuarteto de Nos, de 2026.
- Año
- 2026
- Cómo
- Sola
- Entregables
- Una edición en vinilo completa (ilustraciones, tapa, folleto, pegotines y posavasos)
La Suiza del Sur
2026
Para la facultad: la edición en vinilo de un recopilatorio de El Cuarteto de Nos, diez canciones sobre la identidad uruguaya. Ilustraciones propias, tapa y contratapa, folleto, pegotines de los lados A y B y posavasos.
La Suiza del Sur · el folleto
2026
El interior: una introducción y un texto por canción, con su álbum, año y duración, sobre el mismo fondo de acuarela de la tapa. La redacción de los textos la pulí con IA.
04
QuickPay
Una billetera digital pensada para Uruguay
Pagar ANTEL, BPS o la Intendencia, transferir y usar beneficios, en 85 pantallas.
- Año
- 2024
- Tipo
- Proyecto personal · app
- Cómo
- Sola
- Estado
- Sin usuarios ni cliente
- Entregables
- 85 pantallas en Figma, con sus estados de error y de éxito
Lo diseñé por mi cuenta en 2024: 85 pantallas en Figma para pagar servicios de acá (ANTEL, BPS, BROU, Intendencia de Montevideo), transferir, convertir entre pesos y dólares, pagar con QR, entrar con Face ID y usar beneficios, con sus estados de error y de éxito. No tuvo usuarios ni cliente.
Qué haría distinto hoy
- Texto más grande y con más contraste.
- Botones con jerarquía: principal, secundario y deshabilitado.
- Componentes desde el principio, y una sola voz.
- Un error de pago que ofrezca otra salida además de «Volver».
05
Nossar
Rediseñar la compra de pasajes de una empresa de ómnibus
Elegí Nossar, empresa de ómnibus de Durazno: en su web, la compra era una caja al pie de la portada. Hice todo el proceso sola: entrevistas, card sorting, arquitectura, tree testing y prototipo en Figma.
- Año
- 2022–2023
- Tipo
- Proyecto de curso (Coderhouse) · web de escritorio
- Cómo
- Sola, de la investigación al prototipo
- Estado
- No presentado a la empresa
- Entregables
- 3 entrevistas, card sorting, tree testing con 10 personas y un prototipo de 89 pantallas en Figma
Evalué mi propia arquitectura nueva con un tree testing: 10 personas, 2 tareas.
6 de 10
- Tarea 1 encontraron dónde reservar y comprar un pasaje (4 por el camino directo, 2 con vueltas).
- Tarea 2 encontraron cómo mandar un paquete de Montevideo a Colonia (5 por el camino directo, 1 con vueltas).
15 s
fue la mediana para llegar a la compra.
De siete secciones a cinco, con la compra primero
En 2022, la web de Nossar tenía siete secciones, un fax en la cabecera y la venta en línea en una de tres cajas al pie de la portada. Las 3 personas que entrevisté la describieron como «tosca, poco amigable y poco intuitiva», y 2 de 3 la usan sobre todo para comprar pasajes.
Empresa e Historia pasaron juntas a «Sobre nosotros», como las agrupó el card sorting (8 de 10). La venta quedó primera, con el camino Buscar el pasaje › Lista de coches › Elegir asiento › Datos y pago.
Antes 7 secciones
- Inicio
- Empresa
- Historia
- Horarios
- Agencias
- Encomiendas
- Contacto
Después 5 secciones
- Venta online
- Encomiendas
- Horarios
- Sobre nosotros
- Contacto
Lo que leo hoy: 4 de 10 personas no encontraron la compra en una arquitectura que la ponía primera. Es un hallazgo sobre mi diseño: probaría nombres más directos, con el verbo de la tarea, como «Comprar pasajes» en lugar de «Venta online».
Qué aprendí
- Con 10 personas, casi todas conocidas, un tree testing sirve para ver problemas, no para medir.
- Un tree testing dice si encuentran el camino, no si completan la compra.
Qué haría distinto hoy
- Ajustar la arquitectura con lo que mostró el tree testing y volver a probarla antes de dibujar pantallas.
- Probar Horarios dentro de la compra: en el card sorting, 7 de 10 lo juntaron con «Buscar pasaje».
- Mostrar en la lista de coches el precio y los asientos libres, que es con lo que se decide.
- Reclutar fuera de mi entorno, con personas que viajen en ómnibus al interior.
Escribime
belumabelu@gmail.com
Disponible desde ya para un puesto de diseño UX/UI o gráfico en Montevideo, en relación de dependencia, medio tiempo o completo. También tomo proyectos freelance.