Keuzes maken je website!

De website heeft heel veel mogelijkheden

Na het bestellen van je website zijn er een aantal stappen die je moet afwerken.

1) Logo website aanleveren

Linksboven zie je een logo op de website. Dit logo moet een transparant PNG of WebP bestand zijn. Transparant omdat de lichte afbeelding onder het logo doorloopt. Als je echt geen transparant logo hebt, kan er gekozen worden voor een header (bovenkant website) waarbij het logo en het menu boven de achtergrondafbeelding komt, in een neutrale witte balk.

2) Naam van je website

Dat is niet je domeinnaam (al kan die hetzelfde zijn) maar de tekst die vaak groot in de header staat. Dat is ook de naam die door zoekmachines als de naam van jouw website wordt gezien. Maak deze niet te lang. Ook zou het in één oogopslag duidelijk moeten maken wie je bent, of wat je doet, of beide.

3) Knoppen in de header

Afhankelijk van welke homepagina je bekijkt, staan er verschillende knoppen in de Hero (bovenste deel; van je website). Je kunt binnen zekere grenzen zelf bepalen hoe die knoppen heten en wat ze doen. We hebben hier de belangrijkste twee gezet: Nieuwsbrief inschrijving en Boek een sessie. Je opties:

• Boek een sessie: opent een handig geautomatiseerd afsprakensysteem, of de contactpagina.
• Nieuwsbrief: om iemand zich te laten inschrijven voor je nieuwsbrief.
• Je kunt ook kiezen om slechts één i.p.v. twee knoppen te gebruiken (kun je later alsnog toevoegen).

4) Nieuwsbrief

Wil je een nieuwsbrief sturen naar je cliënten? We raden het wel aan; het is een mooie manier om te delen wat er bij jou mogelijk is, geïnteresseerden op de hoogte te houden en je praktijk dynamisch te houden.

Wij maken gebruik van Brevo als e-mail en nieuwsbrief afhandelaar. Tot 300 e-mails per dag is het geheel kosteloos. Als je nieuwsbrief een groter bestand heeft dan 300 deelnemers, zijn er wat kosten bij Brevo, maar dat valt reuze mee. Bijvoorbeeld 5000 e-mail credits kosten je 30,- en er zit geen tijdslimiet op, dus de credits verlopen niet. Als je al een bestaand adressenbestand hebt, kunnen we dat voor je toevoegen aan de mailinglijst bij Brevo. Neem dan contact met ons op over de manier van exporteren en aanleveren.

Je hoeft je geen zorgen te maken over de koppeling van je website met het nieuwsbriefformulier en Brevo; dat doen wij.

5) Nieuwsbrief inschrijvingen

Het is belangrijk dat de bezoeker de gelegenheid heeft om zich in te schrijven voor je nieuwsbrief. De mooiste manier is gebruikmaken van de Nieuwsbrief knop bovenin naast het menu. De meeste pagina’s zijn uitgerust met een knop die een pop-up opent. Dat heeft als voordeel dat de bezoeker de pagina waar deze is, niet hoeft te verlaten om zich in te schrijven voor je nieuwsbrief.

6) Footer teksten

Welke teksten wil je in de footer hebben. De meeste website footers hebben 3 of 4 blokjes met informatie. Als je gekozen hebt voor het inschrijfformulier middels de pop-up, dan kan dat inschrijfformulier weg uit de footer, of je laat het staan voor de bezoekers die de pop-up gemist hebben.

De meeste bedrijven zetten in de footer specialisaties (meteen goed voor de zoekmachine), de regio waar je werkt als je lokaal werkt, erkenningen en aansluitingen, en velen kiezen voor de contactgegevens zoals e-mail en telefoon.

7) Logo sectie

Meerdere pagina’s hebben een sectie met een aantal logos. Dit kent twee toepassingen:

1. Bedrijven of producten waar je mee werkt.
2. De organisaties waar je bij aangesloten bent.

Het is qua design wel alleen aan te raden als je minimaal drie logo’s hebt om te vermelden, ander staat het heel kaal. Dan vinden we wel een mooiere manier om deze ergens te vermelden. Een praktisch aantal is (afhankelijk van de hoogte/breedte verhouding) 3 tot 10 logo’s. Als het er veel zijn, kan die sectie ook op de volledige breedte van het venster gezet worden, dan is er meer ruimte.

Een aantal logo’s hebben we al in huis om te plaatsen. Denk daarbij aan de BATC, KTNO, BAT, GRO, Reiki Ryoho, Nederlof Foundation, CRKBO. Hou wel in de gaten dat je alleen logo’s plaatst op de website waarvan je ook daadwerkelijk lid bent, of bij aangesloten bent.

Logo sectie op mobiel

Als het er meer zijn dan 4 of 5, is het raadzaam deze sectie uit te zetten op mobiel. Anders ziet de bezoeker daar een hele rij logo’s onder elkaar, of ze worden heel klein.

8) Reviews & aanbevelingen

Het is altijd leuk om meningen van anderen te tonen. Deze helpen bezoekers om een mening over jou en je diensten of producten te vormen. Ook dit is optioneel. Je kunt het ook laten uitzetten. Er zijn meerdere manieren om ze te tonen; van eenvoudige tekstbokken tot een bewegende carrousel. Deze pagina laat ze allemaal zien. Hier staat de werkwijze van de verschillende manieren.

9) Activiteiten tonen

Het is wel handig om op je homepagina te laten zien wat je doet. Er zijn verschillende manieren om het te tonen aan de bezoeker.

Tonen aanbod als tekstblokken

Hie staan het aanbod (diensten of producten) als gewone tekst met een knop. Er is ruimte voor maximaal 3 à 4 activiteiten. E kan door ons op eenvoudige wijze ook een afbeelding worden toegevoegd aan alle blokken.

Tonen aanbod middels verzameling aanbod pagina’s

Hier staan het aanbod van diensten en/of producten als collectie van pagina’s. Wij hebben de keuze gemaakt voor het tonen van 6 pagina’s, maar het kunnen er 3, 4, 6 of 9 en uiterlijk 12 zijn. Meer kan technisch wel, maar niet altijd verstandig.

Als je hiervoor kiest, hoef je niets aan te passen op de pagina waar ze getoond worden (de homepagina). Je opent een van de pagina’s door er op te klikken, en je klikt op bewerken. De veranderingen die je aanbrengt worden automatisch getoond op de homepagina. We leveren je website met 6 pagina sjablonen die je meteen kunt gebruiken. Deze website heeft gratis toegang tot de hele Pexels collectie, dus je hebt miljoenen afbeeldingen tot je beschikking.

Vertoning van blogposts

In plaats van aanbodpagina’s, ziet de bezoeker op de homepagina een collectie blogposts. Wij hebben de keuze gemaakt voor het tonen van 6 blogpagina’s, maar het kunnen er 3, 4, 6 of 9 en uiterlijk 12 zijn. Meer kan technisch wel, maar het wordt snel onoverzichtelijk en je homepagina wordt steeds een pietsje trager.

Vertonen van aanbodpagina’s en blogpagina’s

Op sommige homepagina’s staat een combinatie van zowel activiteitenpagina’s als blogposts. De homepagina’s hebben een ander design. De een toont de blogposts met een afbeelding, de andere als lijst van teksten en lichte animatie.

10) Visie om te delen

Op meerdere homepagina’s staat een visie sectie. Deze is optioneel, net als veel andere elementen, en is bedoeld om een korte zin, spreuk, visie te delen met de bezoeker. Maak deze niet te lang; het mooist is één of hooguit twee regels. De achtergrond kan een afbeelding zijn (zie homepagina 4), wit of elke andere kleur.

11) Tarieven pagina

Er zijn meerdere manieren om je tarieven te tonen. Het is optioneel trouwens, het kan ook verwijderd worden uit het menu. De meeste website bezoekers vinden het echter heel prettig als de tarieven op één plek zijn te raadplegen.

In het hoofdmenu bij tarieven vind je twee pagina’s met tarieven. Een tarieven pagina met alleen tekst en een andere tarieven pagina met foto’s voor elke activiteit, dienst of product.

12) Over ons

In het hoofdmenu bij Over ons vind je meerdere pagina’s. Je kunt zelf kiezen welk ontwerp je meer bij jou vindt passen.

13) Contact

In het hoofdmenu bij contact vind je een contactpagina. Het is aan jou welke informatie je daar wilt hebben. Omdat er meestal ook een informatiepagina is, met een formulier, is een contactformulier op de contactpagina eigenlijk overbodig.

14) Algemene voorwaarden

In het hoofdmenu bij contact vind je een pagina voor de algemene voorwaarden. Daar staat een algemene tekst op, als voorbeeld. We raden je aan om deze tekst aan te passen aan jouw specifieke situatie. De meeste bedrijven kiezen ervoor om de link onderaan in de footer te plaatsen, in plaats van in het hoofdmenu.

15) Privacy

In het hoofdmenu bij contact vind je een pagina over privacy en cookies. Daar staat een algemene tekst op, als voorbeeld. We raden je aan om deze tekst aan te passen aan jouw specifieke situatie. Als je geen Google Analytics gebruikt (dat gebruiken we zelden tot nooit) en geen Facebook tracking gebruikt, heb je op dit moment in de meeste landen ter wereld geen cookiemelding nodig. Engeland is een uitzondering; die willen dat je altijd een cookiemelding hebt. De meeste bedrijven kiezen ervoor om de link naar de privacy pagina onderaan in de footer te plaatsen, in plaats van in het hoofdmenu.

16) Website menu

De website heeft een structuur nodig. Deze website voor therapeuten en bedrijven heeft meerdere opties voor je menu.

1. Een ‘gewoon’ menu met een transparante achtergrond, waardoor deze mooi over de zacht gemaakte afbeelding heen ligt. Deze is toegepast bij de meeste pagina’s.
2. Een slide-in menu. Dat is een menu dat op een gewone computer of laptop werkt zoals op een tablet of mobiel: een hamburger menu-icoon, dat bij een klik een zijmenu uitschuift. Op deze site staan twee soorten slide-in menu’s.

Hier kun je de verschillende menu’s zien. Je kunt ook de verschillende homepagina’s bekijken; daar komen ze alle aan bod.

17) Afsprakensysteem

Of dit voor jou belangrijk is, ligt aan je prioriteiten. Als je bijvoorbeeld cursus geeft en alleen af en toe een sessie, is het vaak overdreven om een compleet afsprakensysteem te integreren. Maar als je juist gericht bent op behandelingen / sessies, dan kan het zeker de moeite waard zijn.

Hoe werkt een afsprakensysteem?

Het is een toegevoegde plug-in. Die installeren wij. Je kunt het helemaal naar wens instellen:

• Ze zet de beschikbare dagen er in, bijvoorbeeld dinsdag tot en met donderdag.
• Als er een uitzondering is, zoals een vakantie, feestdag of verjaardag, kun je dat gewoon uitzonderen.
• Als je bepaalde tijden niet beschikbaar wilt zetten kun je die blokkeren.
• Zet de standaard werktijden er in, van xx.xx tot xx.xx uur.
• Je kunt er een maximaal aantal sessies per dag inzetten en hoeveel tijd je daar minimaal tussen wilt hebben, bijvoorbeeld een kwartier pauze.
• Je stelt de e-mails in die de bezoeker ontvangt.
• Hier vind je een complete uitleg van het afsprakensysteem.

De bezoeker

• De bezoeker kan zich nu online, zonder je tussenkomst, oriënteren op de beschikbare ‘slots’ en een keuze maken.
• Bij het boeken van de sessie ontvangt zowel de bezoeker als jij een e-mail ter bevestiging.
• De geboekte periode wordt automatische geblokkeerd in de agenda, dus de volgende bezoeker kan dat niet meer boeken.
• Enige tijd voor aanvang van de geboekte sessie ontvangt je client automatisch een herinnering.

18) Kleuren van de website

De kleuren die we gebruikt hebben zijn heel neutraal; vriendelijk met een licht zakelijke touch. Natuurlijk kun je je dat aanpassen, maar we raden je ook aan daar terughoudend in te zijn. Het is vaak beter om je eigen identiteit te creëren middels een mooi logo dat echt bij jou past, en de afbeeldingen op de pagina’s. Als je gebruikmaakt van een afwijkende kleur, doe dat dan spaarzaam; daarmee creëer je identiteit zonder de rust van de website te verstoren.

Hou er rekening mee dat je een lichte kleur niet kunt vervangen door een donkere kleur; de site combineert steeds een lichte met een donkere kleur. Bijvoorbeeld twee donkere kleuren maakt teksten of knoppen onleesbaar. Ook speelt de contrastfactor een grote rol. Onvoldoende contrast maakt de site voor slechtzienden onleesbaar. Zoekmachines zoals Google beoordelen je site daar ook op; een site die niet goed leesbaar is door slechtzienden, komt ook lager in de zoekresultaten.

Elementen die je qua kleur zonder problemen kunt aanpassen

• Op de homepagina, de grote tekst in de lichte afbeelding bovenaan (hier: Blessed Massage therapie).
• De kleur van de grote knop(pen) in de lichte afbeelding bovenaan. Zowel de gewone kleur, als de hover kleur (als je er met je muis overheen gaat) kan worden aangepast.
• Achtergrondkleur van Reviews en aanbevelingen.
• Achtergrondkleur of afbeelding van ‘Je visie om te delen’.
• Achtergrondkleur van de footer (hier tonen we een witte en een blauwe footer).
• De achtergrondkleur van pagina’s of posts. Hou er wel rekening mee dat als je een pagina een achtergrondkleur geeft, dit voor alle pagina’s of posts geldt. Je kunt blogposts bijvoorbeeld een achtergrondkleur geven en pagina’s niet.

Voorbeeld aangepaste achtergrond

Om te laten zien wat het effect is van een heel lichte achtergrondkleur i.p.v. wit, hebben we alle blogposts (nieuwsberichten) een zachte achtergrond gegeven. Klik hier om een blogpost te bekijken.
Noot: het wijzigen van de achtergrondkleur voor alle pagina’s of blogposts kan later ook. Het is heel eenvoudig aan te passen.

2e kleurenpalet

De site maakt gebruik van een gecreëerd kleurenpalet. Honderden elementen maken daarbij gebruik van dezelfde 9 kleuren. Als we bijvoorbeeld de kleur van de kop aanpassen, zijn er meerdere andere elementen op de site die mee veranderen. We hebben echter een compleet 2e kleurenpalet ontwikkelt, die we kunnen activeren voor je. Dan heeft de hele website ineens een totaal andere sfeer.

Dark-mode

Deze site heeft een Dark-mode. Dark-mode wil zeggen een kleurstelling voor de hele website die prettiger is om te gebruiken in een donkerder omgeving, of ’s avonds. De dark-mode switch kan onderop staan (daar staat deze nu) of bovenaan de website. Heel in het kort: elke lichte kleur wordt donker (zoals de paginakleur) en alles wat donker is, wordt licht. Als je de dark-mode mooier vindt, kunnen we de website ook zo instellen dat deze altijd zo te zien is.

Drie kleurenpalets

Hier zie je verschillende kleurstellingen. Normaal, aangepast en dark-mode.

19) Lettertypes

Dit staat niet voor niets als een van de laatste opties. Zodra we een klant de vrije hand hierin geven, ontstaan (soms…) heel vreemde websites. Qua basis heeft de website een fijn, neutraal, prettig leesbaar lettertype.

Als je het lettertype anders wilt

Snelheid

Een van de elementen die een website traag maken, zijn de lettertypes. Elk lettertype meer betekent dat de browser van de bezoeker meer gegevens moet downloden, om je pagina’s te tonen. Het betekent ook dat je score bij zoekmachines zoals Google en Bing slechter wordt, wat betekent dat je minder goed zichtbaar bent in zoekresultaten. Daarom raden we aan, als je iets aanpast, dat je alleen één extra lettertype erbij kiest, bijvoorbeeld voor de koppen (headings).

Paragraaf tekst (body tekst)

• Het heeft de voorkeur om de paragraaf tekst (body tekst) in een zo neutraal mogelijk lettertype uit te voeren. Het advies is o het te laten zoals het nu is.

Koppen (headings)

• Als je wat aan wilt aanpassen, gebruik dan de headings (koppen) daarvoor.
• Neem dan een lettertype dat voldoende afwijkt van de gewone paragraaf (body) tekst. Anders lijkt het meer op een fout, dan een design keuze.

20) Blogpost overzichten

• De site heeft meerdere manieren om je blogposts (nieuws) te tonen. Met afbeeldingen, zonder afbeelding, afbeeldingen naast de tekst of juist erboven. In het hoofdmenu kun je de verschillende opties bekijken,

21) Socials

• De socials staan aan de rechter zijkant van het scherm. Zodra de bezoeker lichtjes scrolt, worden deze zichtbaar. Ze kunnen ook permanent zichtbaar gezet worden.
• De socials kunnen ook aan de linkerkant van het scherm geplaatst worden.
• Geef door welke socials je daar wilt hebben staan.
• Geef de URL’s van de socials door, dan zetten we die er in voor je.

22) Cookies

• De site heeft standaard geen marketing / analyse cookies. Elke site heeft anonieme cookies voor het bepalen van je scherm en taal, maar al het andere is optioneel.
• We installeren standaard geen Google Analytics, maar een uitstekende analyse plug-in (Independent Analytics) die de privacy van je bezoekers 100% garandeert.
• Independent Analytics geeft je inzicht in wie je website bezoekt, wanneer, welke pagina’s, hoelang de bezoeker daar bleef, en uit welk land en zelfs stad deze komt.
• Omdat onderwijl iedereen gewend is aan de cookiemelding en het wantrouwen kan opwekken als je ‘m niet hebt, wordt de site geleverd met een ‘Geen cookie’ melding. Deze is ingesteld op één vermelding per 30 dagen. Als je de melding weer wilt zien, open de website dan in een incognito venster, dan weet de website niet dat je al eerder geweest bent.
• Mocht je ervoor kiezen om gebruik te maken van Google Analytics, bijvoorbeeld omdat je adverteert op Google en wilt weten wat de resultaten daarvan zijn, laat het ons weten. Dan installeren we een uitstekende cookiemelding plug-in die daar rekening mee houdt, en ook geschikt is om Google Ad tracking te activeren.

23) Vraagteken symbool bovenaan elke pagina

• Voor de aanschaf van de website ziet de bezoeker daar de eigenschappen van die pagina en soms wat deze variatie anders maakt. Na aanschaf zetten we het symbool op onzichtbaar en kun je dat als website eigenaar-beheerder alleen zien als je ingelogd bent. Het is namelijk ideaal om je eigen notities te maken, zodat je later bij het aanpassen van je pagina je eigen instructies en notities daarover kunt lezen.

24) Iets speciaals

• De meeste websites maken gebruik van standaard menu’s en standaard knoppen. Voor deze website hebben we het aantrekkelijk gemaakt door gebruik te maken van transparante menu’s en knoppen met een hover.
• Als je gebruikmaakt van een inschrijfformulier, informatieformulier of een afsprakensysteem, kan er aan de zijkant een leuke knop komen. Net zoals wij gebruikmaken van de knop AANPASSINGEN aan de zijkant, kan dat met een andere knop, in elke kleur en zowel links of rechts. De knop kan natuurlijk ook worden gelinkt aan een reviewpagina, een aanbieding of wat ook.
• Voor aanvragen van informatie middels het informatieformulier, kan het bijvoorbeeld handig zijn als deze tevoorschijn komt middels een zijknop; de bezoeker hoeft de pagina dan niet te verlaten om informatie aan te vragen.