franbencosme. ←  El cielo

Laboratorio de Innovación Digital · Gobierno de R.D. · 2021–2022

Una página que se recorre en patineta

El laboratorio de innovación del gobierno necesitaba demostrar que podía hacer más que formularios. Esta es la historia en orden: primero una marca, luego una web, luego un mundo 3D donde cada faceta del laboratorio es un lugar — y al final de esta página, el sitio vivo, embebido. Recórrelo.

Rol
Creador de la marca · product designer · concepto y product owner 3D · UX research
Tiempos
2 meses marca · 3 meses web · 2 meses 3D
Construido con
Ingenieros de front end, back end y 3D
Estado
Vivo hoy

01

Empezó siendo una marca

Mi primer encargo allí no fue un servicio. Fue el laboratorio mismo: una identidad que se leyera como gente joven mejorando el Estado desde adentro. Fui el creador de la marca. El LID nació primero — una marca facetada que empuja hacia adelante, en colores que se niegan a parecer un ministerio.

Después, cuando OPTIC pasó a ser OGTIC, co-creé la nueva marca institucional, y sigue a propósito el patrón del LID: las facetas, los colores, la flecha. Dos marcas vivas, una familia, para que la marca madre se lea como lo que la institución quiere ser: progreso, avance, futuro.

La marca LID y sus cuatro tratamientos, junto al mapa isométrico del mundo en que se convertiría
La marca, y los cuatro tratamientos que tuvo que sobrevivir. Al lado, el mundo en que se convertiría.
La marca LID junto a la marca madre OGTIC que sigue su patrón
Un patrón, dos marcas vivas. El LID nació primero; la marca madre de OGTIC lo sigue a propósito.

02

Luego una web que tenía que ganarse la confianza

Tres meses en el sitio que mostraba cómo trabaja el laboratorio — lo bastante bien como para que los ministerios le trajeran problemas. Empezó donde empiezan los productos: a mano. Benchmark de interacciones y navegación, tecnología ligera y de bajo requerimiento, y en mente un usuario que nunca había usado algo así.

  • 01Definir el servicio antes que la interfaz. Quién necesita qué, de quién, y qué lo prueba.
  • 02Diseñar para el peor caso: equipo viejo, conexión lenta, poca paciencia.
  • 03Paleta AAA para baja visión, con un color vibrante guiando cada zona.
  • 04Ligero, de bajo requerimiento, responsive — para un usuario normal sin experiencia previa.
El portal del LID, bocetado primero a mano: inicio, portafolio y subsitios
El portal, primero a mano: inicio, portafolio, subsitios. En el papel es donde se recorta.

03

Luego el mundo

La segunda versión fue la apuesta: no una página sino un lugar, dibujado en un cuaderno antes de que existiera un solo polígono. Cada zona del laboratorio se volvió un sitio al que llegas en patineta — los proyectos son vallas que pasas, las convocatorias tienen su plaza, y hay un edificio que muestra cómo trabaja el equipo por dentro. Dos meses, con ingenieros 3D construyendo al lado.

El primer boceto en cuaderno del trazado del mundo 3D
El mundo antes del mundo: las zonas, dibujadas en un cuaderno.

04

Lo que cambió

Al laboratorio empezaron a llegarle propuestas de juegos, AR y VR — cosas que nadie le había llevado — y los proyectos llegaban mejor formulados, con propósito más claro. Los ciudadanos en sus eventos se triplicaron. Las instituciones que le traían trabajo se duplicaron. El laboratorio quedó establecido oficialmente, abierto al país, con ideas llegando de todas partes.

Ciudadanos en los eventos del laboratorio tras el relanzamiento
Instituciones del Estado trayéndole trabajo
Vivo
Sigue en línea, y sigue recorriéndose, años después
Las instituciones que trajeron sus problemas al laboratorio: LID, OGTIC, Policía Nacional, SDE, DGCINE, MOPC, Migración, Educación
Las instituciones que trajeron sus problemas: policía, ayuntamientos, cine, obras públicas, migración, educación.

05

Recórrelo tú mismo

Esto no es un mockup. Es el sitio vivo, embebido — W para moverte, Shift para turbo, H para ayuda. Si tu equipo lo prefiere, ábrelo a pantalla completa en 3d.laboratorio.gob.do.

Existió para romper una mentalidad: demostrar que una institución pública podía hacer más que formularios.