Una web de entidad con criterio editorial

Las webs de entidades suelen acabar siendo un tablón de anuncios. Esta parte de lo contrario: tipografía grande, mucho aire y un orden de lectura claro, con la agenda de actividades en el centro y un gestor de contenidos a medida para que la entidad la mantenga sin depender de nadie.

Cliente
Unió de Cooperadors de Gavà
Año
2026
Qué hicimos
Diseño y desarrollo web
Sistema
Astro con gestor propio (Payload y PostgreSQL)
Idiomas
Catalán, con castellano preparado
Estado
Aprobada, pendiente de publicar
La portada de la web de la Unió de Cooperadors en un monitor y, al lado, la versión móvil en un teléfono.

En el móvil, la misma web

La mayoría entra desde el teléfono: la jerarquía no se simplifica, se reordena.

  1. Portada de la web en el móvil, con la actividad destacada a toda anchura.

    Portada

    La actividad destacada y las siguientes, sin scroll infinito.

  2. Agenda en el móvil con los filtros por tipo de actividad.

    Agenda

    Filtros por tipo de actividad, tocables con el pulgar.

  3. Ficha de actividad en el móvil con su imagen y los datos de inscripción.

    Actividad

    Datos, precio e inscripción sin perder el hilo.

  4. Página «Qui som» en el móvil, con el titular grande y el párrafo destacado.

    Qui som

    El texto largo también se lee bien en pantalla pequeña.

Página «Qui som» con un titular grande, el año de fundación y un párrafo destacado sobre la entidad.
Quién es la entidad, contado como editorial y no como organigrama
Agenda de actividades en rejilla, con la fecha grande sobre la imagen de cada taller.
La agenda es el centro: la fecha manda sobre la imagen
Ficha de una actividad con imagen, datos de inscripción, público y lugar.
Ficha de actividad: todo lo que hace falta para decidir apuntarse
Página de historia con una línea de tiempo y fotografías de archivo en blanco y negro.
La historia, en una línea de tiempo con el archivo de la entidad

Decisiones de diseño

Una entidad publica cada semana: el diseño tiene que aguantar contenido real, no maquetas.

Jerarquía antes que decoración
Dos familias tipográficas, una escala clara y mucho blanco. El color entra solo donde hay que decidir algo.
La agenda manda
Fecha grande sobre la imagen, tipo de actividad y público visibles desde la rejilla: se elige sin abrir la ficha.
Que lo mantengan ellos
Textos y actividades se editan desde un panel propio; la maquetación vive en el código y no se puede romper desde dentro.
Rápida por construcción
Páginas servidas desde Astro, sin plantillas ni plugins de terceros que arrastren peso.
  • Astro
  • TypeScript
  • CSS
  • Payload CMS
  • PostgreSQL
  • Node