Sobre "Mayores BNA"
"MayoresBNA.com.ar" es un proyecto de sitio web que estoy desarrollando en el curso "Desarrollo Web - HTML y CSS" en Coderhouse.com
Elegí este tema porque actualmente trabajo en el anexo de Tigre del Banco Nación, y el público con el que más interactúo son los jubilados. l sitio oficial del BNA para adultos mayores, mayoresactivos.com.ar, a pesar de ser un muy buen sitio web, es poco conocido. Mi hipótesis es que carece de un distintivo visual y el nombre que lo identifique claramente como parte del Banco Nación. Un caso similar es mayoresconectados.com.ar, lanzado por la empresa EXO (compañía de computadoras de la reglamentación N°299).
Por eso, decidí agregar "BNA" al nombre de mi proyecto, para que los usuarios mayores lo reconozcan como un sitio oficial de la familia Nación.
Accesibilidad: Un Elemento Clave
Mientras desarrollaba el sitio, atendí a un cliente con ceguera y observé cómo utilizaba la función "TalkBack" de Google para operar con el banco. Esto despertó mi interés en la accesibilidad digital, por lo que investigué más sobre el tema. Para mejorar la accesibilidad, incorporé tipografías en negrita, evité el uso de fotografías como fondo y reduje al mínimo el uso de tipografías en color blanco. También corregí las etiquetas de descripción en imágenes y opté por un diseño sencillo que evita la fatiga visual del usuario.
Aplicación de Diseño y Desarrollo Web
En el proceso, se me fueron ocurriendo ideas de todo tipo. Haciendo benchmarking en los otros sitios del banco, noté que cada uno tiene distintas configuraciones de colores y elementos. Por eso, a futuro sugiero desarrollar un Design System, que le daría mayor consistencia a la marca "BNA". También pensé en diseñar un Home Banking exclusivo para adultos mayores, optimizado para quienes tienen disminución visual.
Sin embargo, mi objetivo principal era aprender HTML y CSS, así que decidí enfocarme en la experiencia de compra del cliente jubilado. Para ello:
- ✅Diseñé una página de inicio con formato "bento", lo que me permitió practicar CSS Grid.
- ✅Se destacan los descuentos y beneficios de las tarjetas de crédito BNA.
- ✅Incluí una sección sobre BNA+, con videotutoriales y preguntas frecuentes.
- ✅Finalmente, creé una página para solicitar una tarjeta.
A futuro se implementará JavaScript y se seguirá mejorando MayoresBNA.
Si querés decirme algún comentario, sugerencia, crítica o simplemente un mensaje de aliento, te lo voy a agradecer. Acá al costado hay links donde presento proyectos que he desarrollado en otros cursos, te invito a darte una vuelta.
¡Saludos! 🚀