Danmarks Naturfredningsforening

Ny sammenhængende digital platform med mere end 100 subsites og håndtering af 120.000 aktive medlemmer.

Opgaven

Med lokalafdelinger i hele landet, masser af årlige events og mere end 120.000 aktive medlemmer kom Danmarks Naturfredningsforening til Novicell med ønsket om en ny sammenhængende digital platform. Den nye platform skulle både visuelt og teknisk binde mere end 100 subsites sammen med foreningens main site, dn.dk.

Målet

Målet for Danmarks Naturfredningsforening var derfor en komplet makeover og en fælles ny moderne backend, hvor artikler og arrangementer kommer mere i spil, og hvor medlemmer og potentielle medlemmer var i fokus i frontend. Den nye platform skulle være skalerbar, så foreningen i høj grad selv kunne udvikle nye subsites, kampagner og andet på baggrund af fleksible skabeloner.

Det bestod samarbejdet af

Workshop

Målet var at løsningen frem for alt skulle understøtte foreningens KPI'er. Vejen frem var en indledende workshop, med fokus på målgruppen, teknologi, ønsker og behov.
Turmodul

Med over 1000 ture og arrangementer om året havde Danmarks Naturfredningsforening brug for nemt at kunne oprette nye events samt synkronisere dem på tværs af lokalafdelinger.
Volumen

Mere end 100 undersider til lokalafdelinger og kampagnesites var en del af samarbejdet. Systemet er bygget op, så Danmarks Naturfredningsforening hurtigt kan oprette nye sites til mindre kampagner.

100+ lokalafdelinger og kampagnesites

Et af kardinalpunkterne i opgaven for Danmarks Naturfredningsforening var fra starten at få foreningens mange lokalafdelinger til at fungere i den nye opsætning. Det betød dels en oprydning i indholdet, hvor alle lokal- og kampagnesider blev sorteret fra hinanden og fra hovedsiden for at gøre strukturen mere overskuelig fra webredaktørerne. Samtidig skulle alt indhold fungere på tværs af de forskellige lokalsider, hvilket krævede en stor portion kategorisering og tagging af artikler, billeder, kampagner med mere. For at involvere de mange lokalforeninger har Danmarks Naturfredningsforening selv faciliteret undervisningsforløb af over 100 frivillige webredaktører. De frivillige har af flere omgange givet feedback til den nye umbraco-platform i løbet af processen.

Fleksibel modulopbygning

Danmarks Naturfredningsforening er en kampagneorganisation, så derfor er det en stor fordel for dem med et agilt system med stor selvbestemmelse. Kort efter lanceringen lavede foreningen selv kampagnesitet Nej til mikroplast i naturen - en idé, der opstod på baggrund af den offentlige debat i tiden og hurtigt blev ført fra tanke til handling: Blot 3 dage brugte man på at få sitet i luften med indhold og design, hvilket viser, at det nye setup virker efter hensigten.

Novicell har været en fleksibel partner og har lyttet til vores ønsker hele vejen. Det har generelt været en meget positiv proces, og vi har bestemt fået, hvad vi kom efter.

Allan Nyhus, IT-chef

Danmarks Naturfredningsforening

Responsivt redesign

Danmarks Naturfredningsforening ønskede et sammenhængende visuelt univers, som underbygger foreningens KPI’er og sikrer, at de fremstår som en troværdig organisation.

Workshop

Vi holdt en indledende heldagsworkshop med foreningen, der afdækkede tekniske aspekter for det kommende website, samt hvilken brandmæssig retning de var på vej mod.
Wireframes

Vi udviklede wireframes for at sikre optimal UX på alle skærmstørrelser. De tog udgangspunkt i workshoppen og kravspecifikationen - med opsatte KPI'er - fra Danmarks Naturfredningsforening.
Endeligt webdesign

Til sidst i processen blev farver, stil og tone lagt over de tidligere udarbejdede wireframes. De sidste detaljer blev finjusteret og identiteten synliggjort, og det endelige design udviklet.

Uafhængige kampagnesites

Danmarks Naturfredningsforening havde behov for at kunne informere om arrangementer og kampagner - udenom hovedsitet. De enkelte kampagnesites kan således stå for sig selv uden direkte forbindelse til hovedsitet, men dog med samme overordnede design. Alle subsites er opbygget i grundmoduler fra hovedsitet, og det er muligt for webredaktørerne at lave simple ændringer i fx tekst- og billedopsætninger. Første spadestik til disse kampagnesites blev naturensdag.dk, affaldsindsamlingen.dk og danmarksnaturfond.dk.

Visuel identitet

Fælles grundlag for stil og tone

Gorm Larsen og Zornig har stået for en opdateret identitet til Danmarks Naturfredningsforening, dog med primært fokus på offline. Novicells designafdeling tog udgangspunkt i fonte og farver, hvor vi tilførte øvrige nødvendige elementer i forhold til et website - eksempelvis ikoner, links, knapper, inputfelter mm.

Icons Danmarks Naturfredningsforening Novicell

CTA Danmarks Naturfredningsforening Novicell

Styr på søgninger og arrangementer

I den nye løsning opbygges et akkumulerende søgeindeks, som rummer data fra alle subsites og services. Målet er, at brugeren kan foretage søgninger og få leveret resultater på tværs af dn.dk, lokalforeningssites, turmodul, nyheder, shop, kampagner osv.

Søgefunktionen er bygget op således, at når man er på en underside og søger på fx "vindmøller", kigger søgefunktionen først på indhold fra den aktuelle afdeling og viser resultater herfra først. Efterfølgende kommer resultater fra hovedsiden eller øvrige afdelingssider med tydelig markering af, at brugeren er på vej et andet sted hen.

Omfattende turmodul

Danmarks Naturfredningsforening har cirka 1.000 ture eller arrangementer om året. Dem vil de gerne have frem i lyset, så brugerne bliver opmærksomme på, hvad lokalforeningerne laver - og flere danskere kommer ud i naturen. Arrangementer fra lokalafdelinger trækkes ind i en fælles oversigt på hovedsiden, og ligesom med søgningerne vises de nærmeste arrangementer først, hvorefter der kan suppleres med inputs fra nabobyer.

Login på vej

Med den nye platform er Danmarks Naturfredningsforening rustet til en fremtid, hvor medlemshvervning foregår digitalt fremfor over telefon. I forlængelse heraf er de næste to udvidelser på tegnebrættet: Medlemsplatformen mit.dn med login-funktion samt en makeover af webshoppen, som sælger forskellige produkter til natur- og miljøentusiaster - med medlemsrabatter og andre features.

Flere sidevisninger pr. bruger

Vi har lagt vægt på at holde folk på siden - mindske bounce raten og sikre flere sidevisninger. Det er altså vigtigt, at brugeren har en oplevelse af, at der hele tiden er noget nyt at gøre eller klikke på. Det har vi sikret gennem to greb: Tags: Når man har læst en artikel om et emne, er der tags i bunden af siden. På den måde kan man altid klikke sig videre til mere relevant indhold. Hvis man fx læser en artikel om vindmøller, vil den være tagget med "energi", og efter artiklen vil man derfor nemt kunne klikke sig videre til flere artikler om energi. Call to action-knapper: De gule knapper optræder på alle sider. Har du fx læst et portræt af en af foreningens frivillige ildsjæle, bliver du mødt af knappen "Bliv frivillig".

Besæg selv siden og se, om du bliver fanget