Gå til sideindhold
Kontakt os
 
Lokalmenu
 
[Top]

Header & Footer der virker i praksis

I får en tryg opstart med oplæring, guides og fast sparring, så I hurtigt kan opdatere og vedligeholde jeres nye hjemmeside. For at vi kan lave en stærk opsætning, skal fundamentet være på plads fra start.

 

Derfor har vi samlet vejledninger, tjeklister og gode råd, der hjælper jer med at få styr på struktur, indhold og design, før vi bygger løsningen op - sammen med jer. 

 

Som en del af pakken hjælper vi dig med at få header og footer til at spille, mens du bygger siden, modul for modul. Du får rådgivning hele vejen, og når du først har lært logikken, går det hurtigt og føles let.

 

Herunder viser vi eksempler på designs, der fungerer stærkt i praksis – især på mobil. Vi kan tilpasse, men anbefaler at tage udgangspunkt i en løsning, der allerede er testet og gennemprøvet.

 

Headeren 

er toppen af hjemmeside. Det er typisk her, du finder logo, menu og de vigtigste genveje, så man hurtigt kan finde rundt. 

 

Footeren 

er bunden af hjemmesiden. Her ligger ofte kontaktinfo, åbningstider, links til sociale medier, adresse og andre nyttige oplysninger, som besøgende kan bruge, når de scroller ned.

 

Det er vigtigt, at både header og footer fungerer effektivt og er lette at bruge på både computer og mobil.

Eksempler på header og footer
  [Top]
[Top]

Animeret header og footer

Med animation kan header og footer få et mere levende udtryk, der skaber blikfang og en tydelig “wau-effekt” fra første sekund. Små, rolige bevægelser (fx blade der falder, eller elementer der flyder let) gør siden mere moderne og indbydende, styrker det visuelle brand og guider besøgendes opmærksomhed – uden at forstyrre indholdet. Animation udvikles som tilvalg mod merpris. 

 

Det viste eksempel er bevidst overdrevet for at tydeliggøre mulighederne. I praksis vil animationerne typisk være mere diskrete – fx små, rolige bevægelser eller et logo, der laver en let animation.


Se eksempel hos UNG Aabenraa og læg mærke til logoet øverst i venstre hjørne, som har en diskret animation. 

[Top]
Se film om webtilgængelighed

Webtilgængelighed

Webtilgængelighed betyder, at alle borgere – uanset handicap eller funktionsnedsættelse – skal kunne bruge websteder og mobilapps fra myndigheder og offentligretlige organer. Det sikrer, at alle kan deltage i samfundslivet på lige vilkår.

 

Vil du vide endnu mere?
Besøg Digitaliseringsstyrelsens hjemmeside – her kan du også se en god introduktionsvideo.

Farvekontraster
  [Top]
Her er fire korte eksempler på farvekombinationer. To viser for lav kontrast (svære at læse), og to viser god kontrast (anbefales til tekst og knapper).
Mørk tekst på hvid baggrund giver stærk kontrast og høj læsbarhed.
Lysegrå tekst på hvid baggrund har typisk for lav kontrast til almindelig tekst.
Mørk tekst på den orange baggrund giver som regel en tydelig, læsbar CTA.
Brødtekst i hvid på den orange bliver ofte for “let” (kan evt. gå til meget stor/bold tekst – men ikke som standard).
Apricore logo