CASO DE ESTUDIO // WEB
BBVA Spark – Desarrollo frontend y backend
Desarrollo y evolución de la plataforma web corporativa de BBVA Spark, trabajando en la construcción de componentes reutilizables, plantillas dinámicas y diferentes módulos de contenido.
El proyecto se centró en mantener y ampliar una plataforma digital sólida, responsive y preparada para evolucionar, cuidando especialmente la calidad del frontend, la accesibilidad y la experiencia de usuario.
Mi trabajo abarcó tanto la construcción de interfaces como su integración con la lógica y los contenidos dinámicos de la plataforma.
EL RETO
BBVA Spark necesitaba una plataforma corporativa robusta y preparada para gestionar contenidos financieros, servicios y recursos digitales de forma clara, accesible y consistente.
El principal reto era poder ampliar y mantener el sitio sin comprometer la coherencia visual ni la experiencia de usuario, trabajando con componentes reutilizables y distintos tipos de contenido dentro de una plataforma en continua evolución.
Además, el proyecto debía responder a los estándares de calidad de un entorno corporativo: accesibilidad, rendimiento, comportamiento responsive y facilidad de mantenimiento.
"El reto no era solo construir interfaces, sino desarrollar una base web modular, accesible y mantenible para una plataforma corporativa de alta exigencia."
LA SOLUCIÓN
Se construyó una arquitectura basada en componentes frontend reutilizables y plantillas dinámicas, permitiendo mantener una estructura consistente entre las distintas áreas de la plataforma y facilitar su evolución.
La integración con Twig y PHP permitió gestionar contenidos dinámicos manteniendo una separación clara entre presentación y lógica, mientras que el trabajo frontend se centró en desarrollar componentes flexibles, responsive y reutilizables.
También se realizaron mejoras de accesibilidad y experiencia de usuario, revisando navegación por teclado, estados de foco, comportamiento responsive y semántica HTML.
Componentes frontend
Desarrollo de módulos visuales reutilizables orientados a mantener consistencia, escalabilidad y eficiencia en el desarrollo.
Gestión de contenido dinámico
Implementación de estructuras backend y plantillas Twig para gestionar contenido dinámico, separar lógica y presentación, y facilitar el mantenimiento del sitio.
Accesibilidad y experiencia de usuario
Mejoras orientadas a reforzar la accesibilidad, la navegación por teclado, la semántica HTML, los estados de foco y la experiencia responsive.
Arquitectura web mantenible
Organización del código y de los componentes para facilitar futuras evoluciones, reducir duplicidades y mantener una base técnica más clara y escalable.
IMPACTO TÉCNICO
El trabajo permitió evolucionar BBVA Spark sobre una base más modular y mantenible, facilitando la incorporación de nuevos contenidos y componentes sin perder consistencia entre las distintas áreas del sitio.
La reutilización de componentes y la separación entre presentación, contenido y lógica redujeron duplicidades y facilitaron futuras evoluciones de la plataforma.
Las mejoras realizadas sobre accesibilidad, responsive y comportamiento de los componentes contribuyeron además a ofrecer una experiencia más consistente en diferentes dispositivos y formas de navegación.
Base preparada para incorporar nuevos contenidos, módulos y funcionalidades sin rehacer estructuras existentes.
La reutilización de componentes facilita el mantenimiento y reduce desarrollos repetidos entre las distintas áreas del sitio.
Una interfaz preparada para mantener una experiencia coherente en diferentes dispositivos y formas de navegación.