Struktur og visuell retning

Prosjektet utforsker hvordan siden kan struktureres tydeligere, samtidig som den får en visuell identitet inspirert av området.

Problem

Den eksisterende siden har flere utfordringer:

  • all informasjon ligger på én lang side
  • midtstilt tekst gjør brødtekst vanskelig å lese
  • popups og mange bilder skaper visuell støy
  • viktig informasjon som dokumenter og kontakt er vanskelig å finne
  • rød tekst på hvit bakgrunn

 

 

Resultatet er en side som fungerer, men som ikke er spesielt brukervennlig. Se bilde av dagens nettside under.

Mål

Målet var å utvikle et enkelt forslag til:

  • tydeligere struktur
  • bedre lesbarhet
  • enklere navigasjon
  • en visuell identitet knyttet til stedet

 

Løsningen skulle fortsatt være realistisk for et borettslag, uten å bli unødvendig komplisert.

Struktur

Siden ble delt inn i seksjoner hvor infosidene nå er kategorisert, og lagt til som undersider.

  • Hero (mulighet for å legge til eller endre)
  • Nyheter - nedlastbare filer
  • Infosider - lenke til kategoriserte undersider
  • Om oss - kjappe fakta
  • Kontakt - kontaktinfo til nyttige personer i borettslaget som styrer og vaktmester.

 

Dette gjør det enklere for beboere å finne informasjon raskt.

Se desktop prototypen

Typografi og symboler

Prosjektet tar utgangspunkt i en modulbasert font utviklet parallelt med nettsiden. Fonten er inspirert av fasadedekoren på blokkene i borettslaget.

 

Bokstavene brukes ikke bare som overskrifter, men også som enkle symboler i navigasjonen.

 

For eksempel:

N – NyheterI – InfosiderK – Kontakt

 

Dette gir en enkel og gjenkjennelig visuell struktur.

Fargepaletten i forslaget er inspirert av blokkene i borettslaget. Fasadedekoren består av sterke, men varme farger som rød, gul og beige toner. Disse er brukt som utgangspunkt for en enkel og gjenkjennelig palett i prosjektet.

 

Fargene brukes sparsomt i grensesnittet, hovedsakelig til overskrifter, markeringer og navigasjon. På den måten knyttes den digitale løsningen visuelt til arkitekturen i området, samtidig som siden fortsatt er rolig og lett å lese.

Fra fasade til nettside

Prosjektet tar utgangspunkt i en modulbasert font utviklet parallelt med nettsiden. Fonten er inspirert av fasadedekoren på blokkene i borettslaget.

 

Bokstavene brukes ikke bare som overskrifter, men også som enkle symboler i navigasjonen.

 

For eksempel:

N – NyheterI – InfosiderK – Kontakt

 

Dette gir en enkel og gjenkjennelig visuell struktur.

Se mer av 0689 Prosjektet

0689 font

0689 Selbuvotter

Resultat

Forslaget viser hvordan tydelig struktur og et enkelt visuelt system kan gjøre informasjon mer tilgjengelig for beboere.

Prosjekt oppsummering

Prosjekt

Haraløkka Borettslag,

Personlig prosjekt

Rolle

Grafisk designer / Webdesigner

Type

Konseptuelt redesign av nettside

År

2026

Verktøy

Figma

Haraløkka borettslag

Haraløkka borettslag i Bølerlia består av flere blokker bygget rundt 1960 og ligger tett på både Haraløkka idrettsanlegg og Østmarka. Nettsiden fungerer i dag hovedsakelig som en informasjonskanal for beboere, men fremstår som en lang én-side løsning med popups, midtstilt tekst og mange bilder. Dette gjør det vanskelig å finne informasjon raskt.

Struktur og visuell retning

Prosjektet utforsker hvordan siden kan struktureres tydeligere, samtidig som den får en visuell identitet inspirert av området.

Problem

Den eksisterende siden har flere utfordringer:

  • all informasjon ligger på én lang side
  • midtstilt tekst gjør brødtekst vanskelig å lese
  • popups og mange bilder skaper visuell støy
  • viktig informasjon som dokumenter og kontakt er vanskelig å finne
  • rød tekst på hvit bakgrunn

 

 

Resultatet er en side som fungerer, men som ikke er spesielt brukervennlig. Se bilde av dagens nettside under.

Mål

Målet var å utvikle et enkelt forslag til:

  • tydeligere struktur
  • bedre lesbarhet
  • enklere navigasjon
  • en visuell identitet knyttet til stedet

 

Løsningen skulle fortsatt være realistisk for et borettslag, uten å bli unødvendig komplisert.

Struktur

Siden ble delt inn i seksjoner hvor infosidene nå er kategorisert, og lagt til som undersider.

  • Hero (mulighet for å legge til eller endre)
  • Nyheter - nedlastbare filer
  • Infosider - lenke til kategoriserte undersider
  • Om oss - kjappe fakta
  • Kontakt - kontaktinfo til nyttige personer i borettslaget som styrer og vaktmester.

 

Dette gjør det enklere for beboere å finne informasjon raskt.

Se desktop prototypen

Typografi og symboler

Prosjektet tar utgangspunkt i en modulbasert font utviklet parallelt med nettsiden. Fonten er inspirert av fasadedekoren på blokkene i borettslaget.

 

Bokstavene brukes ikke bare som overskrifter, men også som enkle symboler i navigasjonen.

 

For eksempel:

N – NyheterI – InfosiderK – Kontakt

 

Dette gir en enkel og gjenkjennelig visuell struktur.

Fargepaletten i forslaget er inspirert av blokkene i borettslaget. Fasadedekoren består av sterke, men varme farger som rød, gul og beige toner. Disse er brukt som utgangspunkt for en enkel og gjenkjennelig palett i prosjektet.

 

Fargene brukes sparsomt i grensesnittet, hovedsakelig til overskrifter, markeringer og navigasjon. På den måten knyttes den digitale løsningen visuelt til arkitekturen i området, samtidig som siden fortsatt er rolig og lett å lese.

Fra fasade til nettside

Prosjektet tar utgangspunkt i en modulbasert font utviklet parallelt med nettsiden. Fonten er inspirert av fasadedekoren på blokkene i borettslaget.

 

Bokstavene brukes ikke bare som overskrifter, men også som enkle symboler i navigasjonen.

 

For eksempel:

N – NyheterI – InfosiderK – Kontakt

 

Dette gir en enkel og gjenkjennelig visuell struktur.

Se mer av 0689 Prosjektet

0689 font

0689 Selbuvotter

Resultat

Forslaget viser hvordan tydelig struktur og et enkelt visuelt system kan gjøre informasjon mer tilgjengelig for beboere.

Prosjekt oppsummering

Prosjekt

Haraløkka Borettslag,

Personlig prosjekt

Rolle

Grafisk designer / Webdesigner

Type

Konseptuelt redesign av nettside

År

2026

Verktøy

Figma

Haraløkka borettslag

Haraløkka borettslag i Bølerlia består av flere blokker bygget rundt 1960 og ligger tett på både Haraløkka idrettsanlegg og Østmarka. Nettsiden fungerer i dag hovedsakelig som en informasjonskanal for beboere, men fremstår som en lang én-side løsning med popups, midtstilt tekst og mange bilder. Dette gjør det vanskelig å finne informasjon raskt.

Struktur og visuell retning

Prosjektet utforsker hvordan siden kan struktureres tydeligere, samtidig som den får en visuell identitet inspirert av området.

Problem

Den eksisterende siden har flere utfordringer:

  • all informasjon ligger på én lang side
  • midtstilt tekst gjør brødtekst vanskelig å lese
  • popups og mange bilder skaper visuell støy
  • viktig informasjon som dokumenter og kontakt er vanskelig å finne
  • rød tekst på hvit bakgrunn

 

 

Resultatet er en side som fungerer, men som ikke er spesielt brukervennlig. Se bilde av dagens nettside under.

Mål

Målet var å utvikle et enkelt forslag til:

  • tydeligere struktur
  • bedre lesbarhet
  • enklere navigasjon
  • en visuell identitet knyttet til stedet

 

Løsningen skulle fortsatt være realistisk for et borettslag, uten å bli unødvendig komplisert.

Struktur

Siden ble delt inn i seksjoner hvor infosidene nå er kategorisert, og lagt til som undersider.

  • Hero (mulighet for å legge til eller endre)
  • Nyheter - nedlastbare filer
  • Infosider - lenke til kategoriserte undersider
  • Om oss - kjappe fakta
  • Kontakt - kontaktinfo til nyttige personer i borettslaget som styrer og vaktmester.

 

Dette gjør det enklere for beboere å finne informasjon raskt.

Se desktop prototypen

Typografi og symboler

Prosjektet tar utgangspunkt i en modulbasert font utviklet parallelt med nettsiden. Fonten er inspirert av fasadedekoren på blokkene i borettslaget.

 

Bokstavene brukes ikke bare som overskrifter, men også som enkle symboler i navigasjonen.

 

For eksempel:

N – NyheterI – InfosiderK – Kontakt

 

Dette gir en enkel og gjenkjennelig visuell struktur.

Fargepaletten i forslaget er inspirert av blokkene i borettslaget. Fasadedekoren består av sterke, men varme farger som rød, gul og beige toner. Disse er brukt som utgangspunkt for en enkel og gjenkjennelig palett i prosjektet.

 

Fargene brukes sparsomt i grensesnittet, hovedsakelig til overskrifter, markeringer og navigasjon. På den måten knyttes den digitale løsningen visuelt til arkitekturen i området, samtidig som siden fortsatt er rolig og lett å lese.

Fra fasade til nettside

Typografien i prosjektet er inspirert av fasadedekoren på blokkene i Haraløkka borettslag. Den modulbaserte fonten 0689 er utviklet parallelt med nettsideforslaget, og brukes både i navigasjon, skilting og grafiske elementer.

Se mer av 0689 Prosjektet

0689 font

0689 Selbuvotter

Resultat

Forslaget viser hvordan tydelig struktur og et enkelt visuelt system kan gjøre informasjon mer tilgjengelig for beboere.

Prosjekt oppsummering

Prosjekt

Haraløkka Borettslag,

Personlig prosjekt

Rolle

Grafisk designer / Webdesigner

Type

Konseptuelt redesign av nettside

År

2026

Verktøy

Figma

Haraløkka borettslag

Haraløkka borettslag i Bølerlia består av flere blokker bygget rundt 1960 og ligger tett på både Haraløkka idrettsanlegg og Østmarka. Nettsiden fungerer i dag hovedsakelig som en informasjonskanal for beboere, men fremstår som en lang én-side løsning med popups, midtstilt tekst og mange bilder. Dette gjør det vanskelig å finne informasjon raskt.