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).
