En potentiel kunde har lige bedt dig om at designe et websted, men hvor begynder du? Der er en bestemt proces, som du kan følge for at sikre, at projektet går glat. Det afspejler standard grafisk design proces, med blot et par hjemmeside-specifikke trin til at omfatte.
Som grafisk designer kan du vælge selv at tage hele designet på, herunder kodningen. Men du vil måske også indsamle et hold for at hjælpe dig med detaljerne. En webudvikler og SEO-ekspert kan være værdifulde tilføjelser til dit projekt.
Forskning
Som med de fleste designprojekter er det første skridt, når du opretter en hjemmeside, at udføre forskning. Nogle af denne forskning vil blive gjort med kunden for at få en forståelse for deres behov. Du skal også lære mere om deres industri og konkurrenter.
Når du møder med din klient, skal du opdage så meget som muligt for at hjælpe dig med at udvikle en oversigt over webstedet og til sidst designe den. Dette omfatter at spørge om deres målgruppe, mål, kreativ retning og andre variabler, der kan påvirke, hvad du kan tilbyde klienten, såsom budget og deadline.
Din industri og markedsundersøgelse vil ske samtidigt. For at være forberedt på at møde din klient, skal du have en ide om deres branche. Efter at have fundet ud af deres behov, vil du så gerne se lidt dybere.
Udførelsen af forskning vil afhænge af kundens budget og din eksisterende viden om branchen. Det kan være så enkelt som at se, hvilke andre hjemmesider på området ser ud. For større projekter kan det være noget som dybtgående forskning med fokusgrupper.
Fortsæt læsning herunder
02 af 10brainstorming
Når du ved hvad projektet handler om, er det tid til at samle ideer, og brainstorming er et godt sted at starte. Snarere end at kigge efter den perfekte ide at være din første, smid alle ideer eller koncepter til hjemmesiden ud. Du kan altid indsnævre det senere.
Nogle websteder kan kalde til en standard webgrænseflade med navigation (en knapbjælke) og indholdsområder, hvor brugerne højst sandsynligt forventer dem. Andre kan kræve et unikt koncept til at præsentere indholdet.
I sidste ende vil indholdet køre designet. For eksempel vil et nyhedswebsted have en meget anden tilgang end en fotografs webportefølje
Fortsæt læsning herunder
03 af 10Beslut om tekniske krav
Tidligt i færd med at udvikle en hjemmeside skal der træffes beslutninger vedrørende projektets tekniske krav. Sådanne beslutninger vil påvirke budgettet, tidsrammen og i nogle tilfælde den generelle følelse af webstedet.
En af de primære beslutninger er, hvad den underliggende struktur af webstedet skal være, som vil bestemme hvilken software der skal bruges, og hvilket system gør webstedet, "Work".
Dine muligheder omfatter:
- Grundlæggende HTML: Et standard HTML-websted, hvor hver side redigeres manuelt. Dette kan være relativt hurtigt at udvikle, men efterlader lidt fleksibilitet og meget vedvarende vedligeholdelse. Det er også vigtigt at huske, at HTML-websteder ikke er HTML alene og kan indeholde CSS, JavaScript og andre programmeringssprog til funktioner.
- Brug et Content Management System: Brug af et CMS giver generelt en klient mulighed for at udføre regelmæssige indholdsopdateringer, mens designeren kontrollerer webstedets overordnede udseende. Nogle systemer kan udvikles fra bunden og andre købes og skræddersyet til kundens behov. Online-systemer som Blogger og WordPress er gratis og indeholder også et grundlæggende CMS.
Skriv en oversigt
Nu hvor du har samlet de nødvendige oplysninger og brainstormede nogle ideer, er det en god idé at få det hele ned på papir.
En oversigt over en hjemmeside skal indeholde en liste over hver sektion, der skal inkluderes på webstedet, med en beskrivelse af, hvilken type indhold der vil blive vist på hver side. Det skal også beskrive i så mange detaljer som muligt hvilke funktioner der ville være på webstedet, såsom brugerkonti, kommentarer, sociale netværksfunktioner, video eller nyhedsbrev.
Bortset fra at hjælpe med at organisere projektet, skal klienten præsenteres med omridset af et hjemmesideforslag, så de kan godkende det, før projektet fortsætter. Dette vil give dem mulighed for at tilføje, fjerne eller justere nogen sektioner eller funktioner.
Alt dette vil i sidste ende hjælpe dig med at udvikle et budget og en tidsramme og opbygge webstedet. Aftale om en pris for et website projekt baseret på en godkendt disposition vil bidrage til at undgå yderligere gebyrer eller meningsforskelle sent i projektet.
Fortsæt læsning herunder
05 af 10Opret trådrammer
Wireframes er enkle linjetegninger af website layouts, der giver dig mulighed for (og klienten) at fokusere på placering af elementer frem for farve og type.
Dette er yderst nyttigt, da det bestemmer hvilket indhold fortjener mest fokus og den procentdel af plads, der bruges på siden for disse elementer. Uden at blive distraheret af andre visuelle elementer, giver godkendte wireframes rammerne for dine designs.
For nogle projekter kan du overveje at have en samling wireframes til rådighed til forskellige typer indhold. Kontaktpersonen, om og andre sider med en masse tekst kan have et andet layout end et galleri eller en indkøbsside.
Det er vigtigt, at du opretholder et ensartet udseende på hele webstedet, når du overfører fra en wireframe til den næste.
06 af 10Design hjemmesiden
Når du og din klient er tilfredse med wireframesne, er det tid til at begynde at designe webstedet.
Adobe Photoshop er det mest almindelige værktøj til at lave de oprindelige designs. Fokuset på webstedet design bør være at præsentere indholdet, og det vil blive brugt til at oprette de faktiske websider.
For nu skal du simpelthen designe og lege med de grundlæggende elementer for at skabe noget for din klient at se på og godkende.
- Mens prangende design og animation har deres plads, bør de ikke overmanne, hvad brugeren er på udkig efter.
- Konsekvent navigation vil hjælpe dine besøgende med at finde alle dine indholdsområder.
- Ren brug af typen (i tilfælde af et tekstdrevet websted) vil holde besøgende læse og komme tilbage til mere.
- Før du har faktisk indhold til et webdesign, vil Lorem Ipsum-tekst hjælpe med at fylde mellemrum uden at distrahere din klient.
Fortsæt læsning herunder
07 af 10Byg websider
Når dit design er godkendt, skal siderne vendes fra mockups til egentlige websider skrevet i HTML og CSS.
Erfarne designere / udviklere kan vælge at overtage al kodning, mens nogen, der er fokuseret på websideens designside, kan arbejde tæt sammen med en udvikler for at bringe webstedet til liv. Hvis det er tilfældet, skal udvikleren være involveret fra starten.
Udviklere vil hjælpe med at sikre designen er et realistisk og effektivt weblayout. De bør også konsulteres om funktioner, du lover kunden, da nogle måske ikke er mulige at udføre eller gavnlige for webstedet.
Software som Adobe Dreamweaver kan hjælpe en designer til at gøre en mockup til en fungerende webside med træk og slip-funktioner, præ-bygget funktioner og knapper til at tilføje links og billeder.
Der er mange software valg til rådighed for hjemmesiden bygning. Vælg en, du nyder at arbejde med, bare vær sikker på at de giver dig mulighed for virkelig at komme ind i detaljer og kodning af siderne.
08 af 10Udvikle hjemmesiden
Når dit layout er gennemført i HTML og CSS, skal det integreres med det system, du har valgt. Dette er det punkt, hvor det bliver et fungerende websted.
Dette kan betyde udvikling af skabeloner, der skal læses af et indholdsstyringssystem, ændre en WordPress-skabelon eller bruge Dreamweaver til at oprette links mellem sider og mere avancerede webfunktioner. Dette er igen et skridt, der kan overlades til et andet medlem eller medlemmer af teamet.
Du skal også købe et website domænenavn og have en hosting service opstillet. Dette burde have været en del af dine drøftelser med kunden og skal i virkeligheden ske i de indledende faser af processen. Nogle gange kan det tage et stykke tid for tjenester at blive aktive.
Det er også meget vigtigt, at du eller din udvikler udfører grundig test af hjemmesiden. Du ønsker ikke at gøre den 'store åbenbaring' og har funktioner, der ikke fungerer rigtigt.
Fortsæt læsning herunder
09 af 10Fremme hjemmesiden
Med din hjemmeside online er det tid til at promovere det. Dit fantastiske design gør det ikke godt, hvis folk ikke besøger det.
Kørsel trafik til et websted kan omfatte:
- Optimering af det til søgemaskiner. Lej en SEO-ekspert, hvis dette ikke er et ekspertområde, da de bedste metoder ændrer sig konstant.
- Sende nyhedsbreve for at fremhæve nyt indhold. Nyhedsbrevet design skal vedrøre websitet design for at holde brand messaging konsekvent.
- Reklamer med PPC-annoncer på Google eller med bannerannoncer på andre websteder.
- Mere konventionelle metoder som print reklame og mund-til-mund.
Hold det frisk
En af de bedste måder at holde folk, der kommer tilbage til dit websted, er at holde indholdet frisk. Med alt arbejdet sat på et websted, vil du ikke have det til at forblive det samme i måneder efter lanceringen.
Fortsæt med at indsende nyt indhold, fotos, videoer eller musik … uanset webstedet blev bygget til at præsentere. En blog er en fantastisk måde at holde et websted opdateret, med stillinger af nogen længde på et emne relateret til dit websted,
Hvis din klient vil håndtere opdateringerne til et CMS-websted, skal du muligvis træne dem for at bruge det. At lave opdateringer på et websted, du har designet, er en god måde at få regelmæssig indkomst på. Vær sikker på at du og din klient er enige om hyppigheden og satserne for ethvert opdateringsarbejde du gør.
