Een potentiële klant heeft je zojuist gevraagd een website te ontwerpen, maar waar begin je? Er is een bepaald proces dat u kunt volgen om ervoor te zorgen dat het project soepel verloopt. Het weerspiegelt het standaard grafische ontwerpproces, met slechts enkele website-specifieke stappen om op te nemen.
Als grafisch ontwerper kunt u ervoor kiezen om het hele ontwerp zelf te doen, inclusief de codering. U wilt misschien ook een team verzamelen om u te helpen met de details. Een webontwikkelaar en een SEO-expert kunnen waardevolle toevoegingen zijn aan uw project.
Onderzoek
Zoals bij de meeste ontwerpprojecten, is de eerste stap bij het maken van een onderzoek het uitvoeren van onderzoek. Een deel van dit onderzoek zal met de klant worden gedaan om inzicht te krijgen in hun behoeften. Je moet ook meer leren over hun branche en concurrenten.
Wanneer u uw klant ontmoet, moet u zoveel mogelijk ontdekken om een overzicht van de site te ontwikkelen en deze uiteindelijk te ontwerpen. Dit omvat vragen over hun doelgroep, doelen, creatieve richting en andere variabelen die van invloed kunnen zijn op wat u de klant kunt bieden, zoals budget en deadline.
Uw sector- en marktonderzoek zullen tegelijkertijd plaatsvinden. Om voorbereid te zijn op het ontmoeten van uw klant, moet u een idee hebben van hun branche. Na het vinden van hun behoeften, wil je dan een beetje dieper kijken.
Het niveau van het uitgevoerde onderzoek zal afhangen van het budget van de klant en uw bestaande kennis van de sector. Het kan zo simpel zijn als kijken hoe andere websites in het veld er uitzien. Voor grotere projecten kan het iets zijn als diepgaand onderzoek met focusgroepen.
Lees hieronder verder
02 van 10brainstormen
Als je eenmaal weet waar het project over gaat, is het tijd om ideeën te verzamelen en brainstormen is een geweldige plek om te beginnen. In plaats van op zoek te gaan naar het perfecte idee om je eerste te zijn, gooi je alle ideeën of concepten voor de website. Je kunt het later altijd verfijnen.
Sommige websites vragen mogelijk om een standaard webinterface, met navigatie (een knoppenbalk) en inhoudsgebieden waar gebruikers deze waarschijnlijk verwachten. Anderen hebben mogelijk een uniek concept nodig om de inhoud te presenteren.
Uiteindelijk zal de inhoud het ontwerp aansturen. Een nieuwssite zal bijvoorbeeld een heel andere benadering hebben dan het webportfolio van een fotograaf
Lees hieronder verder
03 of 10Beslissen over technische vereisten
Al vroeg in het ontwikkelingsproces van een website moeten er beslissingen worden genomen over de technische vereisten van het project. Dergelijke beslissingen zijn van invloed op het budget, het tijdschema en, in sommige gevallen, op het algemene gevoel van de site.
Een van de belangrijkste beslissingen is wat de onderliggende structuur van de site zou moeten zijn, wat bepaalt welke software moet worden gebruikt en welk systeem de site, het werk, maakt.
Uw opties omvatten:
- Eenvoudige HTML: Een standaard HTML-site waarin elke pagina handmatig wordt bewerkt. Dit kan relatief snel zijn om te ontwikkelen maar laat weinig flexibiliteit en veel continu onderhoud over. Het is ook belangrijk om te onthouden dat HTML-sites niet alleen HTML zijn en CSS-, JavaScript- en andere programmeertalen voor functies kunnen bevatten.
- Gebruik een Content Management Systeem: Met behulp van een CMS kan een client doorgaans regelmatige inhoudsupdates uitvoeren, terwijl de ontwerper de algehele look and feel van de site bepaalt. Sommige systemen kunnen vanaf nul worden ontwikkeld en andere worden gekocht en afgestemd op de behoeften van de klant. Online systemen zoals Blogger en WordPress zijn gratis en bevatten ook een basis-CMS.
Schrijf een overzicht
Nu je de nodige informatie hebt verzameld en wat ideeën hebt gebrainstormd, is het een goed idee om alles op papier te zetten.
Een overzicht van een website moet een lijst bevatten met elke sectie die op de site moet worden opgenomen, met een beschrijving van het type inhoud dat op elke pagina wordt getoond. Het moet ook zo gedetailleerd mogelijk beschrijven welke functies op de site aanwezig zijn, zoals gebruikersaccounts, opmerkingen, sociale netwerkfuncties, video of een nieuwsbriefinschrijving.
Naast hulp bij het organiseren van het project, moet de klant de hoofdlijnen van een websitevoorstel worden gepresenteerd, zodat deze het kunnen goedkeuren voordat het project wordt voortgezet. Hierdoor kunnen ze secties of functies toevoegen, verwijderen of aanpassen.
Dit alles zal uiteindelijk helpen bij het ontwikkelen van een budget en tijdschema en het bouwen van de site. Een overeenkomst over een prijs voor een websiteproject op basis van een goedgekeurde schets zal helpen extra kosten of meningsverschillen te laat in het project te vermijden.
Lees hieronder verder
05 van 10Maak wireframes
Wireframes zijn eenvoudige lijntekeningen van website-indelingen waarmee u (en de klant) kunt focussen op het plaatsen van elementen in plaats van kleur en type.
Dit is zeer nuttig omdat het bepaalt welke inhoud de meeste aandacht verdient en welk percentage van de ruimte op de pagina voor die elementen wordt gebruikt. Zonder te worden afgeleid door andere visuele elementen, bieden goedgekeurde wireframes een kader voor uw ontwerpen.
Voor sommige projecten kunt u overwegen om een verzameling wireframes beschikbaar te hebben voor verschillende soorten inhoud. De contact-, over- en andere pagina's met veel tekst hebben mogelijk een andere lay-out dan een galerij of winkelpagina.
Het is belangrijk dat u een uniforme uitstraling behoudt op de hele website terwijl u van het ene draadframe naar het andere overschakelt.
06 van 10Ontwerp de website
Zodra u en uw klant tevreden zijn met de wireframes, is het tijd om te beginnen met het ontwerpen van de site.
Adobe Photoshop is de meest gebruikte tool voor het maken van de eerste ontwerpen. De focus van het ontwerp van de site moet zijn om de inhoud te presenteren en deze zal worden gebruikt om de eigenlijke webpagina's te maken.
Voor nu, ontwerp en speel je gewoon met de basiselementen om iets te creëren waar je klant naar kan kijken en goedkeuren.
- Hoewel flitsende ontwerpen en animaties hun plaats hebben, moeten ze niet overdrijven waar de gebruiker naar op zoek is.
- Consistente navigatie helpt uw bezoekers al uw belangrijkste inhoudsgebieden te vinden.
- Schoon gebruik van het type (in het geval van een tekstgestuurde site) zorgt ervoor dat bezoekers blijven lezen en terugkomen voor meer.
- Voordat u werkelijke inhoud voor een siteontwerp hebt, helpt Lorem Ipsum-tekst u om spaties te vullen zonder uw klant te storen.
Lees hieronder verder
07 van 10Bouw webpagina's
Wanneer uw ontwerp is goedgekeurd, moeten de pagina's van proefmodellen worden omgezet in echte webpagina's die zijn geschreven in HTML en CSS.
Ervaren ontwerper / ontwikkelaars kunnen ervoor kiezen om alle codering aan te nemen, terwijl iemand die zich richt op de ontwerpkant van het web, mogelijk nauw samenwerkt met een ontwikkelaar om de site tot leven te brengen. Als dat het geval is, moet de ontwikkelaar vanaf het begin worden betrokken.
Ontwikkelaars zorgen ervoor dat het ontwerp een realistische en effectieve weblay-out is. Ze moeten ook worden geraadpleegd over functies die u de klant belooft, omdat sommige mogelijk niet kunnen worden uitgevoerd of nuttig zijn voor de site.
Software zoals Adobe Dreamweaver kan een ontwerper helpen om een mockup om te zetten in een werkende webpagina, met slepen-en-neerzetten, vooraf gebouwde functies en knoppen om koppelingen en afbeeldingen toe te voegen.
Er zijn veel softwarekeuzes beschikbaar voor het bouwen van websites. Kies er een waar je graag mee werkt, zorg er wel voor dat je echt in de details en codering van de pagina's kunt komen.
08 van 10Ontwikkel de website
Zodra uw lay-out is voltooid in HTML en CSS, moet deze worden geïntegreerd met het systeem dat u hebt gekozen. Dit is het punt waar het een functionerende website wordt.
Dit kan betekenen dat u sjablonen moet ontwikkelen om te worden gelezen door een contentbeheersysteem, door een WordPress-sjabloon te wijzigen of door Dreamweaver te gebruiken om koppelingen te maken tussen pagina's en meer geavanceerde webfuncties. Dit is weer een stap die kan worden overgelaten aan een ander lid of leden van het team.
U moet ook een website-domeinnaam kopen en een hostingservice op een rij hebben staan. Dit had een onderdeel moeten zijn van uw gesprekken met de klant en zou in werkelijkheid in de beginfase van het proces moeten plaatsvinden. Soms kan het even duren voordat services actief worden.
Het is ook erg belangrijk dat u of uw ontwikkelaar de website grondig test. Je wilt de 'grote onthulling' niet doen en functies hebben die niet goed werken.
Lees hieronder verder
09 van 10Promoot de website
Met uw website online, is het tijd om het te promoten. Je geweldige ontwerp doet niets als mensen het niet bezoeken.
Het genereren van verkeer naar een site kan het volgende omvatten:
- Optimalisatie voor zoekmachines. Huur een SEO-expert in als dit geen vakgebied is, omdat de beste praktijken voortdurend veranderen.
- Nieuwsbrieven verzenden om nieuwe inhoud te markeren. Het ontwerp van de nieuwsbrief moet betrekking hebben op het ontwerp van de website om merkberichten consistent te houden.
- Adverteren met PPC-advertenties op Google of met banneradvertenties op andere sites.
- Meer conventionele methoden zoals gedrukte reclame en mond-tot-mondreclame.
Houd het fris
Een van de beste manieren om mensen terug te laten komen naar uw site is om de inhoud nieuw te houden. Met al het werk dat u op een site zet, wilt u niet dat het hetzelfde blijft maanden na de lancering.
Ga door met het plaatsen van nieuwe inhoud, foto's, video's of muziek … ongeacht de site die is gebouwd om te presenteren. Een blog is een geweldige manier om een site up-to-date te houden, met berichten van elke lengte over elk onderwerp gerelateerd aan uw site,
Als uw klant de updates voor een CMS-website verwerkt, moet u deze mogelijk trainen om deze te gebruiken. Updates maken voor een website die je hebt ontworpen, is een leuke manier om regelmatig inkomsten te genereren. Zorg ervoor dat u en uw klant afspraken maken over de frequentie en tarieven voor elke update die u uitvoert.
