Hace casi diez años, creé mi primer portfolio y curriculum online en WordPress, disponible en joseluisalonsoredondo.com.
En aquel momento, reflejaba fielmente mi estilo y experiencia profesional, y su diseño estaba basado en un PDF que servía como referencia visual. Sin embargo, con el paso del tiempo, tanto el diseño como la tecnología se fueron quedando atrás: los tiempos de carga eran mayores y la experiencia de usuario no estaba a la altura de los estándares modernos.
Rediseño con Astro: rapidez y modernidad
Para superar estas limitaciones, decidí rediseñar mi portfolio utilizando Astro, un framework moderno que permite crear sitios web rápidos, ligeros y optimizados para la web actual. La nueva versión, accesible en joseluisalonsoredondo.es, mantiene todos los contenidos de la versión antigua a través de la API de WordPress, pero ofrece una experiencia mucho más fluida y visualmente atractiva.
Objetivos del proyecto
El rediseño perseguía varios objetivos clave:
- Velocidad de carga: Astro permite generar sitios estáticos, reduciendo significativamente los tiempos de respuesta.
- Diseño moderno y adaptable: Cada componente se ha revisado para ofrecer una estética actual y completamente responsive.
- Mantenimiento sencillo: Al mantener la conexión con la API de WordPress, puedo actualizar contenidos sin tocar el código del frontend.
- Experiencia de usuario optimizada: Navegación clara, tipografía legible y presentación de proyectos de forma atractiva y profesional.
Retos y soluciones
Durante el proceso surgieron varios desafíos:
- Migración de contenidos: Se requirió mapear correctamente las entradas de WordPress a los componentes de Astro, asegurando que títulos, descripciones, imágenes y enlaces se mostraran sin errores.
- Compatibilidad visual: Adaptar el diseño original del PDF a un entorno web moderno implicó redibujar elementos gráficos y reorganizar la información para que fuera más intuitiva.
- Optimización de imágenes: Se implementó un sistema de carga progresiva y formatos modernos (WebP) para mejorar la velocidad sin sacrificar calidad.
Resultados
El resultado es un portfolio rápido, moderno y funcional, que respeta la esencia del diseño original pero se adapta a las necesidades de la web contemporánea. Los visitantes pueden explorar mis proyectos de manera ágil, mientras que yo puedo actualizar contenidos de forma sencilla y sin comprometer el rendimiento.