Manolo Recio | Senior Graphic & Visual Designer & Scenography Developer & AI Creative Developer
Bienvenido a mi portfolio interactivo profesional. Esta Single Page Application (SPA) de alto rendimiento ha sido diseñada y programada desde cero para exhibir más de 25 años de trayectoria internacional en diseño visual y escenografía.
Welcome to my professional interactive portfolio. This high-performance Single Page Application (SPA) has been custom-built to showcase over 25 years of international experience in visual design and scenography.
Este proyecto ha sido auditado con Google Lighthouse (V13), alcanzando métricas de rendimiento de nivel élite: This project has been audited with Google Lighthouse (V13), achieving elite-tier performance metrics:
- Performance: 97/100 🟢
- Speed Index: 1.8s ⚡
- LCP (Largest Contentful Paint): 2.0s 🟢
- Best Practices: 100/100 🟢
- SEO: 100/100 🟢
Arquitectura optimizada para garantizar una experiencia de usuario premium y una carga ultra-rápida: Custom architecture designed to ensure a premium user experience and ultra-fast loading:
| Tecnología / Tech | Descripción (ES) | Description (EN) |
|---|---|---|
| React 19 | Gestión de estado eficiente y carga de componentes asíncrona. | Efficient state management and asynchronous component loading. |
| Vite & Hashing | Compilación standalone con nombres de archivo únicos para control de caché. | Standalone build with unique file hashing for strict cache control. |
| Tailwind CSS | Estilos atómicos y optimización de CLS (Cumulative Layout Shift). | Atomic styling and CLS (Cumulative Layout Shift) optimization. |
| Statically CDN | Entrega dinámica de imágenes transformadas a formato WebP. | Dynamic image delivery transformed to WebP format via CDN. |
| Asset Optimization | Implementación de modulepreload, fetchpriority y as style. |
Advanced usage of modulepreload, fetchpriority, and as style. |
| Español | English |
|---|---|
| Optimización LCP: Imágenes críticas con prioridad de carga alta. | LCP Optimization: Critical images with high fetch priority. |
| Filtrado Dinámico: Gestión fluida de más de 70 proyectos internacionales. | Dynamic Filtering: Smooth management of 70+ international projects. |
| Nativo Mobile-First: Interfaz táctil con gestos inteligentes. | Native Mobile-First: Touch-optimized UI with smart gestures. |
| IA Generativa: Flujos creativos potenciados por Google AI Studio. | Generative AI: Creative workflows powered by Google AI Studio. |
| Seguridad HTTPS: Libre de contenido mixto y recursos inseguros. | HTTPS Security: Free of mixed content and insecure resources. |
| Área | Descripción (ES) | Description (EN) |
|---|---|---|
| Diseño Visual | Identidad y comunicación visual de alto impacto. | High-impact visual identity and communication. |
| Escenografía | Desarrollo de espacios efímeros y eventos globales. | Scenography for ephemeral spaces and global events. |
| Museografía | Narrativas espaciales para instituciones culturales. | Spatial narratives for cultural institutions. |
| IA Creativa | Integración de herramientas generativas en el diseño. | Integration of generative tools into design workflows. |
- LinkedIn: linkedin.com/in/manolorecio/
- Email: manoloreciodesign@gmail.com
