Fra design til levende nettside for Skullerudbyen

Skullerudbyen er et nytt byutviklingsprosjekt på Skullerud i Oslo, hvor et tidligere industri- og næringsområde skal utvikles til en levende bydel med boliger, arbeidsplasser og møteplasser, tett på Østmarka.

Nettopp nærheten mellom byen og marka står sentralt i prosjektet. Skullerudbyen skal ikke være enten urbant eller naturnært, men et sted hvor du kan finne din egen balanse mellom de to.

Inspirert av Tandberg

Designet og den visuelle identiteten er utviklet av Espen Østensvik, med utgangspunkt i både området og historien som allerede finnes der.

Et av de tydeligste grepene henter inspirasjon fra Tandberg Radio, som i mange år hadde fabrikk på Skullerud. Den karakteristiske skalaen fra gamle Tandberg-radioer er tolket på nytt som et grafisk element som beveger seg mellom «Naturlig» og «Byliv».

Det ble også et viktig utgangspunkt da designet skulle over på web.

Et design som får bevege seg

Lumeno stod for utviklingen av nettsiden og oversettelsen av Espens design til Webflow. I stedet for å behandle det grafiske balanse-elementet som ren dekorasjon, lot vi idéen få leve videre gjennom bevegelse og interaksjon.

Allerede i heroen møtes to filmer som automatisk beveger seg frem og tilbake mellom natur og byliv. Det samme visuelle språket dukker opp flere steder på nettsiden, hvor balansen endrer seg etter innholdet og hvilken side av Skullerudbyen som presenteres.

Resultatet er små bevegelser som gjør mye for opplevelsen, uten at nettsiden trenger å føles full av effekter og animasjoner.

Fra dagens Skullerud til det som kommer

Et annet interaktivt grep finner vi i presentasjonen av selve byutviklingen. Her kan besøkende dra mellom før- og etterbilder og se hvordan området er tenkt transformert, fra slik Skullerud ser ut i dag til illustrasjonene av den nye bydelen.

Sammen med video, bilder, typografi og de små animasjonene bidrar det til at nettsiden ikke bare forteller om Skullerudbyen, men gir en liten smakebit på idéen bak prosjektet.

Et sted mellom marka og byen. Naturlig. Byliv. I balanse.

Design og visuell identitet: Espen Østensvik
Webflow-utvikling og interaksjoner: Lumeno

Se resultatet på skullerudbyen.no