Prosjekt

Haraløkka Borettslag nettside

Leveranse

Redaksjonelt design

Utfordring og mål

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

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å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.

Løsningen

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.

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.

desktop haralokka

Se desktop prototypen

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.

0689

0689 font

0689vott

0689 Selbuvotter

Se mer av 0689 Prosjektet

Resultat

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

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.

Prosjekt

Haraløkka Borettslag nettside

Leveranse

Redaksjonelt design

Utfordring og mål

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

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å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.

Løsningen

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.

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.

desktop haralokka

Se desktop prototypen

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.

0689

0689 font

0689vott

0689 Selbuvotter

Se mer av 0689 Prosjektet

Resultat

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

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.

Prosjekt

Haraløkka Borettslag nettside

Leveranse

Redesign av nettside, font, profil, strikkemønster

Utfordring og mål

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

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å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.

Løsningen

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.

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.

Se desktop prototypen

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.

0869

0689 font

0689vott

0689 Selbuvotter

Se mer av 0689 Prosjektet

Resultat

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

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.