Terraqui

Desarrollo en WordPress de la web de Terraqui, despacho de abogacía especializado en derecho ambiental.

La ideación y contenidos del proyecto corrieron a cargo de Ana Villagordo y Alexis Rossell Vela y el diseño de Anónimo Studio.

Captura de pantalla de la Home de Terraqui

Música al carrer

Diseño y desarrollo en Drupal de la web Música al carrer, de l’Ajuntament de Barcelona

Captura de pantalla de la portada del web de Música al Carrer

CESB

Hemos trabajado en la arquitectura, diseño y desarrollo en Drupal de la web del Consejo Económico y Social de Barcelona (CESB), del Ayuntamiento de Barcelona.

Captura de pantalla de la portada del web del CESB

Consumo y emisiones web

Últimamente se habla mucho del consumo de energía, de agua y de las emisiones asociadas a los grandes centros de datos necesarios para la inteligencia artificial.
Pero esto no es nada nuevo: desde hace tiempo, las webs existentes también contribuyen a las emisiones totales derivadas de la actividad humana.

Cada vez que entras en una página de Internet (o usas una aplicación en tu móvil) estás consumiendo energía y, por tanto, añadiendo —aunque sea un poco— gases de efecto invernadero. No solo gastas la batería del móvil o del portátil, también toda la infraestructura necesaria para que los datos te lleguen: redes, servidores, etc.

Por tanto, el primer paso es ser conscientes de ello; y después, quizá, empezar a pensar en cómo reducir nuestra “huella ambiental”. Esto es especialmente relevante si trabajamos en el sector digital.

La buena noticia es que muchas de las prácticas (por no decir todas) que hacen las webs más sostenibles también las hacen más rápidas y accesibles. Un win-win.


¿De dónde proviene el consumo de un sitio web?

Tres factores principales determinan la huella de una página:

1. El alojamiento (hosting)
Algunos proveedores funcionan con energía renovable y sistemas eficientes, mientras que otros dependen de redes con alta carga de combustibles fósiles. La eficiencia del centro de datos puede marcar una gran diferencia, así que conviene elegir siempre un hosting lo más limpio posible. A menudo no supone un gasto adicional.

2. La conexión del usuario
El tiempo de conexión y el número de páginas visitadas tienen un impacto directo en el consumo de recursos. Es evidente: cuanto menos navegamos, menos recursos consumimos… ¡y quizá hasta nos ayuda a desconectar!

3. El peso de la web
Cuanto más grande es una página —sobre todo por imágenes y vídeos no optimizados—, más datos hay que transferir. Esto implica más consumo de energía en el servidor, en la red y en el dispositivo del visitante. Una página ligera y bien optimizada puede llegar a consumir diez veces menos que otra cargada de efectos innecesarios.
De hecho, a menudo no se cuida lo suficiente uno de los aspectos más fáciles: evitar imágenes demasiado pesadas.


Referencias interesantes

  • Low-Tech Magazine Solar Web
    solar.lowtechmagazine.com
    Una web que solo funciona cuando hace sol. El servidor, ubicado cerca de Barcelona, depende de un panel solar con batería limitada. Cuando la energía se agota, la página queda fuera de servicio hasta que vuelve a salir el sol. Todo el diseño está pensado para minimizar el peso de las páginas y las imágenes. Un recordatorio radical de que cada clic tiene un coste energético real.
  • The Green Web Foundation
    thegreenwebfoundation.org
    Esta organización certifica qué alojamientos funcionan con energía renovable. Puedes comprobar si una web utiliza “electricidad verde” simplemente introduciendo la dirección.
  • Sustainable Web Design
    sustainablewebdesign.org
    Un recurso con criterios y buenas prácticas para reducir el impacto ambiental del diseño digital.
  • Website Carbon Calculator
    websitecarbon.com
    Una herramienta que permite medir la huella de una web y compararla con otras.

¿Qué hacemos en Pimpampum?

En Pimpampum queremos que, además de ser útiles, las webs que hacemos también sean más sostenibles. Por eso:

  • Elegimos alojamientos responsables
    Trabajamos con Infomaniak, un proveedor suizo con energía 100% renovable y una apuesta clara por la eficiencia energética.
  • Optimizamos imágenes y recursos
    Reducimos el peso de las imágenes sin perder calidad y evitamos cargar código o elementos innecesarios.
  • Hacemos pedagogía
    Explicamos a clientes y colaboradores que una web ligera es más rápida, más accesible y también más sostenible.
  • Formamos parte de la red Barcelona + Sostenible
    Una comunidad de organizaciones y personas comprometidas con la sostenibilidad ambiental, social y económica de la ciudad.
  • Estamos desarrollando un plugin para WordPress
    Esta herramienta mostrará una estimación del consumo energético y de las emisiones de cada visita. El objetivo es dar información a los visitantes y, al mismo tiempo, hacer un poco de pedagogía.

Temps de mercats vol 3

Diseño y desarrollo de la web «tiempo de mercados» volumen 3 para el Ayuntamiento de Barcelona.

La web está basada en los contenidos de la guía de consulta ilustrada sobre los mercados de Barcelona con la idea de conocer los alimentos y buenos hábitos en la comida.

Temps de mercats vol 2

Diseño y desarrollo de la web «tiempo de mercados» volumen 2 para el Ayuntamiento de Barcelona.

La web está basada en los contenidos de la guía de consulta ilustrada sobre los mercados de Barcelona con la idea de conocer los alimentos y buenos hábitos en la comida.

Vacarisses pel clima

Hemos hecho el diseño y desarrollo en WordPress de la web de Vacarisses pel Clima, para explicar a la ciudadanía la estrategia climática de Vacarisses.

La coordinación y contenidos del proyecto es de Ana Villagordo y la identidad gráfica de La Page.

Captura de pantalla de la home del web Vacarisses pel Clima

Sindicatura de Barcelona

Rediseño y desarrollo de la nueva web de la Sindicatura de Barcelona.

La web permite mejorar la comunicación de la ciudadanía con este organismo. Hemos reestructurado toda la navegación para hacerla más comprensible y hemos mejorado el sistema de gestión de contenidos (WordPress)

Universities 4 Good Health

Diseño gráfico y web y desarrollo de la web del IAU SDG3 cluster on Health and Wellbeing, formado por un grupo de universidades de todo el mundo que trabajan conjuntamente para aumentar la comprensión y aplicación del ODS 3 sobre salud y bienestar en la educación superior.

ISEA

Diseño y desarrollo de la web para el congreso ISEA, 27th International Symposium on Electronic Art, que tendrá lugar en Barcelona en junio de 2022.

El diseño está basado en la identidad corporativa del Simposio desarrollada por Petit Comite.

Captura de la home del web ISEA 2022