Se actualizarán distintos módulos del portafolio para mejorar la experiencia de usuario, el diseño visual y el rendimiento, siguiendo las tareas definidas en el proyecto.
Motivación: Incrementar legibilidad y experiencia visual en modo claro
Alcance: Revisar paleta de colores, contrastes y elementos UI en modo light
Pasos:
- Analizar problemas actuales de contraste
- Definir nuevos valores de colores para textos y fondos
- Implementar cambios en CSS/Tailwind
Impacto: Mejorará accesibilidad para usuarios con preferencia de modo claro
Criterios de Éxito: Pasar verificación WCAG AA para contrastes
Motivación: Fortalecer sección "About Me" con credenciales académicas
Alcance: Crear componente para mostrar certificados y formación educativa
Pasos:
- implementar una seccion en el about me, debajo de la seccion de skills
- Implementar esquema en content collections con la siguiente estructura
- id, nombre del titulo obtenido, una descripcion corta y una imagen del certificado o diploma obtenido
- Crear componente reutilizable para cada certificado
requerimientos de ui:
- la seccion de certificados y formacion educativa tiene que se un slider infinito con posibilidad de utilizar el puntero para mover horizontalmente el slider
- utiliza el mismo componente de las skills pero adaptalo para que sea de un tamaño considerable y se puedan ver los certificados correctamente
- la card de cada certificado solo mostrara la imagen del mismo
Impacto: Mayor credibilidad profesional
Criterios de Éxito: Visualización clara de certificaciones con posibilidad de verificación
Motivación: Mostrar claramente el estado de desarrollo de cada proyecto
Alcance: Agregar propiedad de status y UI indicativa
Pasos:
- Definir posibles estados (Completado, En desarrollo, Planificado)
- Crear badges o indicadores visuales
- Actualizar esquema de datos
Impacto: Mayor transparencia sobre el estado de los proyectos
Criterios de Éxito: Indicador visual claro en cada proyecto
Motivación: Mejorar experiencia de navegación entre proyectos
Alcance: Agregar animaciones de transición a la página de "More Projects"
Pasos:
- Implementar transiciones suaves
- Probar en diferentes navegadores
Impacto: Experiencia de usuario más fluida
Criterios de Éxito: Transiciones suaves sin afectar rendimiento
Motivación: Mejorar SEO y representación de marca personal
Alcance: Redefinir título principal y metadatos
Pasos:
- Definir nuevo título
- Actualizar componentes de SEO
- Verificar implementación en todas las páginas
Impacto: Mejor posicionamiento en buscadores
Criterios de Éxito: Título descriptivo y profesional
| Cambio | Estado | Prioridad | Impactos Relacionados |
|---|---|---|---|
| Estilos modo light | Pendiente | Alta | Accesibilidad, UX |
| Certificados/Estudios | Pendiente | Media | Estructura de contenido |
| Status de proyectos | Pendiente | Baja | Esquema de datos |
| View Transitions | Pendiente | Baja | Compatibilidad navegadores |
| Título del portafolio | Pendiente | Alta | SEO, Branding |
- Priorizar cambios según impacto visual y técnico
- Establecer rama de desarrollo para cada cambio principal
- Implementar pruebas para validar mejoras
- Revisar rendimiento después de cada implementación