Reconstruí mi portfolio desde cero. El sitio anterior era una página neobrutalista oscura que ejecutaba un script de Tailwind desde CDN sobre una cuadrícula JSON; este es una compilación estática en Astro 5, con islas de React solo donde la interacción las exige. La pieza central es la página de trabajos: un tablero tipo mapa donde 36 proyectos ocupan cinco territorios, uno por disciplina. La rueda amplía sobre el cursor, arrastrar desplaza con inercia, dos dedos hacen pinza y los filtros vuelan la vista hacia una categoría atenuando el resto. Al acercarse, los pines se convierten en tarjetas. Cada nodo es un enlace real, así que cada proyecto se compila también como su propia página estática, que abre con su diálogo ya en pantalla. La portada es una secuencia de secciones guiadas por el scroll: un hero fijado con un carrusel de seis diapositivas, una sección «sobre mí» cuyos párrafos se rellenan letra a letra mientras se acumula una pila de imágenes, una tira de datos rápidos en ojo de pez, un acordeón de habilidades y un carrusel de proyectos cuya pista se desplaza lateralmente al bajar, en móvil igual que en escritorio. Todo el contenido vive en un único archivo JSON. No hay CMS, ni base de datos, ni runtime de servidor.
Un mapa explorable se vuelve desorientador con facilidad, e inaccesible con la misma facilidad. Además debía seguir siendo una compilación estática —sin servidor— dando a 36 proyectos URLs reales y compartibles, y la animación tenía que aguantar en un móvil.
Soluciones
Cada nodo del mapa es un ancla a una página generada en tiempo de compilación, así que el tablero sigue siendo navegable, compartible y rastreable incluso sin JavaScript. El nivel de detalle cambia pines por tarjetas al ampliar, y los filtros vuelan la vista en lugar de recargarla. Las secciones se fijan con GSAP ScrollTrigger y se controlan por la posición del scroll en vez de por un ticker, lo que las mantiene fieles en dispositivos táctiles. Todo el sitio se entrega como HTML estático desde Astro, con React montado solo en el único componente que realmente lo necesita.
El Mapa de Proyectos — 36 Proyectos en Cinco TerritoriosVista Filtrada — Un Filtro Vuela el Tablero a una CategoríaSobre mí — Scrollytelling con Relleno Letra a LetraProyectos Favoritos — Una Pista que se Desplaza en HorizontalDiálogo de Proyecto — Se Abre en el Sitio, con su Propia URLContacto — El Registro Final
Nuestro sitio web ha sido diseñado conforme a las últimas directrices de accesibilidad WCAG 2.2 nivel AA (Web Content Accessibility Guidelines). Esto significa que el sitio web es accesible para todos los usuarios, incluidas las personas con discapacidad.
Funciones de accesibilidad:
Contraste de colores adecuado para una lectura cómoda
Tipografías y tamaños de texto legibles
Navegación completa por teclado
Texto alternativo para todas las imágenes
Estructura clara y HTML semántico
Compatibilidad con lectores de pantalla
Áreas táctiles de tamaño ampliado
Indicadores de enfoque visibles
La accesibilidad es nuestro compromiso con todos los usuarios.
Financiación UE - NextGenerationEU
Financiado por la Unión Europea – NextGenerationEU
Esta empresa está financiada en el marco de la acción «Subvención para Iniciativas Empresariales de Jóvenes Profesionales Autónomos (NEE)» del Servicio Público de Empleo (DYPA), con financiación de la Unión Europea – NextGenerationEU, a través del Mecanismo de Recuperación y Resiliencia «Grecia 2.0».
El Plan Nacional de Recuperación y Resiliencia «Grecia 2.0» apoya a empresas y profesionales en su desarrollo y transformación digital, ofreciendo herramientas financieras para reforzar la competitividad, la innovación y el empleo.
A través de este programa, savage.design obtuvo los recursos necesarios para desarrollar una presencia digital moderna, accesible y funcional que mejora la comunicación con los clientes y la prestación de servicios.
El panel de administración con IA es una interfaz inteligente que le permite gestionar cada aspecto de su sitio web simplemente hablándole. Sin paneles CMS, sin conocimientos técnicos, sin edición manual. Solo dígale a la IA lo que desea y véalo materializarse en tiempo real.
Entorno de pantalla dividida
Converse con su asistente de IA a la izquierda mientras ve los cambios aparecer en directo a la derecha. Alterne entre las vistas de escritorio, tableta y móvil para ver exactamente cómo se ve su sitio en cada dispositivo.
Tres modos de funcionamiento
Preguntar
Haga preguntas sobre su sitio web, obtenga explicaciones y orientación — sin realizar ningún cambio.
Actuar
Indique a la IA que realice cambios. Edite texto, actualice estilos, cambie imágenes, añada secciones — todo revisado en borrador antes de publicar.
Planificar
Solicite un plan de implementación detallado para actualizaciones complejas. La IA lo desglosa en pasos con estimaciones de alcance antes de comenzar.
Qué puede hacer su IA
Editar textos, títulos y contenido de página
Actualizar colores, tipografías y diseño
Reemplazar y gestionar imágenes
Optimización SEO y etiquetas meta
Añadir nuevas secciones y páginas
Gestión de contenido multilingüe
Historial de versiones con restauración en un clic
Separación borrador/producción — revisión antes de publicar
Seguridad de nivel empresarial
Todos los cambios van primero a borrador — nunca directamente a su sitio en producción
Historial completo de versiones con restauración instantánea a cualquier estado anterior
Autenticación multiusuario con acceso basado en roles
Registro de auditoría exhaustivo de cada acción
Elija su plan
Starter
€40
/mes
Impulsado por Claude Haiku 4.5
Ideal para actualizaciones sencillas de contenido, ediciones de texto y cambios de imágenes.
Edición de texto e imágenes
Gestión básica de contenido
Historial de versiones
1 cuenta de usuario
Más popular
Professional
€100
/mes
Impulsado por Claude Sonnet 4.6
Cambios de diseño, nuevas secciones, SEO y creación de contenido.
Todo lo incluido en Starter
Cambios de diseño y maquetación
Optimización SEO
Hasta 3 cuentas de usuario
Enterprise
€250
/mes
Impulsado por Claude Opus 4.6
Funcionalidades complejas, rediseños completos de página, JavaScript personalizado y desarrollo avanzado.
Todo lo incluido en Professional
Desarrollo de funcionalidades multifichero
Código personalizado avanzado
Cuentas de usuario ilimitadas
¿Le interesa el AI Admin Panel? Inclúyalo en su solicitud de presupuesto.