Skip to main content

Hvordan lage et nettsted: Trinn for trinn

Hvordan lage en nettside? (Juli 2024)

Hvordan lage en nettside? (Juli 2024)
Anonim

En potensiell klient ba deg bare om å designe et nettsted, men hvor begynner du? Det er en viss prosess som du kan følge for å sikre at prosjektet går jevnt. Den speiler standard grafisk designprosess, med bare noen få nettspespesifikke trinn for å inkludere.

Som grafisk designer kan du velge å ta på hele designet selv, inkludert kodingen. Men du vil kanskje også samle et lag for å hjelpe deg med detaljene. En webutvikler og SEO ekspert kan være verdifulle tillegg til prosjektet ditt.

01 av 10

Forskning

Som med de fleste designprosjekter, er det første skrittet når du lager et nettsted, å utføre forskning. En del av denne undersøkelsen vil bli gjort med klienten for å få forståelse for deres behov. Du vil også trenge å lære mer om deres bransje og konkurrenter.

Når du møter klienten din, må du oppdage så mye som mulig for å hjelpe deg med å utvikle et omriss for nettstedet og til slutt designe det. Dette inkluderer å spørre om målgruppen, målene, kreativ retning og andre variabler som kan påvirke hva du kan tilby kunden, for eksempel budsjett og deadline.

Din industri og markedsundersøkelse vil skje samtidig. For å være forberedt på å møte kunden din, bør du ha en ide om sin bransje. Etter å ha funnet ut deres behov, vil du da se litt dypere ut.

Nivået på utført forskning vil avhenge av kundens budsjett og din eksisterende kunnskap om bransjen. Det kan være så enkelt som å se på hvilke andre nettsteder i feltet som ser ut. For større prosjekter kan det være noe som en grundig forskning med fokusgrupper.

Fortsett å lese nedenfor

02 av 10

brainstorming

Når du vet hva prosjektet handler om, er det tid å samle ideer, og brainstorming er et flott sted å starte. Snarere enn å lete etter den perfekte ideen til å være din første, kaster du ut alle ideer eller konsepter for nettstedet. Du kan alltid begrense det senere.

Enkelte nettsteder kan ringe etter et standard webgrensesnitt, med navigasjon (en knappelinje) og innholdsområder der brukerne mest sannsynlig vil forvente dem. Andre kan kreve et unikt konsept for å presentere innholdet.

Til slutt vil innholdet drive designen. For eksempel vil en nyhetsside ha en mye annen tilnærming enn en fotografes webportefølje

Fortsett å lese nedenfor

03 av 10

Bestem om tekniske krav

Tidlig i ferd med å utvikle et nettsted, må det tas beslutninger om de tekniske kravene til prosjektet. Slike beslutninger vil påvirke budsjettet, tidsrammen og i noen tilfeller den generelle følelsen av nettstedet.

En av de primære avgjørelsene er hva den underliggende strukturen til nettstedet skal være, som vil avgjøre hvilken programvare som skal brukes og hvilket system som gjør nettstedet, "Work".

Dine valg inkluderer:

  • Grunnleggende HTML: Et standard HTML-nettsted der hver side er redigert manuelt. Dette kan være relativt raskt å utvikle, men gir liten fleksibilitet og mye kontinuerlig vedlikehold. Det er også viktig å huske at HTML-nettsteder ikke er HTML alene og kan inneholde CSS, JavaScript og andre programmeringsspråk for funksjoner.
  • Bruk et Content Management System: Bruke et CMS tillater vanligvis en klient å utføre vanlige innholdsoppdateringer, mens designeren kontrollerer det generelle utseendet på nettstedet. Noen systemer kan utvikles fra bunnen av og andre kjøpt og skreddersydd til kundenes behov. Online systemer som Blogger og WordPress er gratis og inkluderer også et grunnleggende CMS.
04 av 10

Skriv en oversikt

Nå som du har samlet den nødvendige informasjonen og brainstormet noen ideer, er det en god ide å få alt på papir.

En oversikt over et nettsted bør inneholde en liste over hver seksjon som skal inkluderes på nettstedet, med en beskrivelse av hvilken type innhold som skal vises på hver side. Det bør også beskrive i så mange detaljer som mulig hvilke funksjoner som ville være på nettstedet, for eksempel brukerkontoer, kommentere, sosiale nettverk, video eller nyhetsbrev.

Bortsett fra å hjelpe til med å organisere prosjektet, bør klienten presenteres med oversikten over et nettstedforslag slik at de kan godkjenne det før prosjektet fortsetter. Dette vil tillate dem å legge til, fjerne eller justere noen deler eller funksjoner.

Alt dette vil til slutt hjelpe deg med å utvikle et budsjett og tidsramme og bygge nettstedet. Enighet om en pris for et nettstedsprosjekt basert på en godkjent disposisjon, vil bidra til å unngå tilleggsavgifter eller meningsforskjeller sent i prosjektet.

Fortsett å lese nedenfor

05 av 10

Opprett Wireframes

Wireframes er enkle linjetegninger av nettsideoppsett som lar deg (og klienten) fokusere på plassering av elementer i stedet for farge og type.

Dette er ekstremt nyttig, da det bestemmer hvilket innhold fortjener mest fokus og prosentandelen plass brukt på siden for disse elementene. Uten å bli distrahert av andre visuelle elementer, gir godkjente wireframes et rammeverk for dine design.

For noen prosjekter kan du vurdere å ha en samling wireframes tilgjengelig for bruk for ulike typer innhold. Kontakten, om, og andre sider med mye tekst kan ha et annet layout enn et galleri eller en kjøpsside.

Det er viktig at du opprettholder et jevnt utseende gjennom hele nettstedet når du overfører fra en wireframe til den neste.

06 av 10

Design nettsiden

Når du og din klient er fornøyd med wireframes, er det tid å begynne å designe nettstedet.

Adobe Photoshop er det vanligste verktøyet for å lage de første designene. Fokuset på nettstedet design bør være å presentere innholdet og det vil bli brukt til å lage de faktiske nettsidene.

For nå, bare utform og spill med de grunnleggende elementene for å skape noe for klienten din å se på og godkjenne.

  • Mens prangende design og animasjon har sin plass, bør de ikke overmanne hva brukeren ser etter.
  • Gjennomgående navigering vil hjelpe de besøkende til å finne alle dine hovedinnholdsområder.
  • Ren bruk av typen (i tilfelle et tekstdrevet nettsted) vil holde besøkende lese og komme tilbake for mer.
  • Før du har faktisk innhold til en webdesign, vil Lorem Ipsum-tekst hjelpe deg med å fylle mellomrom uten å distrahere din klient.

Fortsett å lese nedenfor

07 av 10

Bygg nettsider

Når designen din er godkjent, må sidene flyttes fra mockups til faktiske nettsider skrevet i HTML og CSS.

Erfarne designer / utviklere kan velge å ta på alle kodene, mens noen som er fokusert på websidenes designside, kan jobbe tett med en utvikler for å få nettstedet til liv. I så fall skal utvikleren være involvert fra starten.

Utviklere vil sørge for at designet er et realistisk og effektivt weboppsett. De bør også konsulteres om funksjoner du lover klienten, ettersom noen kanskje ikke er mulige til å utføre eller være gunstige for nettstedet.

Programvare som Adobe Dreamweaver kan hjelpe en designer til å gjøre en mockup til en fungerende nettside, med dra-og-slipp-funksjoner, forhåndsbygde funksjoner og knapper for å legge til linker og bilder.

Det er mange programvarealternativer tilgjengelig for nettsidebygging. Velg en du liker å jobbe med, bare vær sikker på at de tillater deg å komme inn i detaljene og kodingen av sidene.

08 av 10

Utvikle nettstedet

Når oppsettet er fullført i HTML og CSS, må det integreres med systemet du har valgt. Dette er punktet der det blir et fungerende nettsted.

Dette kan bety å utvikle maler som skal leses av et innholdsadministrasjonssystem, endre en WordPress-mal eller bruke Dreamweaver til å opprette koblinger mellom sider og mer avanserte webfunksjoner. Dette er igjen et skritt som kan overlates til et annet medlem eller medlemmer av teamet.

Du må også kjøpe et nettsted domenenavn og ha en hosting service lined up. Dette burde ha vært en del av diskusjonene med klienten, og i virkeligheten bør det gjøres i de første stadiene av prosessen. Noen ganger kan det ta litt tid for tjenestene å bli aktive.

Det er også svært viktig at du eller din utvikler gjør grundig testing av nettsiden. Du ønsker ikke å gjøre «stor avsløre» og har funksjoner som ikke fungerer riktig.

Fortsett å lese nedenfor

09 av 10

Markedsfør nettstedet

Med nettstedet ditt på nettet, er det på tide å markedsføre det. Din fantastiske design gjør det ikke bra hvis folk ikke besøker det.

Kjøring av trafikk til et nettsted kan omfatte:

  • Optimalisering av det for søkemotorer. Lei en SEO-ekspert hvis dette ikke er et kompetanseområde, da de beste metodene endres kontinuerlig.
  • Sende nyhetsbrev for å markere nytt innhold. Nyhetsbrevet design bør forholde seg til nettstedet design for å holde merkevare meldinger konsekvent.
  • Annonsere med PPC-annonser på Google eller med bannerannonser på andre nettsteder.
  • Mer konvensjonelle metoder som trykkannonsering og ord-til-munn.
10 av 10

Hold det friskt

En av de beste måtene å holde folk som kommer tilbake til nettstedet ditt, er å holde innholdet friskt. Med alt arbeidet satt inn på et nettsted, vil du ikke at det skal forbli det samme i måneder etter lanseringen.

Fortsett å legge inn nytt innhold, bilder, videoer eller musikk … hva nettstedet ble bygget for å presentere. En blogg er en fin måte å holde et nettsted oppdatert, med innlegg av hvilken som helst lengde på et emne som er relatert til nettstedet ditt,

Hvis kunden din vil håndtere oppdateringene for et CMS-nettsted, må du kanskje trene dem for å bruke det. Å gjøre oppdateringer til et nettsted du har designet er en fin måte å få vanlig inntekt på. Pass på at du og din klient er enige om frekvensen og prisene for oppdateringsarbeid du gjør.