3 stappen om de opbouw van je website te bepalen

website
Maak zelf een opbouw voor je website

Wij zijn bezig met onze nieuwe sauna website, saunagespot.nl. We hebben hulp ingeschakeld om de naam te bepalen en we zijn nu bezig met een ontwerpwedstrijd op Brandsupply voor een geschikt logo en kleurenschema.

De volgende stap is de opbouw van de website zelf. Daavoor gebruik ik Word en vervolgens wireframes die ik maak met Balsamiq.

1) De structuur van je website bepalen

Het is helemaal aan jezelf wat je op je website wilt zetten en wat je daarmee wilt bereiken. Vind je dat lastig, schakel dan in dit stadium al een webdesigner in en praat eerst over de opzet en structuur van je website.

Nathalie en ik willen de website zo simpel mogelijk maken. Eigenlijk willen wij alleen de volgende elementen:

  • Homepage
  • Saunapagina: per pagina één sauna met tekst, foto’s, contactgegevens, etc
  • Blogpost/kennisbank: per pagina één artikel met foto
  • Evenement/arrangement: per pagina één evenement of arrangement met datum, prijs, locatie en andere belangrijke informatie
  • Overzichtspagina: via de homepage ga je naar overzichtspagina’s. Hierop vind je overzichten van andere pagina’s gebaseerd op categorie.
  • Service: dit zijn pagina’s met algemene voorwaarden, contactformulier en andere algemene pagina’s

2) Welke informatie komt er op elke pagina

Leuk zo’n saunapagina maar wat moet er komen staan? Ik heb een lijst gemaakt met punten die ik op de saunapagina wil opnemen. De eerste 10 punten zijn:

  • Naam
  • Contactgegevens
  • Foto
  • Beschrijving
  • Aantal reacties + de reacties zelf
  • Social Media: share en like buttons
  • Arrangementen van die sauna
  • Evenementen in die sauna
  • Google Maps
  • Openingstijden inclusief badkledingdag en damesdag

Dit heb ik voor elke soort pagina gedaan.

3) Wireframes maken met Balsamiq

Met bovenstaande lijsten van punten die ik op de verschillende pagina’s wil opnemen ben ik gaan werken aan wireframes. Dit wordt de blauwdruk van de website. In de wireframes maak ik dus heel nadrukkelijk geen gebruik van kleuren en andere designelementen. Ik teken gewoon met vakjes en lijntjes een webpagina.

Hieronder zie je mijn wireframe van de saunapagina. Omdat ik zoveel informatie kwijt wil ga ik gebruik maken van tabjes. Je ziet nu het tabje openingstijden met bovenaan de reguliere openingstijden en onderaan badkledingdag en vrouwendag. Van de andere tabjes heb ik ook wireframes gemaakt.
website

Voor bovenstaande wireframe heb ik gebruik gemaakt van Balsamiq. Dit is niet gratis. Voordat ik met Balsamiq werkte gebruikte ik Powerpoint of een kladblok om de wireframes te maken. Het gebruikersgemak heeft me overtuigd om te investeren in Balsamiq.

Je website laten maken

Met de wireframes, logo en kleurenschema heb je een volledig pakket waarover je intern of extern kan klankborden. Daarnaast biedt het ook een heel robuust handvat als je gaat praten met een webbouwer. Allereerst kun je met de wireframes je visie heel makkelijk laten zien en commentaar en toevoegingen van je bouwer vragen. Ook zal het makkelijk zijn voor een bouwer om een offerte af te geven.

Wil je zelf aan de slag dan zijn wireframes ook een perfecte stap om je eigen werk te structureren.

Heb jij je huidige website zelf gemaakt of laten maken? En door wie dan?

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *