PRODUCTO · UX/UI · DESARROLLO FULL STACK
Fomenta
La convocatoria tiene reglas.
La inscripción no tiene por qué.
Desarrollé una plataforma para programas de fomento a la innovación: inscripción por etapas, con progreso, guardado automático, ruta de formación y un copiloto de inteligencia artificial que conoce la convocatoria y la etapa donde está la persona.
- MI TRABAJO
- Producto, interfaz, frontend y backend
- EL PRODUCTO
- Plataforma multi-programa para convocatorias de innovación
- ESTADO
- Prototipo funcional · pantallas con datos de demostración
PROTOTIPO FUNCIONALENTRADA DEL PROGRAMA
Antes de pedir un solo dato,
la plataforma explica el programa.
EL PROYECTO
Escribir una propuesta no debería
ser pelear con el sistema.
Una convocatoria de innovación reúne etapas, límites de texto, documentos y criterios de evaluación. Lo difícil debería ser la idea, no averiguar en qué campo entra, cuánto falta y si lo escrito hasta ahora quedó guardado.
La plataforma reparte la inscripción en etapas con progreso visible, guarda sola mientras la persona escribe y mantiene la formación dentro del mismo recorrido, en vez de enviar al participante a otro sistema.
Es un estudio de rediseño de una plataforma de fomento existente: la misma información y las mismas reglas, reorganizadas. Diseñé y desarrollé las dos caras, la del participante y la del programa, con la API, la base de datos y la capa de IA.
Participante
Alta, inscripción en ocho etapas, progreso, guardado automático, documentos, formación y certificado.
Programa
Estructura multi-programa por estado, con los datos de cada convocatoria aislados de las demás y sus reglas aplicadas en el servidor.
Plataforma
Aplicación web, API propia, base relacional, copiloto de IA por streaming y accesibilidad cubierta por pruebas automatizadas.
EL RECORRIDO COMPLETO
- Entrada
- Alta
- Inscripción por etapas
- Copiloto
- Guardado automático
- Formación
- Certificado
CAPÍTULO 01 · LA INSCRIPCIÓN
Ocho etapas, progreso a la vista
y nada que se pierda.
El panel abre donde la persona se quedó y muestra lo que falta. Cada etapa lleva los límites de la convocatoria en la propia pantalla, y el texto se guarda mientras se escribe: cerrar el navegador a la mitad no cuesta el trabajo de anoche.
- Progreso honesto
- La barra mide las etapas completadas según las reglas de la convocatoria, no la cantidad de campos llenos.
- Guardado automático
- El borrador se graba mientras se escribe, con aviso de lo que ya quedó guardado.
CAPÍTULO 02 · EL COPILOTO
La IA sugiere.
Quien escribe es la persona.
El copiloto está al lado del formulario y sabe en qué etapa se encuentra la persona. Explica qué pide la convocatoria en ese campo, resuelve dudas y propone un texto a partir de lo ya escrito. La sugerencia aparece en el panel del copiloto y solo entra al formulario cuando la persona pulsa aplicar.
- Contexto de la etapa
- El copiloto recibe la convocatoria y el campo en foco, así que responde sobre ese tramo y no sobre todo el programa.
- Respuesta en flujo
- El texto llega palabra a palabra por streaming, y la conversación queda guardada con la inscripción.
- Aplicación confirmada
- Ninguna sugerencia sustituye lo que la persona escribió sin que ella lo pida.
CAPÍTULO 03 · FORMACIÓN
Aprender forma parte
del mismo recorrido.
El programa exige formación antes del envío. En vez de mandar al participante a otra plataforma, la ruta vive dentro del producto, con su propio progreso, y el certificado sale al final, listo para descargar y presentar.
- Ruta integrada
- Las clases están junto a la inscripción, con el progreso sumando en la misma cuenta.
- Certificado al final
- La finalización genera el documento, sin pedir que la persona lo busque en otro lugar.
EL PRINCIPIO
Ningún texto escrito por IA
entra en la propuesta sin que la persona lo aplique.
INGENIERÍA
Las decisiones que
sostienen el producto.
01Una base, muchos programas
Estados y programas son jerarquía en el modelo de datos, y todo acceso está acotado por programa. Ninguna convocatoria ve los datos de otra, y la regla vive en el repositorio, no en la pantalla.
02El copiloto responde sobre la etapa
El texto de la convocatoria y el campo en foco entran en el contexto de cada pregunta, lo que mantiene la respuesta en tema y barata de generar. La conversación se guarda con la inscripción.
03Sugerir no es escribir
Aplicar un texto sugerido es una acción explícita del usuario. El backend nunca escribe en el campo a partir de la respuesta de la IA.
04Accesibilidad con pruebas
La interfaz tiene verificación automatizada de accesibilidad en el propio proyecto, junto con las pruebas, en vez de una revisión manual al final.
- Next.js
- TypeScript
- Tailwind
- FastAPI
- SQLAlchemy
- IA generativa
- Streaming (SSE)
- Accesibilidad probada
Prototipo funcional, hecho como estudio de rediseño de una plataforma de fomento existente. Las pantallas usan datos de demostración.
PRÓXIMO PASO
Un formulario largo no tiene
que ser un mal formulario.
Si tu operación depende de gente que completa información difícil, el trabajo es el mismo de aquí: entender la regla, mostrar el progreso, guardar sin que lo pidan y dejar que la máquina ayude sin quitarle la pluma a nadie.
Hablar de un proyecto
