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.

16 HOTEL SYSTEM
App

HOTEL SYSTEM

La solución plantea un diseño dual: una interfaz de huésped limpia y moderna para reservas, solicitudes de room service y check-out exprés, junto a una interfaz de staff optimizada para velocidad con shortcuts de teclado y vistas condensadas de ocupación. El sistema de notificaciones push conecta ambos perfiles en tiempo real, reduciendo los tiempos de respuesta a solicitudes. Además, el dashboard gerencial consolida métricas de ocupación, satisfacción y revenue por habitación en una sola vista.

UIUXAPP
14 SCORE GOLF APP
App

SCORE GOLF APP

La interfaz minimalista emplea una paleta verde y blanca que evoca el campo de golf, con contraste suficiente para lectura bajo luz solar directa. El input de score funciona con un solo tap mediante un selector numérico sobredimensionado posicionado en la zona de alcance del pulgar. El mapa del campo muestra la progresión hoyo a hoyo con indicadores de color (par, birdie, bogey) que ofrecen feedback visual inmediato. Las estadísticas post-ronda presentan gráficos de rendimiento por hoyo, promedios históricos y comparativas entre rondas.

UIAPPSPORTS
27 DASHBOARD SACSCLOUD
Dashboard

DASHBOARD SACSCLOUD

El dashboard modular permite que cada rol configure sus widgets visibles y su disposición en la grilla. El sistema de alertas codifica por color la prioridad de cada notificación, reduciendo el tiempo de reacción ante incidencias críticas. Los gráficos interactivos soportan drill-down de tres niveles para explorar datos desde la vista general hasta el detalle granular. El modo oscuro, diseñado para jornadas laborales extensas, reduce la fatiga visual y el consumo energético en pantallas OLED.

UIUXDASHBOARD
31 SNAKE CLASSIC
Videojuegos

SNAKE CLASSIC

Arquitectura modular en JavaScript ES6+ organizada en módulos: core (estado y lógica), ui (interfaz), features (auth, chat, ranking, settings), sound (Web Audio API) y lib (Supabase). HTML5 Canvas para gráficos pixelados 2D con interpolación suave via requestAnimationFrame. Multiplayer con Supabase Realtime para sincronización de estados. Persistencia de mejores puntuaciones con localStorage. Sistema de power-ups con formas y colores distintos. PWA optimizado para Android con controles táctiles de tamaño ampliado.

JAVASCRIPTCANVASSUPABASE
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
22 GUARDIAN REDESIGN
Web

GUARDIAN REDESIGN

El rediseño incorpora una sección dedicada a COVID-19 con visualización de datos en tiempo real segmentados por región y nivel de alerta. Las cards de noticias incluyen indicadores de verificación con sellos de fuente y fecha de última actualización. La tipografía se amplió un 15% respecto al diseño original para facilitar sesiones de lectura prolongada. Además, un modo de lectura simplificada elimina elementos decorativos y reduce la interfaz al contenido esencial.

UIREDESIGNWEB
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.