Indblik: Sådan løftede vi NNF.dk med en komplet UX- og udviklingsløsning

I efteråret 2019 indledte vi et samarbejde med Fødevareforbundet NNF, der bl.a. er fagforening og a-kasse for ansatte i slagter-, bager- og sukkerbranchen. Oprindeligt lød opgaven på en migrering af det eksisterende website fra Umbraco 4,7 til Umbraco 8.

Vi mente imidlertid, at websitet havde langt større potentiale. Derfor udfordrede vi Fødevareforbundet NNF's oprindelige mål med en række idéer til optimering af UX og webdesign. Gennem et tæt samarbejde med Fødevareforbundet NNF fandt vi frem til en komplet UX- og udviklingsløsning, og det er nogle af disse elementer, du kan få et indblik i her.

Et website med masser af informationer - og rum til fordybelse

NNF.dk er en informationsportal til forbundets medlemmer. Her skal medlemmerne nemt kunne finde lige netop den information, de står og mangler, og derfor skal sitet imødekomme dette behov. 

Fødevareforbundet NNF stod med en række udfordringer ift. en digital implementering af det – nu nedlagte – fysiske fagblad. Udsigten til et nyhedsflow på fire-fem artikler om ugen var en kilde til forvirring hos brugerne. Det var essentielt, at kritiske informationer om eksempelvis proceduren ved pludselig ledighed ikke blev overskygget af den nye artikelstruktur.

Med disse underliggende krav, var vores mål at skabe en overskuelig side fyldt med relevant indhold, og som har en intuitiv adgang til informationer.

Tryghed er afgørende, og derfor er processen en del af løsningen

Hos GORM Agency er vores hensigt at levere en langsigtet og holdbar løsning for vores kunder. Hver gang. I den henseende er fokus på brugernes behov nødvendigt, så løsningen tager afsæt i dette. Derfor startede vi her med at definere Fødevareforbundet NNF's behov og deres brugeres behov, så vi kunne optimere både backend- og frontend ud fra disse.

Derudover holdt vi en workshop med Fødevareforbundet NNF's digitale afdeling så vi sikrede, at alle forventninger var afstemt og alle var på linje med målsætningen.

Springet fra Umbraco 4 til 8 var stort. Og vi ved, at overdragelsen af et nyt system kan være en kilde til utryghed hos dem, der skal til at lære alt det nye at kende. Vi kom utrygheden i forkøbet og sikrede os, at hele den digitale afdeling var trygge og kendte til websitets nye funktioner.

Transformationen af NNF.dk

Backend-udvikling

En god brugeroplevelse er vigtig for brugeren af et website, men også for redaktøren eller indholdsskaberen. Og Umbraco 8 udmærker sig netop med en letforståelig, smart backend.

Det optimerede CMS-system er designet til at gøre arbejdsopgaverne lettere for contentskabere, designere og udviklere – og i tilgift samarbejdet imellem disse forskellige roller. Der er fx mindre risiko for flere versioner af den samme side hvilket er en fordel i samarbejdet.

Med den nyimplementerede Umbraco Cloud hosting-løsning er alt sikkert lagret og parat til, hvad fremtiden har at byde på. 

Læs også: Umbraco Cloud er din genvej til sikker performance og et stabilt workflow

Intelligent søgefunktion

Umbraco CMS'et åbnede også op for en optimering af søgefunktionerne på siden. Den nye intelligente søgefunktion håndterer nu:

• Taste- og stavefejl
• Alternative stavemåder
• Autocomplete
• Forslag til din søgning

Optimering af design med en mobile first-tilgang

I den forberedende fase erfarede vi, at 53 % af brugerne på NNF.dk besøgte websitet via smartphone eller tablet. Det var med til at bestemme, at designet skulle være mobile first.

Overordnet tog vi udgangspunkt i den gamle og velkendte side og gav den et solidt facelift. Vi optimerede artikelstrukturen, strømlinede ikoner og øgede interaktiviteten med dynamiske faner og tabs.

Alene arbejdet med ikonerne var vigtigt, fordi brugeren hurtigt skal kunne afkode og finde mening i det viste. Betydningen kan variere fra arbejdssektor til arbejdssektor, fra kultur til kultur, og skal tage afsæt i det, brugerne finder mening med. Et ikon kan med andre ord have mange forskellige betydninger alt efter, hvad øjet ser. Og hvem der ser. Vi har strømlinet ikonerne på NNF.dk, så de er mere intuitive og forståelige.

På billedet kan du se de tidligere ikoner på websitet.

Og her kan du se de nye ikoner på websitet.

Fødevareforbundet NNF's nye website er både funktionelt og brugervenligt

Summen af vores arbejde er bedst formuleret af kunden selv:

”Vi er utrolig glade for vores nye hjemmeside; både i forhold til udseende og layout, men i høj grad også i forhold til funktionalitet og brugervenlighed (...) og det er en fornøjelse at have en hjemmeside, hvor vi føler, at vi kan præsentere vores medlemmer for den nødvendige information på en god måde.”

En migrering af det nuværende indhold til den nye Umbraco-platform havde været en kortsigtet løsning, og Fødevareforbundet NNF står i dag med et website, der ikke blot er fremtidssikkert, men som også er let og effektivt at navigere rundt på. Med Umbraco Cloud er al data også sikkert lagret og migrationsparat.

Efter endt samarbejde er det tydeligt, at to forhold gjorde resultatet muligt: Umbraco 8 og det stærke samarbejde, vi har nydt sammen med Fødevareforbundet NNF.