Práctica · Colaboración
Esta parte del archivo reúne las disciplinas que uso con más frecuencia: desarrollo frontend, gráficos web, 3D, automatización y diseño de interfaz. Algunas nacen de proyectos personales; otras también pueden convertirse en colaboraciones cuando el problema y el alcance encajan.
El stack cambia según la pieza. Primero defino qué quiero construir o comunicar y después elijo las herramientas. Cuando una idea necesita animación, 3D o interacción, también considero desde el inicio el rendimiento, la accesibilidad, el comportamiento en móvil y una alternativa cuando el efecto visual no está disponible.
Desarrollo de interfaces con React, Next.js y TypeScript. Cuando la propuesta lo requiere, se incorporan Three.js, React Three Fiber, WebGL, GLSL, GSAP o Framer Motion para crear movimiento y profundidad sin perder navegación, contenido semántico ni controles de movimiento reducido.
Entregables posibles: landing pages, portafolios, sistemas de componentes, escenas interactivas, prototipos y optimización de interfaces existentes.
Modelado y texturizado para experiencias web o videojuegos. El trabajo considera la topología, el número de polígonos, el tamaño de las texturas y las limitaciones del medio de destino. Para web, el objetivo es conservar una lectura visual fuerte con un recurso que pueda cargarse y animarse de forma razonable.
Herramientas declaradas: Blender, Unreal Engine y flujos glTF para experiencias web.
Automatización de tareas repetitivas con Python: recolección y transformación de datos, scraping cuando el origen lo permite, scripts de apoyo y pequeñas herramientas internas. El entregable debe reducir pasos manuales y dejar documentado qué recibe el script, qué produce y cómo se ejecuta.
Enfoque: soluciones pequeñas, explícitas y mantenibles antes que infraestructura innecesaria.
Wireframes, componentes y sistemas visuales en Figma antes de construir la interfaz. El objetivo es acordar jerarquía, estados, espaciado y comportamiento responsive para que el código implemente decisiones ya pensadas, en lugar de improvisar un sistema durante el desarrollo.
Entregables posibles: wireframes, componentes, tokens visuales y especificaciones de interacción.
El proceso cambia según el proyecto, pero suelo pasar por cinco momentos. La misma estructura sirve para una pieza personal, un experimento o una colaboración con un objetivo más definido:
Un mensaje inicial ayuda más cuando explica qué quieres hacer, qué material ya existe, las referencias que te interesan y cualquier límite técnico o de tiempo. A partir de ahí puedo decirte si encaja con frontend, WebGL, 3D, automatización o diseño de interfaz.
Los casos de estudio documentan decisiones y límites. Puedes revisar el caso de Dustkeith Portfolio, el caso de Obsidian Arda, el repositorio público de Obsidian Arda y el fork público Dark Paradise Cupertino.