Home About Work Services Writing Contact EN
#include<iostream>

Frontend Design Engineer // System Architect

Diseño y desarrollo interfaces que conectan la visión del producto con una ejecución técnica impecable. Mi enfoque elimina la brecha entre diseño e ingeniería para entregar resultados medibles.

0X01 // PORTAFOLIO

Lo que He Construido.

15 REAL MADRID APP
App

REAL MADRID APP

El diseño premium adopta los tonos blancos y dorados de la identidad del club, con tipografía serif para títulos que evoca la tradición institucional del Real Madrid. El feed de noticias presenta cards visuales con fotografía editorial de alta calidad, mientras los perfiles de jugadores despliegan estadísticas interactivas con gráficos radiales de rendimiento por competición. El calendario incluye cuenta regresiva para el próximo partido y acceso directo al modo en vivo, que transforma la interfaz en un dashboard de seguimiento con marcador, alineación y eventos minuto a minuto.

UIAPPSPORTS
10 FLORRIA WEB IA
Videojuegos

FLORRIA WEB IA

La landing page inmersiva utiliza parallax suave para guiar al usuario a través de las regiones del mundo de Florria, donde cada sección temática presenta su propia atmósfera cromática y narrativa. Los assets de IA se integran como fondos atmosféricos con overlays UI cuidadosamente diseñados que unifican la iluminación y la paleta mediante gradientes y filtros de color consistentes. Las cards de personajes revelan información progresiva al hover — lore, habilidades y rareza — con animaciones que refuerzan la personalidad de cada criatura.

UIIAGAME
11 DEATH STRANDING
Videojuegos

DEATH STRANDING

El diseño envuelve al usuario en una atmósfera nebulosa construida con capas de niebla animada y tipografía minimalista que emerge del fondo como señales en un paisaje vacío. Los efectos de glitch sutil en las transiciones entre secciones evocan las anomalías temporales del juego, reforzando la tensión sin resultar intrusivos. Las secciones revelan información de forma progresiva — igual que el gameplay — mediante scroll-triggered animations que dosifican lore, personajes y mecánicas bajo una paleta desaturada con acentos dorados que anclan la mirada.

UIGAMEPS4
37 METEGRITY
Web

METEGRITY

Metegrity se construyó con Astro v6 para generar HTML estático con cero JavaScript del lado del cliente en las páginas informativas. Los estilos se implementaron en CSS3 nativo usando variables centralizadas en global.css, con layouts construidos exclusivamente con Grid y Flexbox. Las interacciones de scroll se manejan con IntersectionObserver en JavaScript vanilla, mientras que los diagramas industriales se animan mediante secuencias de keyframes CSS aplicadas a elementos SVG. La arquitectura de páginas cubre productos, servicios, industrias, insights (blogs, ebooks, casos de éxito), secciones legales y un flujo de reserva de demos. Cada componente Astro utiliza estilos scoped que conviven con las variables globales, garantizando consistencia visual sin conflictos de especificidad.

ASTROCSSJAVASCRIPT
34 KEPLER
IA

KEPLER

KEPLER resuelve la brecha entre percepción humana e inteligencia de campo mediante una plataforma que ejecuta modelos YOLOv11 directamente en el dispositivo del explorador, capaz de identificar y clasificar minerales en milisegundos sin depender de conexión a internet. Su módulo Cortex AI, impulsado por Mistral 7B en ejecución local, va más allá de la detección: analiza cada hallazgo en contexto con el historial completo de exploración, permitiendo al usuario consultar relaciones entre muestras de distintas misiones mediante lenguaje natural. Cada descubrimiento se geolocaliza automáticamente sobre mapas tácticos 3D que combinan coordenadas GPS, imágenes satelitales y descripciones de terreno generadas por IA, revelando patrones de distribución que el ojo humano no puede detectar por sí solo. Todo el ecosistema opera en dos modalidades complementarias — el Centro de Control Desktop para planificación de misiones y la Unidad de Campo Móvil con realidad aumentada para ejecución en terreno — con sincronización en tiempo real cuando existe conectividad y funcionamiento offline completo cuando no la hay, garantizando que ningún hallazgo se pierda independientemente de las condiciones del entorno.

JAVASCRIPTIAVISION
24 SALTO ÁNGEL
Web

SALTO ÁNGEL

La landing page abre con fotografía aérea en alta resolución que ocupa el viewport completo, generando un impacto visual inmediato. Las secciones informativas cubren la historia pemón del Kerepakupai Vená, datos geográficos y rutas de acceso desde distintos puntos del país. Un efecto parallax simula el descenso del agua a medida que el usuario hace scroll, reforzando la sensación de escala. La integración con mapas interactivos de la Gran Sabana permite explorar el contexto territorial y los tepuyes circundantes.

UIWEBVENEZUELA
0X02 // ÁREAS_DE_ESPECIALIZACIÓN

Cómo Puedo Ayudarte.

Protocolos de ejecución diseñados para eliminar la incertidumbre técnica y garantizar resultados medibles.

PROTOCOL 01

DESIGN SYSTEMS

Escalabilidad Visual

Construcción de bibliotecas de componentes atómicos y documentación técnica. Aseguro la consistencia visual y la integridad del sistema.

PROTOCOL 02

INTERFACE ENGINEERING

Fidelidad Técnica

Desarrollo frontend con React y animaciones. Especializado en optimizar el rendimiento de renderizado y crear micro-interacciones.

PROTOCOL 03

PRODUCT STRATEGY

Visión a Ejecución

Diagnóstico técnico y visual para definir el roadmap de producto. Elimino la fricción operativa entre stakeholders e ingeniería.

PROTOCOL 04

APPLIED AI RESEARCH

Innovación Operativa

Implementación de flujos de trabajo inteligentes. Desde Ingeniería de Prompts hasta el despliegue de LLMs locales.

0X03 // PROCESO_DE_TRABAJO

Cómo Trabajo.

Un proceso estructurado que transforma la visión de producto en resultados medibles. Cuatro fases, cero ambigüedad.

01

Descubrimiento

Analizo tu producto, audiencia y restricciones técnicas. Identifico puntos de fallo estructurales y defino objetivos medibles.

02

Diseño

Creo user flows, wireframes y prototipos de alta fidelidad en Figma. Cada decisión de diseño se valida antes de escribir una sola línea de código.

03

Desarrollo

Construyo la interfaz con React, Astro y Tailwind CSS. Fidelidad pixel-perfect con el diseño, rendimiento optimizado y accesibilidad desde el día uno.

04

Entrega e Iteración

Despliego, audito rendimiento con Lighthouse e itero en base a datos reales. El producto se lanza optimizado y listo para escalar.

0X04 // DIAGNÓSTICO_TÉCNICO

Problemas que Resuelvo.

Antes de construir, analizo. Identifico los puntos de fallo estructurales que impiden a un producto digital escalar con eficiencia.

ERR_HIGH_DEBT

Sistemas Inconsistentes

Impacto: Fatiga de mantenimiento

La fragmentación visual y técnica genera una deuda técnica que ralentiza los lanzamientos y confunde al usuario final.

ERR_SYNC_FAIL

Brecha Diseño-Ingeniería

Impacto: Fricción operativa

La falta de un lenguaje común entre diseñadores y desarrolladores resulta en implementaciones de baja fidelidad y fricción en los procesos.

ERR_NO_MODULAR

Arquitecturas Rígidas

Impacto: Falta de modularidad

Interfaces que no pueden evolucionar sin romperse. La ausencia de un sistema de diseño atómico impide el escalado eficiente.

0X05 // COMPETENCIAS_TÉCNICAS

Competencias Técnicas.

Stack tecnológico y capacidades de diseño consolidadas en +7 años de experiencia profesional.

FRONTEND // ARQUITECTURA WEB

MK-IV

Development MODULE

React Ecosystem EXPERT
Visual Engineering EXPERT
WordPress & CMS ADVANCED

> SYSTEM IDLE // AWAITING INPUT...

BACKEND // DATOS E INFRAESTRUCTURA

MK-IV

Infrastructure MODULE

Node.js Core INTERMEDIATE
Database / BaaS INTERMEDIATE
Python BASIC

> SYSTEM IDLE // AWAITING INPUT...

HERRAMIENTAS // FLUJO DE TRABAJO

MK-IV

Workflow MODULE

Design Ops EXPERT
Dev Ops INTERMEDIATE
Environment ADVANCED

> SYSTEM IDLE // AWAITING INPUT...

INTELIGENCIA ARTIFICIAL // APLICADA

MK-IV

Intelligence MODULE

Generative AI SPECIALIST
LLM Engineering SPECIALIST
Prompt Engineering EXPERT

> SYSTEM IDLE // AWAITING INPUT...

// COLABORACIÓN

Hablemos de tu Proyecto.

¿Tienes un producto digital que necesita una arquitectura visual de alto rendimiento? Estoy disponible para nuevas colaboraciones.