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

Frontend Design Engineer // System Architect

I design and develop interfaces that connect product vision with flawless technical execution. My approach bridges the gap between design and engineering to deliver measurable results.

0X01 // PORTFOLIO

What I've Built.

25 STREAMING UI
Web

STREAMING UI

The design features a rotating hero with autoplay trailers of featured content, generating immediate interest without requiring exploratory clicks. Thematic carousels show expanded previews on hover with synopsis, duration, and rating. The personalized list system lets users organize content by viewing status and preference. The integrated player offers minimal controls and a theater mode that eliminates all peripheral distractions.

UISTREAMINGWEB
10 FLORRIA WEB IA
Gaming

FLORRIA WEB IA

The immersive landing page uses smooth parallax to guide the user through the regions of Florria's world, where each thematic section presents its own chromatic atmosphere and narrative. AI assets integrate as atmospheric backgrounds with carefully designed UI overlays that unify lighting and palette through consistent gradients and color filters. Character cards reveal progressive information on hover — lore, abilities, and rarity — with animations that reinforce each creature's personality.

UIIAGAME
24 SALTO ÁNGEL
Web

SALTO ÁNGEL

The landing page opens with high-resolution aerial photography that fills the entire viewport, creating an immediate visual impact. Informative sections cover the Pemon history of Kerepakupai Vena, geographical data, and access routes from various points across the country. A parallax effect simulates the water descent as the user scrolls, reinforcing the sense of scale. Integration with interactive maps of the Gran Sabana allows visitors to explore the surrounding territory and tepuis.

UIWEBVENEZUELA
36 EXOTERRA
Web

EXOTERRA

ExoTerra solves astronomical visualization through WebGL rendering with Three.js, where each exoplanet is procedurally generated using GLSL shaders that simulate realistic surfaces based on its classified type. The dynamic catalog allows filtering planets by habitability, with detailed thermal data including equilibrium temperature, stellar luminosity, and metallicity. Python scripts extract and normalize CSV data from the Kepler and TESS missions, while PostgreSQL triggers in Supabase automatically calculate habitability scores at insertion time. Security is ensured through Row Level Security, and all intensive computation runs on the database side to maintain fluid 3D rendering on the client.

REACTTYPESCRIPTTHREE.JS
30 SYLVARAN RPG
Gaming

SYLVARAN RPG

Modular architecture with Phaser where each system (combat, inventory, dialogues, progression) operates independently. Navigable maps with multiple layers and reactive environmental animations. Elemental sanctuary system as progression axis. Enemy AI based on state machines with range detection and patrolling. Integrated ambient sound design and cinematic narrative transitions. Code structure that supports expansion without disrupting existing architecture.

JAVASCRIPTPHASERVITE
32 RIFA ONLINE
Web

RIFA ONLINE

Fullstack platform with client interface for raffle browsing, number selection, and payment uploading, separated from an admin panel for raffle creation, reservation moderation, and analytics. API layer with Supabase for authentication and data operations with Row Level Security. Edge Functions as microservices for raffle management and email notifications. Admin authentication token system. Multimedia upload loaders. Verifiable random drawing with public result logging.

HTMLCSSJAVASCRIPT
0X02 // AREAS_OF_EXPERTISE

How I Can Help.

Execution protocols designed to eliminate technical uncertainty and guarantee measurable results.

PROTOCOL 01

DESIGN SYSTEMS

Visual Scalability

Building atomic component libraries and technical documentation. I ensure visual consistency and system integrity.

PROTOCOL 02

INTERFACE ENGINEERING

Technical Fidelity

Frontend development with React and animations. Specialized in optimizing render performance and creating micro-interactions.

PROTOCOL 03

PRODUCT STRATEGY

Vision to Execution

Technical and visual diagnostics to define the product roadmap. I eliminate operational friction between stakeholders and engineering.

PROTOCOL 04

APPLIED AI INTEGRATION

Augmented Intelligence

Integrating AI into design and development workflows. From optimized system prompts to local model deployment with zero external dependency.

0X03 // WORKFLOW

How I Work.

A structured process that transforms product vision into measurable results. Four phases, zero ambiguity.

01

Discovery

I analyze your product, audience, and technical constraints. I identify structural failure points and define measurable objectives.

02

Design

I create user flows, wireframes, and high-fidelity prototypes in Figma. Every design decision is validated before writing a single line of code.

03

Development

I build the interface with React, Astro, and Tailwind CSS. Pixel-perfect fidelity with the design, optimized performance, and accessible from day one.

04

Delivery & Iteration

I deploy, audit performance with Lighthouse, and iterate based on real data. The product launches optimized and ready to scale.

0X04 // TECHNICAL_DIAGNOSIS

Problems I Solve.

Before building, I analyze. I identify the structural failure points that prevent a digital product from scaling efficiently.

ERR_HIGH_DEBT

Inconsistent Systems

Impact: Maintenance fatigue

Visual and technical fragmentation generates technical debt that slows down releases and confuses the end user.

ERR_SYNC_FAIL

Design-Engineering Gap

Impact: Operational friction

The lack of a common language between designers and developers results in low-fidelity implementations and process friction.

ERR_NO_MODULAR

Rigid Architectures

Impact: Lack of modularity

Interfaces that cannot evolve without breaking. The absence of an atomic design system prevents efficient scaling.

0X05 // TECHNICAL_COMPETENCIES

Technical Competencies.

Technology stack and design capabilities consolidated over 7+ years of professional experience.

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

// COLLABORATION

Let's Talk About Your Project.

Do you have a digital product that needs high-performance visual architecture? I am available for new collaborations.