Roadmade

Al planificar un proyecto de diseño, necesitamos saber qué pasos seguir, para qué sirve cada uno y cuáles necesita el encargo. Detecté esta necesidad en los proyectos de UX y diseñé Roadmade para reunir esa orientación en un roadmap que cada profesional pueda ajustar.

El roadmap se organiza en fases, bloques y tareas. Cada tarea incluye una ayuda que explica en qué consiste, por qué es importante y cuándo puede darse por terminada.

Pensé estas ayudas especialmente para perfiles más junior: permiten resolver dudas mientras trabajan y entender para qué sirve cada paso.

Incorporé un proceso de branding: investigación, estrategia de marca, nombre, identidad visual y aplicaciones. En la aplicación figura como «Identidad visual», aunque abarca más.

Puedes tener experiencia en branding y estar empezando en UX, o al revés. Quería acompañar esas distintas necesidades.

Cada proyecto necesita un alcance distinto. Roadmade permite ajustar el proceso manualmente o utilizar la IA para recibir propuestas a partir del briefing.

La IA propone cambios y explica su motivo. El diseñador revisa las sugerencias y decide cuáles incorporar.

Es posible asignar horas y una tarifa para estimar el coste del proyecto. Cada fase puede tener una tarifa distinta o un importe cerrado, según el tipo de trabajo.

La estimación ayuda al profesional a preparar su presupuesto. Las horas, los costes y las notas internas son privados y no aparecen en la vista que se comparte con el cliente.

El roadmap permite mostrar al cliente las fases del proyecto y su avance. Puede descargarse en PDF o enviarse por correo con la identidad visual del diseñador.

Esta vista conserva la información que necesita el cliente para seguir el proyecto. Las estimaciones de horas y costes, las notas internas y las ayudas de cada tarea quedan reservadas al profesional.

Definí la identidad, las tipografías, los colores y los componentes de Roadmade para mantener una experiencia coherente en escritorio y móvil.

Documenté las reglas de diseño en archivos Markdown para guiar el desarrollo con IA y revisar que las nuevas funciones respetaran el sistema.

Diseñé un panel privado desde el que consulto las suscripciones y el coste estimado de la IA. Quería tener a mano la información y las acciones que necesito para mantener la aplicación.

Di un lugar propio a la copia de seguridad: un bloque que explica qué se descarga y un botón para guardar los datos. Por ahora hago esta copia manualmente; todavía no está automatizada.

También documenté criterios de accesibilidad y protección de datos para guiar el desarrollo y revisar la aplicación.

Elegí estas herramientas con el objetivo de reducir al mínimo los costes de puesta en marcha y mantenimiento hasta validar Roadmade con otras diseñadoras.

Lanzar Roadmade me hizo pensar más allá de las pantallas: cómo mantener la aplicación, controlar los costes y cuidar los datos de quienes la utilizan.

Para evitar añadir un coste fijo de mantenimiento desde el inicio, preparé una descarga manual de los datos desde el panel. Ahora la hago yo; automatizarla es una mejora pendiente.

Integrar IA también me llevó a revisar la privacidad: qué información del briefing se envía a OpenAI, cómo explicarlo y qué implican los proveedores y las transferencias internacionales. Ese trabajo forma parte del producto, aunque no se vea en una pantalla.

Preparé instrucciones de accesibilidad en Markdown para guiar el desarrollo con IA y revisar aspectos como la legibilidad, la navegación y los mensajes de error. Aprendí que esos criterios necesitan estar presentes durante todo el trabajo.

Diseñé la identidad de Roadmade y la trasladé a la aplicación y a su web. También preparé la adaptación a móvil y documenté los fundamentos, componentes y estados principales.