NyeHøjder – Visuel identitet

Written by

in

Kort vurdering

NyeHøjders hjemmeside har et stærkt visuelt fundament.

Siden føles moderne, rolig og forholdsvis konsekvent. Den mørkeblå brandfarve, de lyse baseflader, de hvide kort, de afrundede hjørner, den enkle typografi og den tydelige brug af CTA’er giver et professionelt udtryk, der passer godt til løftet om mere retning og mindre støj.

Det vigtigste problem er derfor ikke, at hjemmesiden mangler et designsystem. Tværtimod virker siden tydeligt bygget på et system.

Det vigtigste forbedringspunkt er, at det visuelle udtryk stadig kan blive mere ejet af NyeHøjder. Lige nu er strukturen stærkere end billeduniverset og de små brandmæssige detaljer. Siden fremstår professionel, men den kan blive mere genkendelig, mere personlig og mere bevidst — uden at blive mere pyntet eller støjende.


Hvad vi ser

Et roligt og professionelt førsteindtryk

Den visuelle grundretning er tydelig: mørk blå, lys grå, hvid, afrundede flader og en klar opdeling mellem sektioner.

Det giver siden en rolig rytme. Brugeren bliver ikke mødt af mange forskellige farver, effekter eller grafiske greb, der kæmper om opmærksomheden.

Det passer godt til NyeHøjders positionering.

Når virksomheden sælger strategi, web, branding og markedsføring til soloselvstændige og mindre ekspertvirksomheder, skal siden ikke føles kaotisk, smart for smarthedens skyld eller som et kreativt eksperiment.

Den skal føles klar.

Og det gør den i store træk.

Oversigt over forsiden, hvor den mørkeblå hero, den lyse sektion og kortsystemet viser det visuelle fundament

Designsystemet gør meget af arbejdet

Flere dele af hjemmesiden følger tydelige mønstre:

  • mørk brandsektion øverst
  • lyse indholdssektioner
  • hvide kort på lys baggrund
  • afrundede billeder og paneler
  • blå primær CTA
  • mørke sekundære CTA’er
  • små uppercase eyebrow-tekster
  • ensartet spacing mellem sektioner

Det betyder, at hjemmesiden allerede føles mere samlet end mange mindre virksomhedshjemmesider, hvor hver underside ofte føles som sin egen lille ø.

Her er der en klar intention.

Det er en styrke.

Billeduniverset er det største visuelle forbedringspunkt

Det største spring fremad ligger i billederne.

Siden bruger ægte billeder, og det er i sig selv en styrke. Det gør NyeHøjder mere menneskelig og troværdig end hvis siden kun brugte stockfotos, generiske illustrationer eller glatte mockups.

Men billeduniverset er ujævnt.

Nogle billeder viser samarbejde og proces. Andre viser arbejdsstationer, eventmateriale, en bog, screenshots, en kontorhund eller personer fritlagt på mørk baggrund.

Hver for sig kan billederne godt give mening. Men samlet set føles de ikke helt som ét bevidst brandunivers endnu.

Det giver en lille forskel mellem layoutets modenhed og billedsidens modenhed.

Layoutet føles ret færdigt.

Billederne føles flere steder mere midlertidige.

Sammenligning af flere billedtyper fra siden — samarbejdsbillede, bogbillede, arbejdsstation, eventbillede og fritlagte personbilleder

Det samme hovedbillede går igen mange steder

Billedet af Jamie og Jannie ved bordet fungerer godt.

Det er varmt, ægte og samarbejdsorienteret. Det viser menneskerne bag virksomheden og passer godt til en virksomhed, der gerne vil være en tæt strategisk samarbejdspartner.

Men billedet bliver brugt flere steder på tværs af siden.

Det gør universet lidt smallere, end virksomheden egentlig er. NyeHøjder arbejder med strategi, branding, web, markedsføring, sparring, analyse og implementering — men billedsiden viser ikke helt den bredde endnu.

På sigt ville hjemmesiden stå stærkere med et lille sæt brandbilleder, der viser forskellige situationer:

  • strategi og sparring
  • web- og analysearbejde
  • planlægning og struktur
  • samarbejde mellem Jamie og Jannie
  • konkret arbejde med kunders websites
  • visuelle noter, skitser eller procesmateriale
  • Eevee som personlig detalje

Det handler ikke om at gøre siden mere poleret for poleringens skyld. Det handler om at få billederne til at løfte samme fortælling som teksterne og strukturen.

Eevee giver personlighed, men bør bruges bevidst

Eevee er en fin og menneskelig detalje i brandet.

Det kan gøre NyeHøjder lettere at huske og give siden mere varme. For en lille virksomhed, hvor relation og tillid betyder meget, er den slags personlige detaljer faktisk værdifulde.

Men det skal bruges som en detalje — ikke som hovedsignal.

Eevee fungerer bedst som en del af “menneskene bag NyeHøjder”-fortællingen. Hun kan skabe genkendelighed og varme, men bør ikke tage fokus fra ydelsen, resultatet eller kundens næste skridt.

Team-sektion med Jamie, Jannie og Eevee

Kortsystemet er næsten på plads

Kortene på siden fungerer overordnet godt.

De giver struktur, gør indholdet lettere at skimme og skaber en rolig måde at præsentere ydelser, proces, FAQ og anbefalinger på.

Men kortsystemet er ikke helt konsekvent endnu.

Nogle kort har border. Andre har ikke. FAQ-elementer, proceskort og servicekort ligner delvist hinanden, men følger ikke altid helt samme visuelle regler.

Det er ikke et stort problem, men det er en af de ting, der gør forskellen mellem “pænt og velfungerende” og “meget bevidst og gennemført”.

Der bør være klare regler for de vigtigste korttyper:

  • servicekort
  • proceskort
  • FAQ-kort
  • testimonial-kort
  • CTA-paneler
  • formularpaneler

Det vigtigste er ikke nødvendigvis, om der bruges border eller ej.

Det vigtigste er, at samme type element opfører sig ens på tværs af siden.

Sammenligning af servicekort, proceskort, FAQ-kort og pris kort

Formularerne er næsten i samme system

Formularerne passer i store træk ind i sidens visuelle univers. De ligger i rolige hvide paneler, har tydelige labels og føles ikke som noget, der er sat tilfældigt ind.

Men submit-knapperne falder enkelte steder ud af det øvrige CTA-system.

Det er en lille detalje, men den er synlig, fordi resten af siden netop er så systematisk.

Når brugeren står ved en formular, er de tæt på at handle. Derfor bør formularens knap føles lige så bevidst som de øvrige primære CTA’er på siden.

Formular fra WebAudit- eller kontaktside, hvor submit-knappen sammenlignes med den normale “Book en snak”-knap

Det blå CTA-system fungerer, men bør holdes stramt

Den primære blå farve fungerer godt som handlingsfarve.

Den skaber kontrast mod den mørkeblå baggrund og gør det let at se, hvad brugeren skal gøre næste gang.

Systemet virker også logisk:

  • blå til primær handling
  • mørk knap til sekundær handling
  • tekstlink til tertiær handling
  • outline-knap hvor brugeren allerede er på destinationen

Det er en god retning.

Men netop fordi blå bruges som primær handlingsfarve, bør alle blå knapper og links følge samme visuelle logik.

Særligt på mørkeblå baggrund bør blå links og små blå elementer testes, så de har nok kontrast og ikke bliver for mørke eller svære at læse.

Små legacy-elementer skaber unødvendig uro

På nyhedsbrevssiden findes der eksempelvis en lille accent-kugle med brandgradient.

Den er ikke nødvendigvis grim, men den optræder ikke som et gennemgående element andre steder på hjemmesiden.

Derfor føles den som et levn fra en tidligere designretning.

Det er netop den type småting, der kan få en ellers systematisk side til at føles en smule mindre ren.

Hvis et grafisk element ikke er en del af det nuværende system, bør det enten fjernes eller bruges bevidst flere steder.

Accent-heading på nyhedsbrevssiden med den lille gradient-kugle

Den mørkeblå farve giver tyngde, men kræver luft

Den mørkeblå brandfarve er en af sidens stærkeste visuelle markører.

Den giver ro, kontrast og autoritet.

Det passer godt til en virksomhed, der gerne vil signalere struktur, overblik og professionel hjælp.

Samtidig skal den bruges med omtanke.

Hvis for mange store sektioner bliver mørke, kan siden komme til at føles tungere end nødvendigt. NyeHøjder skal ikke kun signalere alvor og struktur. Brandet skal også signalere lettelse, fremdrift og mere ro i maven.

Det fungerer bedst, når den mørkeblå bruges som anker, mens de lyse sektioner giver luft og de ægte billeder giver varme.

Siden gør det allerede mange steder, men rytmen bør holdes skarp, når nye sider og sektioner bygges.

Google Maps-fejlen bryder tilliden visuelt

På kontaktsiden er kortsektionen tænkt som et lokalt signal.

Det giver god mening. NyeHøjder er fysisk forankret i Aalborg, og et kort kan gøre virksomheden mere konkret og let at placere.

Men fordi Google Maps ikke indlæses korrekt, bliver sektionen i stedet et af de mest ufærdige visuelle elementer på siden.

Det er teknisk, men konsekvensen er visuel og tillidsmæssig.

Når en bruger ser en fejlbesked fra Google midt på kontaktsiden, føles siden mindre færdig — også selvom resten af designet er stærkt.

Her bør kortet enten fixes, erstattes af et statisk kortbillede eller ombygges til en simpel brandet lokationssektion.

Kontaktsidens kortsektion med Google Maps-fejlen

Typografien er rolig, men små labels skal have plads

Typografien fungerer godt på siden.

Overskrifterne er tydelige, brødteksten virker rolig, og der er en god forskel mellem store budskaber, korte forklaringer og små eyebrow-tekster.

Der er dog enkelte steder, hvor små uppercase labels og stat-tekster kan få brug for lidt mere line-height eller spacing.

Det gælder især, når danske bogstaver og accenter kommer tæt på linjen ovenover.

Det er en lille detalje, men på en minimalistisk side bliver små typografiske justeringer mere synlige.

Statistik-sektion på forsiden, hvor små labels og linjeafstand kan vurderes

Hvorfor det betyder noget

Visuel identitet handler ikke kun om at se professionel ud.

Det handler om tillid.

Når en potentiel kunde besøger NyeHøjders hjemmeside, vurderer de ikke kun ordene. De vurderer også, om virksomheden virker struktureret, skarp, troværdig og i stand til at hjælpe dem med deres egen kommunikation.

Det visuelle udtryk bliver derfor et bevis i sig selv.

Hvis NyeHøjder sælger klarhed, strategi og bedre digitale fundamenter, skal hjemmesiden også selv føles klar, strategisk og velbygget.

Det gør den langt hen ad vejen.

Men de små visuelle afvigelser betyder noget, fordi NyeHøjders ydelse netop ligger tæt på de områder, siden selv viser frem.

Når billederne føles midlertidige, når et kortmønster skifter, når en formular-knap ikke matcher, eller når Google Maps viser en fejl, bliver det ikke bare en æstetisk detalje.

Det bliver et lille signal om ufærdighed.

Ikke nok til at ødelægge helheden.

Men nok til at siden ikke helt fremstår så skarp, som den kunne.


Hvad vi vil anbefale

1. Gør ikke designet mere pyntet — gør det mere præcist

NyeHøjder bør ikke nødvendigvis tilføje flere grafiske elementer, effekter eller illustrationer.

Det ville hurtigt kunne skabe mere støj.

Den rigtige retning er snarere at gøre det eksisterende udtryk mere præcist.

Det betyder:

  • færre tilfældige variationer
  • stærkere billedvalg
  • mere konsekvente korttyper
  • mere ens CTA- og formularadfærd
  • færre legacy-elementer
  • mere bevidst brug af personlige detaljer

Målet er ikke, at siden skal råbe højere.

Målet er, at den skal føles mere sikker på sig selv.

2. Løft billeduniverset

Billederne bør være den største visuelle prioritet på sigt.

Siden har brug for et mere bevidst sæt billeder, der viser NyeHøjder som både strategisk, menneskelig og praktisk arbejdende.

Det kunne eksempelvis være:

  • et stærkt primært billede af Jamie og Jannie sammen
  • billeder fra sparring, whiteboard, noter eller workshop
  • billeder af webarbejde og analyse
  • billeder af struktur, planlægning og systemer
  • et godt billede af Eevee som personlig detalje
  • bedre billeder til de fire hovedområder: forretningsudvikling, branding, hjemmeside og markedsføring

Billederne behøver ikke ligne klassiske corporate billeder.

De må gerne være ægte.

Men de skal være ægte med retning.

3. Stram kortsystemet op

Kortsystemet bør gøres helt konsekvent.

Ikke fordi kortene fungerer dårligt nu, men fordi de allerede er så tæt på at fungere som et stærkt visuelt system.

Der bør tages stilling til:

  • hvornår kort har border
  • hvornår kort ikke har border
  • hvordan klikbare kort ser ud
  • hvordan proceskort adskiller sig fra servicekort
  • hvordan FAQ-kort skal se ud
  • hvordan testimonials skal præsenteres
  • hvordan spacing og padding skal være i kort

Det er især vigtigt, fordi kort bruges mange steder på siden. Små forskelle bliver derfor gentaget mange gange.

4. Ret formular-knapperne

Submit-knapperne i formularerne bør styles, så de matcher resten af sidens CTA-system.

Det vil få formularerne til at føles mere integrerede og mindre plugin-agtige.

Det gælder især WebAudit-formularen og kontaktformularen, fordi de er tæt på konverteringen.

Når brugeren er klar til at sende noget, skal knappen føles som en naturlig del af brandet — ikke som en standardknap fra et formularværktøj.

5. Fjern eller integrér legacy-elementer

Små elementer, der ikke længere er en del af sidens designretning, bør ryddes op.

Det gælder eksempelvis den lille gradient-kugle på nyhedsbrevssiden.

Hvis elementet skal bruges, bør det gøres til et bevidst og gentaget mønster.

Hvis ikke, bør det fjernes.

På en minimalistisk side er det ofte bedre at fjerne én forstyrrende detalje end at tilføje en ny for at forklare den.

6. Fix eller erstat Google Maps

Kortsektionen på kontaktsiden bør prioriteres, fordi fejlen er meget synlig.

Der er tre gode muligheder:

  1. Fix Google Maps-integrationen, så kortet virker korrekt.
  2. Brug et statisk kortbillede, der ikke afhænger af en tung integration.
  3. Erstat kortet med en enkel brandet lokationssektion om Aalborg.

Hvis kortet primært skal signalere lokal forankring, behøver det ikke nødvendigvis være interaktivt.

Det vigtigste er, at sektionen føles færdig og troværdig.

7. Giv små tekst-elementer lidt mere luft

Eyebrow-tekster, labels og stat-tekster bør gennemgås for line-height, spacing og læsbarhed.

Det er især relevant på steder, hvor teksten står i uppercase eller med øget letter-spacing.

Små typografiske elementer skal stadig være lette at læse — også når de indeholder danske bogstaver.

8. Brug bjerg-/retningstemaet forsigtigt

Logoets bjergsymbol er en af de mest genkendelige dele af NyeHøjders visuelle identitet.

Det kunne godt få en lidt større rolle, men kun hvis det gøres subtilt.

Det bør ikke blive et dekorativt tema med bjerge overalt.

En bedre retning kunne være små grafiske principper omkring:

  • retning
  • niveauer
  • fundament
  • pejlemærker
  • klarhed
  • bevægelse opad

Det kan være så diskret som måden sektioner opdeles på, måden screenshots præsenteres på, eller små visuelle markører i særlige bokse.

Hvis det føles påklistret, skal det ikke bruges.


Hvad vi ville prioritere først

1. Ret de konkrete visuelle afvigelser

Første prioritet er de små ting, der tydeligt falder uden for systemet:

  • submit-knapper i formularer
  • legacy accent-kugle på nyhedsbrevssiden
  • Google Maps-fejl
  • blå links eller detaljer med for lav kontrast på mørk baggrund
  • små labels/stat-tekster med for stram line-height

Det er lav indsats, men det vil få siden til at føles mere færdig.

2. Gør kortsystemet mere konsekvent

Næste prioritet er at samle kort, FAQ-elementer, procesbokse og servicekort i mere tydelige mønstre.

Det vil især styrke undersiderne, hvor mange af disse komponenter går igen.

3. Planlæg et nyt billedunivers

Billederne er den største visuelle løftestang.

Det behøver ikke løses med det samme, men det bør planlægges bevidst.

En enkelt god fotosession kan sandsynligvis løfte hele hjemmesiden markant, fordi fundamentet allerede er stærkt nok til at bære bedre billeder.

4. Gør NyeHøjder mere genkendeligt uden mere støj

På længere sigt bør siden have lidt mere egenart.

Ikke ved at tilføje mere dekoration, men ved at finde de små visuelle greb, som gør udtrykket mere tydeligt NyeHøjder.

Det kan ske gennem billedstil, screenshots, procesvisualiseringer, kortsystemer og enkelte subtile branddetaljer.


Samlet vurdering

NyeHøjders hjemmeside har allerede en stærk visuel base.

Den føles moderne, rolig og professionel. Den bruger farver, layout og komponenter på en måde, der understøtter virksomhedens løfte om mere klarhed og mindre støj.

Det største problem er ikke manglende struktur.

Det største problem er, at nogle dele af det visuelle udtryk stadig føles midlertidige eller ikke helt modne.

Især billeduniverset, enkelte komponentafvigelser, formular-knapper, Google Maps-fejlen og små legacy-elementer trækker helheden en smule ned.

Det betyder ikke, at siden bør redesignes.

Tværtimod.

Det bedste næste skridt er at bevare fundamentet og løfte de dele, der kan gøre siden mere skarp, mere personlig og mere genkendelig.

Kort sagt:

NyeHøjder har et visuelt system, der fungerer.
Nu handler det om at få alle detaljer til at spille efter samme niveau.

More posts