Hvordan lage en landingsside: 13 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage en landingsside: 13 trinn (med bilder)
Hvordan lage en landingsside: 13 trinn (med bilder)

Video: Hvordan lage en landingsside: 13 trinn (med bilder)

Video: Hvordan lage en landingsside: 13 trinn (med bilder)
Video: How to Become a Web Designer, Explained in 1 Minute 2024, Kan
Anonim

Denne wikiHow lærer deg hvordan du strukturerer hjemmesidens hjemmeside. Hjemmesiden-også kjent som en landingsside-er vanligvis den første siden folk vil se når du besøker nettstedet ditt, så det er avgjørende å sette det opp for enkelhets skyld hvis du vil oppmuntre folk til å bli på nettstedet ditt.

Trinn

Lag en landingsside Trinn 1
Lag en landingsside Trinn 1

Trinn 1. Gjennomgå populære destinasjonssider

Før du bestemmer deg for å lage din egen destinasjonsside, kan du se på hjemmesidene som brukes på vanlige nettsteder for å få en ide om hvordan de presenterer informasjonen for å appellere til målgruppene deres. Gode eksempler på nettsteder med åpenbare, konsise hjemmesider inkluderer følgende:

  • Spotify
  • Wikipedia
Lag en landingsside Trinn 2
Lag en landingsside Trinn 2

Trinn 2. Fastslå destinasjonssidens mål

Selv om mange destinasjonssider tjener til å oppmuntre brukere til å registrere seg for en tjeneste eller foreta et kjøp (f.eks. Spotify), kan din rett og slett eksistere for å lede brukere til forskjellige deler av nettstedet (f.eks. Wikipedia). Å vite hva poenget med destinasjonssiden er, vil hjelpe deg med å veilede designvalgene dine.

Lag en landingsside Trinn 3
Lag en landingsside Trinn 3

Trinn 3. Vurder å bruke en mal for landingsside

Selv om praktisk talt alle webhotelltjenester lar deg gjøre en tom side til hjemmesiden din, inkluderer de fleste tjenester også dedikerte landingssidemaler som kan tilpasses dine preferanser.

Siden maler vanligvis testes før de blir tilgjengelige, er bruk av en mal en rask måte å garantere at siden din vil være brukervennlig

Lag en landingsside Trinn 4
Lag en landingsside Trinn 4

Trinn 4. Husk å implementere vanlig webdesign

Unik presentasjon gir et sterkt inntrykk på de fleste områdene innen destinasjonssidesign, men det generelle formatet på siden er ikke en av dem. Når du bygger destinasjonssiden din, må du huske på følgende konvensjoner:

  • Plasser søkefeltet (hvis aktuelt) øverst til høyre på siden.
  • Hold menyelementene øverst på siden.
  • Plasser logoen din eller lenken til hjemmesiden øverst til venstre på siden.
  • Plasser lenker til viktig avansert innhold (f.eks Kontakt oss lenke) nederst på siden.
Lag en landingsside Trinn 5
Lag en landingsside Trinn 5

Trinn 5. Bruk bilder og tekst for å støtte målet

Avhengig av selve målet ditt, vil dette variere; for eksempel, hvis du prøver å oppmuntre en bruker til å registrere seg for en tjeneste, bør landingssidens tekst fokusere på tjenestens aspekter og fordeler, mens bildene skal vise disse fordelene.

Du kan også bruke denne plassen til å plassere kundeanmeldelser, nyheter om nettstedet ditt eller annen brukerrelevant informasjon

Lag en landingsside Trinn 6
Lag en landingsside Trinn 6

Trinn 6. Svar på publikums spørsmål

Brukere som havner på destinasjonssiden din vil ha spørsmål om de aktivt tenker på dem eller ikke, og hvis de ikke presenterer noen form for svar på destinasjonssiden, vil det ofte resultere i at brukerne går. Det er fire hovedspørsmål som destinasjonssiden din bør besvare med minimal innsats:

  • Hva er formålet med nettstedet? - Nettstedets formål, produkt eller tjeneste skal tydelig vises og forklares med så få ord som mulig øverst på nettstedet.
  • Hvordan gjelder formålet for brukeren? - Å overbevise enhver bruker om at de trenger tjenesten eller nettstedet ditt kan være vanskelig, men å forklare nettstedets relevans gjennom overskrifter med omslagstekst er en god måte å sikre at brukerne har den informasjonen som er nødvendig for å ta en avgjørelse.
  • Hvorfor skal brukeren bli på nettstedet? - Å vise frem en kampanje (f.eks. "Første måned gratis") eller demonstrere produktet, tjenesten eller nettstedet ditt i bruk er ofte nok til å overtale brukere som allerede vurderer tilbudet ditt.
  • Hvordan kan brukeren handle for å dra nytte av nettstedet? - Foreta en oppfordringsknapp (f.eks. Registrer deg nå!) på destinasjonssiden din adresserer dette spørsmålet.

Lag en landingsside Trinn 7
Lag en landingsside Trinn 7

Trinn 7. Legg til en klar oppfordringsknapp

Hvis målet ditt er å få en bruker til å registrere seg for varslinger, for eksempel, bør handlingsoppringningsknappen si noe som "Varsle meg" i stedet for "Send e -postadresse".

Hvis du plasserer en underoverskrift under oppfordringen til handling (f.eks. "Gå aldri glipp av en avtale igjen"), kan det bidra til å forsterke knappens melding

Lag en landingsside Trinn 8
Lag en landingsside Trinn 8

Trinn 8. Ikke overbruk tekstformer

Hvis nettstedet ditt krever at brukerne registrerer seg med en e -postadresse eller oppretter en konto, må du holde antallet tekstbokser de må fylle ut til et minimum. Jo flere tekstbokser folk må fylle ut, desto mer sannsynlig er det at de vil forlate registreringsprosessen før de er ferdige.

En e -postadresse, et for- og etternavn og et passord bør vanligvis være omfanget av den forespurte informasjonen

Lag en landingsside Trinn 9
Lag en landingsside Trinn 9

Trinn 9. Gi klare navigasjonsalternativer

Navigasjonsalternativer går vanligvis øverst til høyre på landingssiden, og involverer lenker som f.eks butikk, Om, og så videre. Å sørge for at disse alternativene er både synlige og nøyaktig navngitt, vil gi brukerne en frustrasjonsfri navigasjonsopplevelse.

Det kan også være lurt å legge til en søkefelt i øvre høyre hjørne hvis nettstedet ditt har et stort lager eller lignende alternativer for høyt søk

Lag en landingsside Trinn 10
Lag en landingsside Trinn 10

Trinn 10. Minimer mengden rot på skjermen

Bortsett fra landingssidens grunnleggende nødvendigheter, bør du ikke pakke skjermen med flytende barer, popup-vinduer eller flere menyalternativer med mindre det er absolutt nødvendig for navigasjon på stedet.

Et alternativ for innholdstunge destinasjonssider er å plassere de ikke-essensielle elementene i en sammenleggbar meny markert med et menyikon (☰) øverst til venstre på siden. Menyen kan deretter tjene som en innholdsfortegnelse

Lag en landingsside Trinn 11
Lag en landingsside Trinn 11

Trinn 11. Vis hastevarsler øverst på siden

Hvis nettstedet ditt skal vedlikeholdes, tilbyr du en salgsfremmende rabatt, et nytt produkt er på lager, eller noe lignende viktig for at trafikken til nettstedet ditt skal skje, sørg for at du legger en iøynefallende referanse til det på toppen av siden din.

Lag en landingsside Trinn 12
Lag en landingsside Trinn 12

Trinn 12. Husk mobilbrukere i tankene

Selv om de fleste mobilnettlesere kan se skrivebordsnettsteder, får du et mer positivt svar hvis du oppretter en egen, mobilvennlig versjon av nettstedets destinasjonsside.

  • Hovedtyngden av trafikken på nett kommer fra mobilbrukere, så vurder å minimere bruken av flash-basert grafikk eller noen form for automatisk avspilling av videoer.
  • Hvis du bruker en vertstjenestes landingsside -mal, inneholder malen sannsynligvis en mobilversjon som automatisk vises når en mobilnettleser oppdages.
Lag en landingsside Trinn 13
Lag en landingsside Trinn 13

Trinn 13. Unngå vanlige fallgruver for destinasjonssider

Alt som kan være avskrekkende eller lite attraktivt for publikummet ditt, bør fjernes fra landingssiden din før du starter. Vanlige eksempler inkluderer følgende:

  • Pop-ups
  • Store annonseplasser som hindrer brukerne i å se hele siden
  • Levende, sammenstøtende farger
  • Altfor dynamiske elementer (for mye bevegelse på en webside kan føre til at noen brukere opplever reisesyke)
  • For mange bilder eller videoer (dette kan føre til en sakte lasting av side)

Anbefalt: