Gå til sideindhold
Kontakt os
 
Lokalmenu
 
[Top]

Sidehoved & sidefod der virker i praksis

I får en onboarding der inkluderer 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 hjemmesidens 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 designer vi hjemmesidens sidehoved og sidefod (header/footer), før du påbgynder opbygningen, modul for modul. Du får god sparring og rådgivning hele vejen, og når du først har lært vores CMS modul, går det hurtigt og føles let - faktisk ret sjovt.

 

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.

 

Sidehoved (header)

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

 

Sidefod (footer) 

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 sidehoved og sidefod fungerer effektivt og er lette at bruge på både computer og mobil.

Eksempler på sidehoved og sidefod
  [Top]
[Top]

Animeret sidehoved og sidefod

Med animation kan sidehoved og sidefod 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]

Priser

Tilbud på design af hjemmesidens sidehoved og sidefod (ekskl. moms). Vi bruger ikke AI-genererede designskabeloner, men designer og udvikler løsningen på klassisk vis, så du får højere kvalitet og et mere personligt og præcist resultat.

1) Basispakken – i alt 14.600 kr. 

Sidehoved/sidefod uden grafiske elementer (fx blade/cirkler). Inkluderer mock-ups, møder, udviklerarbejde, tilpasning af logo og ikoner, test på forskellige browsere og mobilvisninger samt rettelser.

 

2) Grafikpakken – i alt 19.100 kr. 

Sidehoved/sidefod med grafiske elementer (fx cirkler, blade eller lign.).

Inkluderer tilpasning og justering, så grafikken fungerer optimalt på både PC og mobil – uden at forstyrre indholdet.

 

3) Animationspakken – i alt 28.100 kr. 

Sidehoved/sidefod med animationer af de grafiske elementer for en tydelig “wau-effekt”. Eksempler: blade der falder ned, logo i bevægelse, eller cirkler der bevæger sig som små “satellitter”. Effekten kan give en mere levende og iøjnefaldende oplevelse for besøgende.

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

[Top]

Farvekontraster

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