Volver al portfolio
La portada en inglés de la MS Association of Serres: el logotipo, un lazo naranja con una cabeza de león, y el menú Home, About Us, Understanding MS, News & Events y Contact, con Home resaltado y EN seleccionado; sobre una foto en tonos azules de un grupo de personas que caminan por un sendero al aire libre, algunas en silla de ruedas, el titular «MS Association of Serres: You are not alone.», con la segunda línea en naranja, la frase «Uniting our voices, claiming our rights, and supporting every patient in the Serres Prefecture.» y un botón naranja «Join Us Today» junto a un botón con contorno «Learn about MS».
Abrir msserron.org en una pestaña nueva

MS Serron — Asociación Sin Ánimo de Lucro

Resumen

Diseñamos y desarrollamos el sitio web oficial de la Asociación de Esclerosis Múltiple de Serres (MS Serron). El sitio funciona como centro de información para pacientes, familiares y colaboradores, con noticias de la organización, anuncios de eventos, materiales de recursos e información de contacto. La accesibilidad fue una prioridad fundamental dado el público objetivo.

Retos

Garantizar altos estándares de accesibilidad para usuarios con discapacidades motoras y visuales, manteniendo un diseño informativo y acogedor.

Soluciones

Se implementó conformidad WCAG AA, tipografía clara, ratios de contraste elevados y navegación sencilla para usuarios con distintas capacidades.

Galería

  • La portada en inglés de la MS Association of Serres: el logotipo, un lazo naranja con una cabeza de león, y el menú Home, About Us, Understanding MS, News & Events y Contact, con Home resaltado y EN seleccionado; sobre una foto en tonos azules de un grupo de personas que caminan por un sendero al aire libre, algunas en silla de ruedas, el titular «MS Association of Serres: You are not alone.», con la segunda línea en naranja, la frase «Uniting our voices, claiming our rights, and supporting every patient in the Serres Prefecture.» y un botón naranja «Join Us Today» junto a un botón con contorno «Learn about MS».

    Inicio — El primer mensaje en pantalla: nadie está solo

  • La portada en una tableta: el logotipo del lazo, el selector EL/EN y un botón de menú sobre la foto en tonos azules de personas caminando al aire libre, algunas en silla de ruedas; centrados sobre ella, el titular «MS Association of Serres: You are not alone.» en dos líneas, la frase de acompañamiento y los botones «Join Us Today» y «Learn about MS» uno al lado del otro.

    Inicio en una tableta — Unirse e informarse, uno al lado del otro

  • La portada en un móvil: el logotipo del lazo, el selector EL/EN y un botón de menú, y después el titular «MS Association of Serres: You are not alone.» en tres líneas, la frase de acompañamiento y los botones «Join Us Today» y «Learn about MS» apilados, sobre la foto en tonos azules de personas caminando al aire libre.

    Inicio en el móvil — La misma bienvenida, con botones a la medida del pulgar