Site multi-pages
Workflow Automation Lab
Sitio vitrina moderno diseñado para convertir visitantes en clientes — Diseño retro-futurista con una animación interactiva "sistema solar" que muestra los servicios de automatización, UX enfocada en el engagement y arquitectura técnica optimizada para el rendimiento.
Cliente
Workflow Automation Lab
Categoría
Site multi-pages
Año
2026
Galería
Acerca del proyecto
📝 Descripción detallada
Diseñé y desarrollé Workflow Automation Lab, un sitio vitrina destinado a presentar servicios de automatización de procesos empresariales. El desafío principal era hacer comprensible y deseable un servicio técnico complejo, demostrando al mismo tiempo la experiencia a través de la propia ejecución del sitio.
Lo que hace único este proyecto:
✨ Animación original "sistema solar"
Una visualización interactiva a medida (sin bibliotecas externas) que anima 15 servicios en órbita con spotlight automático y aleatorio.
Esta animación traduce visualmente el concepto de "workflows orquestados" y capta inmediatamente la atención.
🎨 Trabajo ux/ui en profundidad
Diseño retro-futurista según los deseos del cliente con paleta de colores violeta/beige, cuadrículas isométricas, animaciones fluidas y micro-interacciones cuidadas.
Creé una experiencia inmersiva que guía naturalmente al visitante desde la animación hasta el formulario de contacto, con secciones claramente jerarquizadas y CTAs estratégicamente ubicados.
⚡ Rendimiento y seo
El sitio obtiene 100% en todos los KPIs de Lighthouse, lo que significa que el código es óptimo en rendimiento, accesibilidad, buenas prácticas de código y SEO. El sitio se posiciona en la primera página de Google en las palabras clave deseadas por el cliente.
🛠️ Stack moderno y mantenible
Next.js 16 con App Router, TypeScript estricto, Tailwind CSS, shadcn/ui. Arquitectura modular con componentes reutilizables, gestión de estado optimizada e integraciones preparadas para Supabase, n8n (webhook de formulario) y WordPress (blog).
Este proyecto demuestra mi capacidad para:
Transformar una necesidad empresarial en una experiencia visual impactante
Crear animaciones complejas y eficientes sin dependencias pesadas
Arquitecturar una aplicación React/Next.js escalable y mantenible
Combinar creatividad gráfica con rigor técnico