Case study · Product design + desarrollo
De los Barcos
Una plataforma que organiza la ciudadanía croata por descendencia: elegibilidad, documentos, rastreo en Croacia, comunidad y profesionales. Diseñé y desarrollé el producto completo, de la animación de bienvenida en pixel art a un design system de más de 40 componentes, para que un trámite largo y confuso se pueda recorrer paso a paso.
Recorrido por el producto.
Un trámite largo, ordenado en pasos
El desafío era convertir un trámite burocrático, disperso en archivos y oficinas de dos países, en un recorrido que cualquier persona pueda entender, empezar y sostener en el tiempo.
Un laberinto de actas y oficinas
Tramitar la ciudadanía croata exige reunir actas de varias generaciones, apostillarlas y traducirlas, y ubicar el pueblo del antepasado en archivos dispersos, sin saber qué falta ni en qué orden hacerlo.
Una plataforma que guía el trámite
Un cuestionario de 4 preguntas define la elegibilidad y un checklist guía los 8 pasos oficiales. La carpeta, la cadena genealógica y un informe semáforo muestran qué falta, con comunidad y profesionales verificados.
Un trámite que se ve de un vistazo
El progreso se ve en un porcentaje, la carpeta completa en una tabla y el próximo paso siempre está claro. El producto cubre 4 roles en 64 pantallas, construidas sobre un design system de más de 40 componentes.
Cómo llegué a la solución
Entender el trámite
Relevé los requisitos oficiales del Ministerio del Interior de Croacia y los pasos reales de una familia, para separar lo obligatorio de lo que se puede simplificar.
Arquitectura de información
Organicé el producto en 8 pasos, una cadena genealógica y una carpeta de documentos, con cuatro roles que ven distintas partes del mismo trámite.
Diseño y design system
Armé variables, estilos de texto y más de 40 componentes con variantes, y diseñé las 64 pantallas con ellos, con una identidad cálida en rojo y pixel art.
Desarrollo y lanzamiento
Lo desarrollé con React y Supabase, con login, roles, carpeta de documentos y generación de emails, y lo publiqué en delosbarcos.com.ar.
Cada pantalla resuelve una parte del trámite
Login con la historia de la migración
Una animación en pixel art —Dalmacia, el barco, el puerto de Buenos Aires y la pampa— abre el producto. “Ellos cruzaron en barco. Vos volvés con ciudadanía.”
La escena del puerto
La animación cuenta la migración antes de pedir el primer dato: el barco que sale de Croacia y llega a Buenos Aires, con la bandera de cada país.
Elegibilidad en 4 preguntas
Un cuestionario corto evalúa el caso y personaliza el checklist del trámite según el vínculo con el antepasado croata.
Guía paso a paso
Cada paso con su checklist, sus documentos y su tiempo estimado, y la próxima acción siempre visible.
Encontrar el pueblo del antepasado
Búsqueda en CEMLA y FamilySearch, con fichas que quedan guardadas en la cadena familiar.
La carpeta completa en una tabla
Un documento por fila y una columna por variante: original, legalización, apostilla y traducción.
Cadena genealógica
Cada generación con su acta. El árbol se puede importar desde MyHeritage (GEDCOM).
Informe semáforo
Revisa la carpeta contra los requisitos y muestra qué falta en cada paso, con el progreso total a la vista.
Pedidos a Croacia, en croata
Genera el email formal al Matični ured y hace el seguimiento de cada pedido.
Portal profesional
Traductores, abogados y gestores reciben y responden consultas de usuarias Premium.
Backoffice
Aprobación de profesionales antes de que aparezcan en el directorio.
Design system
Variables, estilos de texto y más de 40 componentes con variantes; todas las pantallas están armadas con ellos.
Diseño de la solución
Una historia antes del formulario
La bienvenida en pixel art cuenta la migración antes de pedir datos y le da al trámite un tono humano.
Un paso a la vez
Ocho pasos oficiales con su tiempo estimado evitan abrumar: la persona solo ve lo que sigue.
Semáforo en vez de lista plana
Verde, amarillo y rojo muestran qué está completo, en curso o faltante, sin leer cada documento.
El croata lo resuelve el sistema
La plataforma genera el email formal en croata y lo acompaña de su traducción, para no depender del idioma.
Profesionales verificados
Un backoffice aprueba a traductores, abogados y gestores antes de que aparezcan en el directorio.
De los Barcos está en vivo: una sola plataforma donde la persona ve su progreso, arma su carpeta, ubica a su antepasado y consulta a profesionales, sin perder el hilo de un trámite que puede durar años.