Een website voor het MKB, school, stichting of vereniging

<< Een website met een CMS | Website Index | Website Promotie >> Websites zijn er in soorten en maten, van een eenvoudige 'brochure' site tot zeer complexe meertalige systemen met online bestelmogelijkheden of andere digitale interacties. Laten we aannemen dat het doel van de site is een eenvoudige site zonder al te veel 'goodies'. Voor een professioneel ontwerpen is niets te gek, de mogelijkheden dienen zo uitgebreid mogelijk te zijn. Daarmee helaas ook de benodigde tijd en fondsen. Laten we daarom ook aannemen dat de website een extra is en dat er ook nog andere dingen te doen zijn.

Een waarschuwing vooraf; het maken van een website lijkt in vele opzichten op programmeren, sterker nog het ontwerp maken is programmeren. En net als alle programmeerklussen kan het ontwerpen van een website eindigen in een tijdrovende klus terwijl het eerst zo simpel leek. Als je van plan bent de site groots aan te pakken overweeg dan het inschakelen van een professioneel om de zaken van begin af aan goed op de rails te krijgen. Als de ambities wat minder zijn is het zondermeer mogelijk zonder hulp aan de slag te gaan.

De eerste stap die gemaakt is (of gemaakt moet worden) is de keuze voor een domein naam en een web-hosting bedrijf. Peins er niet over je bedrijfssite onder te brengen bij een gratis aanbieder, niet staat zo amateuristisch als een site als http://home.hetnet.invalid/~harrydeschilder.

Veel hosting bedrijven bieden een aantal online programma's aan om een website te maken. Veel daarvan komen dan ook nog eens met verschillende ontwerpen voor de site (templates). Hoewel vaak weinig origineel van ontwerp en beperkt in mogelijkheden kunnen deze tools een goed middel zijn om razendsnel een site te maken. tien tot vijftien minuten werk en je bent met meerdere pagina’s in de lucht.

Een andere mogelijkheid is het gebruik maken van website editor (html editor) om je eigen site te maken. Populaire producten als Microsoft Frontpage, Adobe `GoLive], Macromedia Dreamweaver, `NetObject Functions en nog veel meer, beschikken over ingebouwde templates die aan de eigen wensen zijn aan te passen. Dit soort programm's zijn een stuk flexibeler en hebben meer mogelijkheden in vergelijking tot de online producten

Tenslotte is het ook nog mogelijk te kiezen voor een online content management systeem

Maar voordat je aan de gang gaat met welk product dan ook het is zaak een aantal zaken te bepalen voor de site. Een aantrekkelijk design is een punt, maar wat levert een spetterende website op als de bezoekers niet onmiddellijk begrijpen waar de site over gaat, welk product er aangeboden wordt.

Wat is het doel

  • Simpele folder of brochure over het bedrijf bedrijfsfiche)
  • eCommerce
  • Informatie

Het doel bepaalt het soort pagina’s dat je gaat maken, een bedrijfsfiche zal over het algemeen geen online winkel bevatten, een essentieel onderdeel van een eCommerce site. Een site puur gericht informatie vereist een veel betere navigatie structuur dan een site van 5 pagina’s

Wat zal de bezoeker het eerste zien

  • Welkoms boodschap
  • Bedrijfs profiel
  • Product overzicht

Welke interactie is gewenst

  • Digitale winkelwagen
  • Polls
  • Email formulieren
  • Feedback mogelijkheden

Probeer een beeld te vormen over de mogelijkheden die de site moet hebben. Dan is het tijd voor om aan het ontwerp te beginnen. Pak een blok post-it en een pen ( Ja pen en papier) en gebruik een vel voor elke webpagina die je wilt maken. Maak je niet druk over design, layout of de details van de inhoud. Probeer simpel op een rijtje te krijgen wat voor pagina’s de site moet bevatten om me te beginnen. Enkele suggesties:

  • Welkom
De home, start of thuispagina van de site. Het bevat een introductie van het bedrijf, de site en wat de bezoeker kan verwachten.
  • Wie zijn wij
een kort profiel van het bedrijf
  • Contact
email, telefoonnummers adres routebeschrijving
  • Producten
  • Online winkel
  • Publicaties
  • Blog
  • Fotoalbum
  • Index
  • Zoekfunctie

Zodra je de draad kwijtraakt is het tijd te stoppen, houd het simpel. Als je zelf al in de war raakt zal het de bezoeker niet beter afgaan.

Met de post-it velletjes kun je dan de structuur maken, leg ze in de basis volgorde om de structuur weergeven, en schrijf afwijkende verbindingen om de velletjes.

Met deze basis gereed is het tijd de computer te starten en off- of online aan de gang te gaan.

Ontwerp

Het ontwerp van een site is belangrijk, echter lang niet zo belangrijk als de inhoud. Al proberen veel website ontwerpers je iets anders te overtuigen. Blijf weg van flash, java (niet te verwarren met javascript al moet je daar ook voorzichtig mee zijn) animaties en andere goodies.

Zoek uit waar bij de html editor de templates verborgen zitten en bekijk deze. Een goed CMS heeft een strikte scheiding van ontwerp en inhoud en dus is het mogelijk het design later aan te passen zonder dat alles overnieuw moet. Kies een ander product als dat niet mogelijk is. Kies een leuke template en maak de pagina’s aan die op je post-it papiertjes staan, het is nog geen zaak zich druk te maken over de inhoud, het gaat over de structuur van de site. Als het goed is zorgt de html-editor voor het aanmaken van de navigatie structuur: menu’s sitemap en de onderlinge links. Als dit klaar is kun je deze eerste ruwe versie online zetten, test de navigatie van de site, bekijk de site vanaf een andere computer met een ander beeldscherm en liefst ook met een andere verkenner, alles in orde?

Navigatie

De navigatie van een site is een essentieel onderdeel van de site. De meeste website ontwerp programma’s kunnen navigatie menu’s automatisch genereren, experimenteer met de opties

Een volgende belangrijke stap is het optimaliseren van de templates voor zoekrobots

Inhoud

Inhoud is behalve het belangrijkste onderdeel ook het moeilijkste van een site. Hier geen lastig programmeer werk, maar de kunst om de boodschap duidelijk over te brengen.

  • Houd de teksten kort, als de bezoeker teveel moet scrollen is de belangstelling gauw afgelopen
  • Zorg dat de boodschap boven de vouw staat (above the fold), dus dat voordat een bezoeker moet scrollen het bericht duidelijk is.
  • Foto’s of plaatjes maken een pagina minder saai
  • Een pagina of over het algemeen een doel en een conclusie
  • Zorg dat de informatie in de goede volgorde staat

Online gaan

Als alles voor elkaar is, spel en typefouten eruit, de navigatie getest is het tijd de site online te zetten en te beginnen met de promotie ervan:

<< Een website met een CMS | Website Index | Website Promotie >>
©

 

Main Home

Index

Contact

Laatste wijzigingen