Baggrund i light mode
Baggrund i dark mode
960 px1920 px
Kontakt

Sådan bruger du andre hjemmesider som inspiration uden at kopiere dem

Vælg få hjemmesider som inspiration, og beskriv, hvad der fungerer og hvorfor. Brug observationerne til at skabe en retning med dit eget indhold og udtryk.

En del af denne guideAf Stefan HilbertPubliceret Ca. 4 min. læsetid

1. Søg efter løsninger på en konkret opgave

Begynd med det, jeres hjemmeside skal hjælpe kunden med. Måske skal tre ydelser kunne sammenlignes, en arbejdsproces forklares eller en kontaktmulighed findes hurtigt. Find derefter sider, der løser lignende opgaver. Referencen behøver ikke være fra samme branche, hvis du kan forklare, hvad der kan overføres.

Et tænkt revisionsfirma kan eksempelvis hente inspiration fra en restaurantmenu, der grupperer muligheder tydeligt. Det relevante er grupperingen og de korte forklaringer, ikke restaurantens billeder, farver eller formuleringer. Firmaets egen side skal stadig afspejle rådgivning, dokumentation og de spørgsmål, dets kunder har.

Skeln mellem det, der tiltrækker opmærksomhed i et skærmbillede, og det, der fungerer under et besøg. En stor overskrift kan være flot, men hvad sker der med et længere dansk ydelsesnavn? En side med video kan være overbevisende, men har I selv materiale, der kan bære samme plads? Åbn også referencen på mobil.

Brug hovedguiden om visuelt udtryk til at holde observationerne sammen med virksomhedens mål. Ellers kan inspirationen let komme til at bestemme opgaven i stedet for at hjælpe med den.

2. Saml eksempler, og forklar, hvad du kan bruge

Vælg nogle få sider, og notér kun de dele, der er relevante. Det kan være opbygningen af en case, en enkel kontaktsektion eller et overskueligt valg mellem services. Gem adresse og dato, så du kan finde udgangspunktet igen, også hvis hjemmesiden senere ændrer sig.

ObservationHvorfor den er relevantHvad der skal være vores eget
Services er samlet efter kundens behovKunden kender ikke vores interne fagudtrykGruppering, navne og forklaringer
Billede og tekst forklarer et procestrinVores arbejdsform er svær at forestille sigEget motiv og egen procesbeskrivelse
En knap reagerer tydeligt ved fokusVi vil gøre næste skridt lettere at genkendeFarve, form og passende bevægelse

Notér også, hvad du ikke vil overføre. En reference kan have en nyttig struktur og samtidig for meget bevægelse til jeres behov. Den kan have en stærk billedstil, som kræver en fotografering, I endnu ikke har planlagt. En god brief viser både mulighederne og de praktiske forudsætninger.

Undgå at sammenligne alt på én gang. Hvis formålet er at vælge en billedretning, skal diskussionen ikke ende med, at hele navigationen også skal ændres. Del observationerne efter opgave, og lad en ny beslutning kræve en begrundelse.

3. Lav en prøve med dit eget indhold

Byg et lille udsnit med jeres rigtige tekst og godkendte materialer. En prototype er her en prøve, der viser, hvordan løsningen kan fungere. Den kan være enkel, men bør indeholde nok indhold til at vise, om idéen passer. Start eksempelvis med serviceoversigt og kontakt frem for at efterligne en hel forside.

Luk referencen under den første gennemgang. Kan prøven forklares ud fra kundens behov og virksomhedens identitet, eller kræver forklaringen hele tiden, at man peger på den anden hjemmeside? Hvis løsningen kun giver mening som en efterligning, bør retningen bearbejdes mere.

Brug jeres egne tekster, godkendte billeder og relevante materialer. Artiklen er en arbejdsmetode, ikke en juridisk vurdering af, hvornår et design overskrider en bestemt grænse. Ved tvivl om en konkret fil eller et motiv skal rettighederne afklares særskilt. Guiden til egne billeder og stockfotos viser, hvad der bør dokumenteres i billedarbejdet.

Afprøv også løsningen uden den effekt, der først fangede din opmærksomhed. Hvis en sektion stadig fungerer uden sin animation, kan du bedømme, om bevægelsen faktisk tilfører noget. Artiklen om animationer på hjemmesiden hjælper med at kontrollere både formål og alternative visninger.

4. Fortæl designeren, hvad siden skal kunne

Fortæl designeren, hvad kunden skal kunne på siden, hvilke eksempler du kan lide, og hvilke tekster og billeder du har. “Vi vil have noget som denne side” er svært at arbejde ud fra. “Kunden skal kunne vælge mellem vores tre ydelser ud fra sin situation” gør opgaven langt tydeligere.

Skriv derefter, hvordan I vil undersøge resultatet. Det kan være at lade en person, der ikke kender virksomheden, finde den relevante service og forklare forskellen på de tre valg. Det er en praktisk prøve af retningen, ikke et løfte om en bestemt konverteringsrate.

  • Har hver reference en tydelig forbindelse til kundens opgave?
  • Har vi beskrevet både det nyttige og det, vi ikke vil overtage?
  • Kan løsningen fungere med vores egne tekster og billeder?
  • Er mobilvisning, læsbarhed og betjening tænkt med?
  • Kan vi begrunde det endelige design uden at henvise til referencehjemmesiden?

Afslut referencearket med de valg, I har truffet, og de spørgsmål, der stadig er åbne. Bevar links som dokumentation for processen, men lad den godkendte prøve være det, I arbejder videre ud fra. Hvis du vil drøfte retningen med os, kan du læse om Designets arbejde med hjemmesider og tage dit kommenterede referenceark med.

Skal vi se på din hjemmesides design?

Tag et par kommenterede referencer med, så vi kan omsætte dem til en retning med dit eget indhold.

Tal med os om din hjemmeside