Schormeiker Lugo
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.
Lo que He Construido.
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.
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.
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.
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.
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.
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.
Cómo Puedo Ayudarte.
Protocolos de ejecución diseñados para eliminar la incertidumbre técnica y garantizar resultados medibles.
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.
INTERFACE ENGINEERING
Fidelidad Técnica
Desarrollo frontend con React y animaciones. Especializado en optimizar el rendimiento de renderizado y crear micro-interacciones.
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.
APPLIED AI RESEARCH
Innovación Operativa
Implementación de flujos de trabajo inteligentes. Desde Ingeniería de Prompts hasta el despliegue de LLMs locales.
Cómo Trabajo.
Un proceso estructurado que transforma la visión de producto en resultados medibles. Cuatro fases, cero ambigüedad.
Descubrimiento
Analizo tu producto, audiencia y restricciones técnicas. Identifico puntos de fallo estructurales y defino objetivos medibles.
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.
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.
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.
Problemas que Resuelvo.
Antes de construir, analizo. Identifico los puntos de fallo estructurales que impiden a un producto digital escalar con eficiencia.
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.
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.
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.
Competencias Técnicas.
Stack tecnológico y capacidades de diseño consolidadas en +7 años de experiencia profesional.
FRONTEND // ARQUITECTURA WEB
Development MODULE
> SYSTEM IDLE // AWAITING INPUT...
BACKEND // DATOS E INFRAESTRUCTURA
Infrastructure MODULE
> SYSTEM IDLE // AWAITING INPUT...
HERRAMIENTAS // FLUJO DE TRABAJO
Workflow MODULE
> SYSTEM IDLE // AWAITING INPUT...
INTELIGENCIA ARTIFICIAL // APLICADA
Intelligence MODULE
> SYSTEM IDLE // AWAITING INPUT...
Hablemos de tu Proyecto.
¿Tienes un producto digital que necesita una arquitectura visual de alto rendimiento? Estoy disponible para nuevas colaboraciones.