Diseño web Autopsicuela

Diseño web para autopsicuela.es

El sitio autopsicuela.es está concebido para reflejar el carácter pionero de la Oficina de Vida Autónoma y Participativa para la Accesibilidad Psicosocial (OVAP-APS), un recurso comunitario desarrollado por la Asociación Hierbabuena. La interfaz prioriza claridad y calidez, con navegación simple y accesible que facilita encontrar actividades, servicios y vías de participación. La paleta cromática propone tonos cercanos y confiables (verdes/azules suaves y grises neutros) coherentes con un entorno de cuidado y confianza.
Autopsicuela, OVAP-APS

Características principales

Inicio

• Hero claro con mensaje de misión (“accesibilidad psicosocial, apoyo mutuo y vida independiente”), llamada a la acción hacia Programas, Agenda y Participa.
• Bloques destacados: ¿Qué es la Autopsicuela?, Próximas actividades y Novedades.

Programas y Servicios

• Fichas detalladas de los recursos: acompañamiento comunitario, formación en primera persona, apoyo entre iguales, sensibilización y accesibilidad psicosocial en entornos públicos.
• Cada ficha incluye objetivos, a quién va dirigido, metodología y cómo inscribirse.

Sobre el proyecto

• Página que explica el cambio de paradigma: apoyos “hacia, en y con” la comunidad, liderazgo en primera persona y enfoque de derechos.
• Mención de la Asociación Hierbabuena como entidad promotora, con datos verificables.

Testimonios e Impacto

Citas breves de participantes, indicadores de asistencia y mejoras percibidas (bienestar, participación, autonomía) para reforzar credibilidad sin abrumar.

Agenda / Noticias

• Calendario de jornadas, talleres y presentaciones, con fichas de evento descargables y opción de añadir al calendario.
• Entradas de blog con crónicas de actividades, materiales y recursos. (Ej.: publicación de jornadas y presentaciones recientes).

Participa

• Vías para voluntariado, colaboraciones institucionales y donaciones.
• Formulario simple para mostrar interés y recibir respuesta.

Recursos

• Biblioteca de materiales: guías, infografías y enlaces de referencia sobre accesibilidad psicosocial y participación.
• Descargas organizadas por categorías y nivel de lectura.

Contacto

• Formulario accesible (nombre, email, mensaje, motivo de consulta).
• Datos de contacto oficiales (correo y teléfono) y aviso de tiempos de respuesta.

Transparencia legal

Páginas de Aviso legal, Privacidad y Cookies visibles en el pie, con los datos registrales y de contacto de Hierbabuena.

Accesibilidad y UX

• WCAG 2.2 AA: contraste adecuado, foco visible, navegación por teclado, textos alternativos y lectura fácil.
• Lenguaje claro y versiones resumidas de los contenidos más críticos.
• Mobile-first con componentes grandes y rutas de navegación cortas.
• Optimización de rendimiento (lazy-loading, imágenes en WebP/AVIF).