Menu
Edit Template

Sustainable Webdesign

Logo of Evergreen

Et fiktivt webbureau

En gruppeeksamen (4 per.) på 3. semester, hvor et fiktivt webbureau, Evergreen udviklede bæredygtige digitale løsninger med henblik på at reducere energiforbruget.

Internettet er i dag en stor kilde til CO2-udledning pga. det store strømforbrug både til private devices og de store datacentre samt webhoteller. Der findes forskellige initiativer, der kan reducere strømforbruget. Dem kan I læse om i prototypen under “Om Evergreen” nederst på siden, hvor der er en guide til optimering.

(OBS: Prototypen er ikke programmeret til mobil eller andre tablet devices.)

Min rolle

Jeg har: 

  • Designet og lavet logoet i Illustrator
  • UX i form af at redigere tekst på websitet
  • Lavet illustrationer til “Guide til optimering”
  • Animeret motion graphics i After Effects
  • Været med til at programmere med react
  • Sat firebase op til medarbejder login

Bæredygtigt webdesign

Selvom jeg ikke har fokus på design i dette projekt, er det stadig i mit portfolio, fordi jeg synes det er et vigtigt emne, at skabe opmærksomhed omkring. Jeg synes initiativerne giver mening og noget jeg kommer til at tænke over, når jeg designer frem over. 

Derudover tog jeg også udfordringen op, som det var for mig, at programmere med react. 

React som kodesprog og fordele

I prototypen, kan I bruge mailen: info@evergreen.dk og kodeordet: evergreen4ever til at logge ind og se fiktive kunder hos bureauet:

React er et komponentbaseret bibliotek, der fungerer som en udvidelse til HTML, CSS og JavaScript. I stedet for en pakkeløsning giver React mulighed for at skræddersy komponenterne, så den samme kode kan genbruges. Det gør koden lettere at vedligeholde og udvikle, hvilket er ideelt til bæredygtig optimering.

React bruger en virtuel DOM (Document Object Model) til at optimere, hvilke dele af en side der opdateres, i stedet for at genindlæse hele siden. Det betyder, at når en bruger klikker ind på et React-website, bliver hele websitet tilgængeligt med one time pageload.

På et traditionelt website sker der en ny pageload, hver gang brugeren klikker ind på en ny side i webløsningen.