CONEC
TANDO

Conectando es, en su origen, un juego de mesa estratégico y colaborativo donde dos duplas se enfrentan en un tablero cuadriculado, el desafío es ser el primer equipo en construir un camino continuo desde el centro hasta una salida.

En cada turno, los jugadores deben conversar, tomar decisions, elegir la pieza adecuada y conectarla al camino existente, las partidas mutan constantemente, y los retos generan recorridos dinámicos e impredecibles.

Este proyecto corresponds a una re-edición digital del juego, lejos de intentar replicar la estructura, reglas o componentes físicos de manera literal, la propuesta busca reinterpretar sus pilares esenciales como la conexión, colaboración, comunicación y construcción a través del lenguaje interactivo web.

La incertidumbre se manifiesta desde el primer segundo en la interfaz de esta página, el entorno web no entrega la información de forma pasiva, sino que exige la curiosidad del usuario, la página actual como un tablero vivo donde el recorrido se va revelando paso a paso.

A partir del análisis del juego físico se abstrajeron tres acciones vitales: Transforma, Decide y Avanza, estos conceptos son la segunda parte del proyecto, un ecosistema digital interactivo donde la incertidumbre se vive en tiempo real.

En conjunto, Conectando Digital mantiene un vínculo conceptual con el juego original, logrando que el usuario no solo lea sobre el proyecto, sino que experimente la adrenalina, la adaptación y el misterio de no saber a dónde lo llevará su próxima conexión.

El proceso constructivo se articuló a través de un flujo de trabajo, iniciando con la planificación de la interfaz y el prototipado de las interacciones en Figma, plataforma que funcionó como el gatillante visual del proyecto; luego el traspaso de estos bocetos al entorno digital se programó en Visual Studio Code y luego traspaso a Github, abarcando la estructura semántica y los estilos dinámicos, para la optimización de los algoritmos en WebGL y la resolución de la lógica compleja, el desarrollo fue apoyado por herramientas de inteligencia artificial como Claude y GeminiPro, las cuales agilizaron los pasos de cada interacción.

A nivel visual, la interfaz se sostiene sobre un sistema tipográfico, la fuente Syne asume el protagonismo en los títulos por su peso, mientras que Space Mono se utiliza en los micro textos para emular la estética modular de los componentes del juego, la lectura se optimizó restringiendo el ancho de las líneas a 65 caracteres, todo dentro de un contenedor fluido adaptativo topado a 1400px de ancho, esta retícula flexible permite crear composiciones dinámicas.