Forside / Brand Og Redning MidtVest

Udviklingen af Brand Og Redning MidtVest

Kontekst og Omfang

Brand & Redning MidtVest (BRMV) var mit 2. semester eksamensprojekt på multimediedesigneruddannelsen. Formålet med projektet var at skabe en mere moderne og brugervenlig digital platform, som kunne gøre det nemmere for borgerne at finde relevant information og få et bedre indblik i BRMV’s arbejde.

Udfordringen

En af de største udfordringer ved projektet var, at BRMV’s eksisterende hjemmeside ikke i tilstrækkelig grad var rettet mod borgerne. Siden fungerede i høj grad som en intern portal med fokus på login og Intra, hvilket gjorde det sværere for besøgende at finde den information, de faktisk havde brug for.

Gennem vores research og analyse identificerede vi tre områder, som den nye løsning skulle være med til at forbedre:

  • Rekruttering: BRMV havde behov for flere deltidsbrandmænd, men den eksisterende hjemmeside gjorde det ikke nemt at finde information om jobbet eller komme i gang.
  • Synlighed: Flere af BRMV’s tilbud og forebyggende services, som brandsyn og kurser, var ikke tydeligt kommunikeret.
  • Brugervenlighed: Den eksisterende struktur gjorde det svært at finde rundt på siden og kunne føre til forkerte eller unødvendige henvendelser.

Vores mål blev derfor at skabe en mere åben og brugervenlig platform, hvor borgere hurtigt kunne finde relevant information, samtidig med at BRMV fik bedre mulighed for at synliggøre deres services og rekruttere nye deltidsbrandmænd.

Projektteam og ansvarsområder

Projektet blev udviklet i et team på tre, hvor vi hver især havde vores egne fokusområder. Det gjorde det muligt at arbejde mere målrettet med både brugeroplevelse, design og den tekniske del af projektet.

Pernille – Digital strategi: Pernille havde fokus på SEO, informationsarkitektur og SoMe. Hun arbejdede blandt andet med Micromoments for at sikre, at hjemmesiden kunne imødekomme brugernes behov på de rigtige tidspunkter.

Emmeline – UX/UI: Jeg havde primært fokus på målgruppen, brugeroplevelsen og UX/UI-design. Jeg arbejdede blandt andet med wireframes og Don Normans Emotional Design for at skabe en løsning, der både var funktionel og indbydende.

Sofie – Visuel identitet: Sofie stod blandt andet for konkurrentanalysen og arbejdede med den visuelle retning for hjemmesiden. Fokus var på at skabe et moderne udtryk, der stadig passede til BRMV som organisation.

Research og datadrevet proces

For at få en bedre forståelse af, hvad der fungerer godt på andre beredskabers hjemmesider, startede vi projektet med research og konkurrentanalyse. Vi undersøgte blandt andet, hvordan andre beredskaber strukturerer deres indhold, bruger farver og guider brugeren rundt på siden.

Konkurrentanalyse og UI-evaluering

Vi tog udgangspunkt i to forskellige beredskaber, som gav os forskellige perspektiver på, hvad vi gerne ville tage med videre – og hvad vi gerne ville undgå.

  • Østjyllands Brandvæsen: Vi blev især inspireret af den tydelige navigation, farveopdelte sektioner og den generelle struktur. Det gav brugeren et hurtigt overblik og gjorde informationen nemmere at finde.
  • Hovedstadens Beredskab: Her lagde vi især mærke til nogle af de visuelle udfordringer, vi gerne ville undgå i vores egen løsning. Layoutet føltes tungt og meget venstrestillet, hvilket gjorde siden mindre overskuelig og gav et mere fragmenteret visuelt udtryk.

Analysen hjalp os med at definere en visuel og strukturel retning for BRMV’s nye hjemmeside, hvor fokus skulle være på overskuelig navigation, et moderne udtryk og en mere sammenhængende brugeroplevelse.

Designvalg og kommunikation

En vigtig del af projektet var at skabe et visuelt udtryk, der passede til BRMV’s rolle som beredskab. Designet skulle føles professionelt og troværdigt, men samtidig være moderne og let at navigere i.

SoMe og Micromoments: Vi arbejdede også med BRMV’s tilstedeværelse på sociale medier. Ved hjælp af Fiskemodellen og Micromoments fokuserede vi på at skabe korte og letfordøjelige opslag og videoer, som hurtigt fanger brugerens opmærksomhed. Et eksempel kunne være korte videoer om brandsikkerhed, hvor informationen formidles enkelt og visuelt.

Farver: Vi tog udgangspunkt i rød og gul som gennemgående signalfarver. Den røde farve bruges til at skabe opmærksomhed og understøtte BRMV’s visuelle identitet, mens den gule 112-bjælke gør vigtig information let at få øje på.

Typografi: Vi valgte Arial som den primære skrifttype, da den er letlæselig, tilgængelig og allerede findes på de fleste enheder. Det betyder samtidig, at vi ikke behøver hente en ekstern font, hvilket kan være med til at holde hjemmesiden enkel og hurtig.

Refleksion og fremtidige perspektiver

Projektet har haft fokus på at transformere BRMV fra en teknisk og mindre tilgængelig platform til en mere moderne og borgercentreret digital løsning. Gennem arbejdet med informationsarkitektur, brugeroplevelse, visuel identitet og kommunikation har målet været at skabe en platform, der både formidler vigtig beredskabsinformation og styrker organisationens synlighed.

Et centralt fokus har været balancen mellem rollerne som “Protector” og “Hero”. Protector-rollen skaber tryghed, autoritet og tillid, mens Hero-rollen bidrager til at skabe engagement og motivere brugerne til eksempelvis at blive frivillige. Kombinationen gør det muligt at kommunikere både det ansvar, organisationen har over for borgerne, og de muligheder, borgerne selv har for at engagere sig.

Næste skridt

Selvom den nye løsning skaber et stærkere udgangspunkt, er arbejdet med brugeroplevelsen en løbende proces. For at videreudvikle platformen vil følgende tiltag være relevante:

AI-integration:
En fremtidig mulighed er at implementere en intelligent chatbot, som kan besvare simple og tilbagevendende spørgsmål fra borgere. Det kunne eksempelvis være spørgsmål om afbrændingsforbud, regler og lovkrav. På den måde kan brugerne få hurtige svar, samtidig med at medarbejderne kan bruge deres tid på mere komplekse henvendelser…

Heatmaps:
Implementering af heatmaps kan give indsigt i, hvordan brugerne bevæger sig på siden, hvilke elementer de interagerer mest med, og hvor eventuelle friktionspunkter stadig opstår. Dette kan bruges til at validere de nye CTA-stier og optimere brugerflowet yderligere.

Google Analytics:
Ved at analysere brugerdata kan man følge udviklingen i blandt andet konverteringsrater på ABA-formularer og rekrutteringssider. Det gør det muligt at vurdere, om de designmæssige ændringer rent faktisk fører til den ønskede brugeradfærd.