Música al carrer

Disseny i desenvolupament el Drupal del web Música al carrer, de l’Ajuntament de Barcelona

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

CESB

Hem treballat en l’arquitectura, el disseny i desenvolupament en Drupal del web del Consell Econòmic i Social de Barcelona (CESB), de l’Ajuntament de Barcelona.

Captura de pantalla de la portada del web del CESB

Consum i emissions web

Consum i emissions web

Darrerament es parla molt del consum d’energia, d’aigua i de les emissions associades als grans centres de dades necessaris per a la intel·ligència artificial.
Però això no és pas nou: des de fa temps, els webs existents també contribueixen a les emissions totals derivades de l’activitat humana.

Cada vegada que entres a una pàgina d’Internet (o fas servir una aplicació al mòbil) estàs consumint energia i, per tant, afegint —encara que sigui una mica— gasos d’efecte hivernacle. No només gastes la bateria del mòbil o del portàtil, també tota la infraestructura necessària perquè les dades t’arribin: xarxes, servidors, etc.

Per tant, el primer pas és ser-ne conscients; i després, potser, començar a pensar com reduir la nostra “petjada ambiental”. Això és especialment rellevant si treballem en el sector digital.

La bona notícia és que moltes de les pràctiques (per no dir totes) que fan els webs més sostenibles també els fan més ràpids i accessibles. Un win-win.


D’on prové el consum d’un lloc web?

Tres factors principals determinen la petjada d’una pàgina:

1. L’allotjament (hosting)
Alguns proveïdors funcionen amb energia renovable i sistemes eficients, mentre que d’altres depenen de xarxes amb alta càrrega de combustibles fòssils. L’eficiència del centre de dades pot marcar una gran diferència, així que convé triar sempre un hosting el més net possible. Sovint no costa més diners.

2. La connexió de l’usuari
El temps de connexió i el nombre de pàgines visitades tenen un impacte directe en el consum de recursos. És evident: com menys naveguem, menys recursos consumim… i fins i tot ens pot anar bé per desconnectar!

3. El pes del web
Com més gran és una pàgina —sobretot per imatges i vídeos no optimitzats—, més dades cal transferir. Això implica més consum d’energia al servidor, a la xarxa i al dispositiu del visitant. Una pàgina lleugera i ben optimitzada pot arribar a consumir deu vegades menys que una de carregada d’efectes innecessaris.
De fet, sovint no es té prou cura en un dels punts més fàcils: evitar imatges massa pesades.


Referències interessants

  • Low-Tech Magazine Solar Web
    solar.lowtechmagazine.com
    Una web que només funciona quan fa sol. El servidor, ubicat a prop de Barcelona, depèn d’un panell solar amb bateria limitada. Quan l’energia s’esgota, la pàgina queda fora de servei fins que torna a sortir el sol. Tot el disseny està pensat per minimitzar el pes de les pàgines i les imatges. Un recordatori radical que cada clic té un cost energètic real.
  • The Green Web Foundation
    thegreenwebfoundation.org
    Aquesta organització certifica quins allotjaments funcionen amb energia renovable. Pots comprovar si un web fa servir “electricitat verda” simplement introduint l’adreça.
  • Sustainable Web Design
    sustainablewebdesign.org
    Un recurs amb criteris i bones pràctiques per reduir l’impacte ambiental del disseny digital.
  • Website Carbon Calculator
    websitecarbon.com
    Una eina que permet mesurar la petjada d’una web i comparar-la amb altres.

Què fem a Pimpampum?

A Pimpampum volem que, a més de ser útils, els webs que fem també siguin més sostenibles. Per això:

  • Triem allotjaments responsables
    Treballem amb Infomaniak, un proveïdor suís amb energia 100% renovable i una aposta clara per l’eficiència energètica.
  • Optimitzem imatges i recursos
    Reduïm el pes de les imatges sense perdre qualitat i evitem carregar codi o elements innecessaris.
  • Fem pedagogia
    Expliquem a clients i col·laboradors que una web lleugera és més ràpida, més accessible i també més sostenible.
  • Formem part de la xarxa Barcelona + Sostenible
    Una comunitat d’organitzacions i persones compromeses amb la sostenibilitat ambiental, social i econòmica de la ciutat.
  • Estem desenvolupant un plugin per a WordPress
    Aquesta eina mostrarà una estimació del consum energètic i de les emissions de cada visita. L’objectiu és donar informació als visitants i, alhora, fer una mica de pedagogia.

Temps de mercats vol 3

Disseny i desenvolupament del web temps de mercats volum 3 per a l’Ajuntament de Barcelona.

El web està basat en els continguts de la guia de consulta il·lustrada sobre els mercats de Barcelona amb la idea de conèixer els aliments i bons hàbits en el menjar.

Temps de mercats vol 2

Disseny i desenvolupament del web temps de mercats vol.2 per a l’Ajuntament de Barcelona.

El web està basat en els continguts de la guia de consulta il·lustrada sobre els mercats de Barcelona amb la idea de conèixer els aliments i bons hàbits en el menjar.

Vacarisses pel clima

Hem fet el disseny i desenvolupament en WordPress del web de Vacarisses pel Clima, per explicar a la ciutadania l’estratègia climàtica de Vacarisses.

La coordinació i continguts del projecte és de l’Ana Villagordo i la identitat gràfica de La Page.

Captura de pantalla de la home del web Vacarisses pel Clima

Sindicatura de greuges de Barcelona

Redisseny i desenvolupament de la nova web de la Sindicatura de greuges de Barcelona.

El web permet millorar la comunicació de la ciutadania amb aquest organisme. Hem reestructurat tota la navegació per fer-la més entenedora i hem millorat el sistema de gestió de continguts (WordPress)

T-JOC (ATM)

L’ATM va posar en marxa un concurs interactiu de preguntes dirigit al públic en el marc de la celebració dels 25 anys. El joc funciona en diferents fases on s’estableix una classificació en funció de les respostes on els concursants poden guanyar premis.

Es tracta d’una web-app dissenyada especialment per funcionar en mòbils i desenvolupada en Laravel, amb la seva àrea de gestió feta a mida per poder seguir l’evolució i poder editar tots els continguts.

joc de l'atm a un mòbil

Universities 4 Good Health

Disseny gràfic i web i desenvolupament del web del IAU SDG3 cluster on Health and Wellbeing, format per un grup d’universitats d’arreu del món que treballen conjuntament per augmentar la comprensió i aplicació de l’ODS 3 sobre salut i benestar en l’educació superior.

ISEA

Disseny i desenvolupament del web pel congrés ISEA, 27th International Symposium on Electronic Art, que tindrà lloc a Barcelona el juny de 2022.

El disseny està basat en la identitat corporativa del Simposi desenvolupada per Petit Comite.

Captura de la home del web ISEA 2022