En potentiell kund bad dig bara att designa en webbplats, men var börjar du? Det finns en viss process som du kan följa för att projektet ska fungera smidigt. Det speglar den standard grafiska designprocessen, med bara några webbplatsspecifika steg att inkludera.
Som grafisk formgivare kan du välja själv att ta på hela designen, inklusive kodningen. Men du kanske också vill samla ett lag för att hjälpa dig med detaljerna. En webbutvecklare och SEO-expert kan vara värdefulla tillägg till ditt projekt.
Forskning
Som med de flesta designprojekt är det första steget när man skapar en webbplats att utföra forskning. En del av denna forskning kommer att göras med kunden för att få en förståelse för deras behov. Du kommer också behöva lära dig mer om sin bransch och konkurrenter.
När du möter din klient måste du upptäcka så mycket som möjligt för att hjälpa dig att utveckla en skiss för webbplatsen och så småningom utforma den. Detta inkluderar att fråga om målgrupp, mål, kreativ riktning och andra variabler som kan påverka vad du kan erbjuda kunden, till exempel budget och deadline.
Din bransch- och marknadsundersökning kommer att hända samtidigt. För att vara beredd att möta din klient bör du ha en uppfattning om sin bransch. Efter att ha tagit reda på deras behov kommer du då att se lite djupare ut.
Utförandet av forskningen beror på kundens budget och din nuvarande kunskap om branschen. Det kan vara så enkelt att titta på vilka andra webbplatser på fältet som ser ut. För större projekt kan det vara något som fördjupad forskning med fokusgrupper.
Fortsätt läsa nedan
02 av 10brainstorming
När du väl vet vad projektet handlar om, är det dags att samla idéer, och brainstorming är ett bra ställe att börja. Snarare än att leta efter den perfekta idén att vara din första, släng ut alla idéer eller koncept för webbplatsen. Du kan alltid smala ner det senare.
Vissa webbplatser kan kräva ett standardwebbgränssnitt med navigering (en knappfält) och innehållsområden där användarna sannolikt förväntar sig dem. Andra kan kräva ett unikt koncept för att presentera innehållet.
I slutet kommer innehållet att driva designen. Till exempel kommer en nyhetssida att ha en mycket annorlunda inställning än en fotografs webbportfölj
Fortsätt läsa nedan
03 av 10Beslut om tekniska krav
I början av utvecklingen av en webbplats måste beslut fattas om projektets tekniska krav. Sådana beslut kommer att påverka budgeten, tidsramen och i vissa fall den övergripande känslan av webbplatsen.
Ett av de främsta besluten är vad den underliggande strukturen på webbplatsen ska vara, vilken kommer att avgöra vilken programvara som ska användas och vilket system som gör webbplatsen, "Work".
Dina alternativ är:
- Grundläggande HTML: En standard HTML-sida där varje sida redigeras manuellt. Det kan vara relativt snabbt att utveckla men lämnar liten flexibilitet och mycket pågående underhåll. Det är också viktigt att komma ihåg att HTML-sidor inte är HTML-ensamma och kan innehålla CSS, JavaScript och andra programmeringsspråk för funktioner.
- Använd ett Content Management System: Genom att använda ett CMS tillåts en klient normalt att utföra regelbundna innehållsuppdateringar, medan konstruktören kontrollerar webbplatsens övergripande utseende och känsla. Vissa system kan utvecklas från början och andra köps och skräddarsys för kundens behov. Online-system som Blogger och WordPress är gratis och innehåller också ett grundläggande CMS.
Skriv en översikt
Nu när du samlat den nödvändiga informationen och brainstormade några idéer är det en bra idé att få allt på papper.
En översikt över en webbplats bör innehålla en lista över varje avsnitt som ska inkluderas på webbplatsen, med en beskrivning av vilken typ av innehåll som ska visas på varje sida. Det bör också beskriva så mycket som möjligt vilka funktioner som skulle vara på webbplatsen, t.ex. användarkonton, kommenterar, sociala nätverk, video eller nyhetsbrev.
Förutom att hjälpa till med att organisera projektet, bör klienten presenteras med skissen för ett webbplatsförslag så att de kan godkänna det innan projektet fortsätter. Detta gör att de kan lägga till, ta bort eller justera några avsnitt eller funktioner.
Allt detta kommer i slutändan att hjälpa dig att utveckla en budget och tidsram och bygga webbplatsen. Att komma överens om ett pris för ett webbprojekt baserat på en godkänd disposition hjälper till att undvika ytterligare avgifter eller meningsskiljaktigheter sent i projektet.
Fortsätt läsa nedan
05 av 10Skapa trådramar
Wireframes är enkla linjeteckningar av webbsidor som gör det möjligt för dig (och klienten) att fokusera på placering av element snarare än färg och typ.
Det här är extremt användbart eftersom det bestämmer vilket innehåll förtjänar mest fokus och hur mycket utrymme som används på sidan för dessa element. Utan att vara distraherad av andra visuella element, ger godkända trådramar en ram för dina mönster.
För vissa projekt kan du överväga att ha en samling trådramar tillgängliga för olika typer av innehåll. Kontakten, om och andra sidor med mycket text kan ha en annan layout än ett galleri eller en inköpssida.
Det är viktigt att du behåller ett enhetligt utseende över hela webbplatsen när du övergår från en wireframe till nästa.
06 av 10Designa webbplatsen
När du och din klient är nöjda med wireframesna är det dags att börja utforma webbplatsen.
Adobe Photoshop är det vanligaste verktyget för att skapa de ursprungliga designerna. Inriktningen på webbdesignen bör vara att presentera innehållet och det kommer att användas för att skapa de faktiska webbsidorna.
För nu, enkelt design och spela med de grundläggande elementen för att skapa något för din klient att titta på och godkänna.
- Medan prickiga mönster och animeringar har sin plats borde de inte överdriva vad användaren letar efter.
- Konsekvent navigering hjälper dina besökare att hitta alla dina huvudinnehåll.
- Ren användning av typ (i fråga om en textdriven webbplats) kommer att hålla besökarna läsa och komma tillbaka för mer.
- Innan du har faktiskt innehåll för en webbdesign, kommer Lorem Ipsum-texten att hjälpa till att fylla utrymmen utan att distrahera din klient.
Fortsätt läsa nedan
07 av 10Bygg webbsidor
När din design är godkänd måste sidorna bytas från mockups till faktiska webbsidor skrivna i HTML och CSS.
Erfaren designer / utvecklare kan välja att ta på sig alla kodningar, medan någon som fokuserar på webbsidans designsida kan arbeta nära en utvecklare för att få webbplatsen till liv. Om så är fallet bör utvecklaren vara inblandad från början.
Utvecklare hjälper till att säkerställa att designen är en realistisk och effektiv webblayout. De bör också konsulteras om funktioner som du lovar kunden eftersom vissa kanske inte kan utföras eller gynnas av webbplatsen.
Programvara som Adobe Dreamweaver kan hjälpa en designer att göra en mockup till en fungerande webbsida med drag-and-drop-funktioner, förbyggda funktioner och knappar för att lägga till länkar och bilder.
Det finns många mjukvaruval tillgängliga för webbplatsbyggnad. Välj en som du tycker om att arbeta med, bara vara säker på att de tillåter dig att verkligen komma in i detaljerna och kodningen av sidorna.
08 av 10Utveckla webbplatsen
När din layout är klar i HTML och CSS, måste den integreras med det system du valt. Det här är den punkt där det blir en fungerande webbplats.
Det kan innebära att utveckla mallar som ska läsas av ett innehållshanteringssystem, ändra en WordPress-mall eller använda Dreamweaver för att skapa länkar mellan sidor och mer avancerade webbfunktioner. Detta är igen ett steg som kan överlåtas till en annan medlem eller medlemmar av laget.
Du kommer också behöva köpa en webbplats domännamn och ha en hosting service uppradad. Detta borde ha varit en del av dina diskussioner med kunden och i verkligheten bör det ske i de inledande stadierna av processen. Ibland kan det ta ett tag för tjänster att bli aktiva.
Det är också mycket viktigt att du eller din utvecklare gör noggrann testning av webbplatsen. Du vill inte göra det "stora avslöjandet" och har funktioner som inte fungerar rätt.
Fortsätt läsa nedan
09 av 10Marknadsföra webbplatsen
Med din hemsida online är det dags att marknadsföra det. Din fantastiska design gör det inte bra om folk inte besöker den.
Kör trafik till en webbplats kan innehålla:
- Optimera det för sökmotorer. Hyr en SEO-expert om detta inte är ett expertområde eftersom de bästa metoderna ständigt ändras.
- Skickar nyhetsbrev för att markera nytt innehåll. Nyhetsbrevdesignen bör relatera till webbdesignen för att hålla varumärkesmeddelandet konsekvent.
- Annonsera med PPC-annonser på Google eller med bannerannonser på andra webbplatser.
- Mer konventionella metoder såsom tryckannonsering och ord-till-mun.
Håll det friskt
Ett av de bästa sätten att få människor att komma tillbaka till din webbplats är att hålla innehållet friskt. Med allt arbete som sätts in på en webbplats, vill du inte att det ska förbli detsamma i månader efter lanseringen.
Fortsätt att lägga upp nytt innehåll, foton, videoklipp eller musik … vad som helst webbplatsen byggdes för att presentera. En blogg är ett bra sätt att hålla en webbplats uppdaterad, med inlägg av någon längd på något ämne som är relaterat till din webbplats,
Om din klient ska hantera uppdateringarna för en CMS-webbplats kan du behöva träna dem för att använda den. Att göra uppdateringar till en webbplats du har utformat är ett bra sätt att få regelbunden inkomst. Var säker på att du och din klient överens om frekvensen och räntesatserna för eventuella uppdateringar som du gör.
