Sobre esta web

Esta página recoge las principales decisiones técnicas y de diseño aplicadas en el desarrollo de este portfolio personal. El objetivo ha sido construir una web clara, coherente visualmente y orientada a mostrar proyectos académicos y personales de forma ordenada.

Tema usado

Para el desarrollo de la web se ha utilizado el tema Blocksy, un tema moderno para WordPress que permite personalizar de forma flexible la cabecera, el pie de página, las entradas del blog, las páginas de archivo y otros elementos visuales del sitio.

La elección de este tema facilita la creación de una estructura visual limpia y adaptable, manteniendo una base sólida sobre la que aplicar estilos personalizados mediante CSS.

Tema hijo

Se ha utilizado un tema hijo para mantener separadas las personalizaciones propias del tema principal. Esta decisión evita que futuras actualizaciones del tema padre sobrescriban los cambios realizados en la web.

El tema hijo permite añadir CSS avanzado, modificar aspectos visuales concretos y mantener una organización más segura de las personalizaciones del sitio.

Plugins utilizados

Blocksy Companion

Plugin complementario del tema Blocksy. Añade funcionalidades extra y mejora las opciones de personalización del sitio.

Local Google Fonts

Permite alojar localmente las tipografías usadas en la web, evitando depender de peticiones externas a Google Fonts y mejorando la privacidad de los usuarios.

Simple Local Avatars

Permite subir una imagen de perfil directamente desde WordPress, sin depender de servicios externos como Gravatar.

WPS Hide Login

Mejora la seguridad básica del sitio al cambiar la URL de acceso al panel de administración de WordPress.

Paleta de colores

La web utiliza una paleta oscura con acentos verdes y azules. El objetivo es transmitir una estética tecnológica, mantener buen contraste visual y reforzar la identidad del portfolio.

  • #0B1020 Fondo general
  • #111827 Tarjetas y secciones
  • #2563EB Botones y estados destacados
  • #A3E635 Acentos principales
  • #8B5CF6 Toques visuales secundarios
  • #F9FAFB Textos

Arquitectura de información

La arquitectura de información se ha planteado como un portfolio personal organizado en secciones claras: página de inicio, formación, proyectos, información sobre la web y contacto.

Además, las entradas del blog se han estructurado mediante categorías y etiquetas, lo que facilita clasificar los proyectos por tecnologías, áreas de desarrollo y temática. También se han cuidado elementos como imagen destacada, fecha, autor, extracto, etiquetas y navegación entre entradas.

Mejoras de usabilidad

  1. Diseño visual coherente entre páginas, entradas, archivo de autor y listados de proyectos.
  2. Uso de tarjetas para presentar los proyectos de forma clara y escaneable.
  3. Navegación principal sencilla, con acceso directo a las secciones más importantes.
  4. Extractos y metadatos visibles para que el usuario identifique rápidamente cada entrada.
  5. Estilos personalizados para botones, etiquetas, navegación entre entradas y bloques destacados.

Mejoras de accesibilidad

Contraste visual

Se ha usado una combinación de fondo oscuro y textos claros para mejorar la legibilidad del contenido.

Jerarquía clara

Los títulos, subtítulos, tarjetas y líneas decorativas ayudan a separar visualmente cada bloque de información.

Privacidad

El uso de Local Google Fonts y Simple Local Avatars reduce la dependencia de servicios externos.

Navegación consistente

La estructura de menús, categorías, etiquetas y enlaces facilita recorrer el contenido de forma predecible.

Interacción accesible

Los carruseles permiten interactuar con el contenido mediante teclado, facilitando su uso sin depender exclusivamente del ratón.

Uso de recursos gráficos

Los logotipos de tecnologías, frameworks y herramientas utilizados en esta web pertenecen a sus respectivos propietarios y se emplean únicamente con fines identificativos dentro del contexto del portfolio.

Conclusión

En conjunto, esta web se ha desarrollado combinando las posibilidades de personalización de WordPress con un diseño propio orientado a portfolio. Se ha buscado una presentación visual coherente, una navegación sencilla y una estructura preparada para mostrar proyectos de forma profesional.