1. Over de website Helenahoeve.nl
Een kleine website over
boerderijcamping de Helenahoeve
Streven is een optimale bezetting van
de camping
Veel concurrentie, de Helenahoeve is
één van de vele boerderijcampings in
Zeeuws Vlaanderen
www.helenahoeve.nl overdewebsite.helenahoeve.nl
2. Doel van de website
Potentiële gasten wijzen op
aantrekkelijke kanten van:
de Helenahoeve
een vakantie in Zeeuws Vlaanderen
Potentiële gasten over de streep
trekken om te komen …
en dat moet zo gemakkelijk mogelijk zijn
www.helenahoeve.nl overdewebsite.helenahoeve.nl
3. Zo gemakkelijk mogelijk
Help! Wat is dat zo gemakkelijk
mogelijk?
Waar zoekt de gebruiker naar?
Welke browser wordt er gebruikt?
Hoe snel is de internetverbinding?
Wat verwacht de gebruiker qua user
interface?
Usability richtlijnen bieden uitkomst
www.helenahoeve.nl overdewebsite.helenahoeve.nl
4. Waar zoekt de gebruiker naar
Een camping of boerderijcamping in
een bepaalde provincie of een bepaalde
streek
Bezoekers van een website over een
camping willen
foto’s zien
een idee krijgen wat voor een publiek er
komt (door naar de foto’s te kijken)
Minder belangrijk is
wat er in de omgeving te doen is
www.helenahoeve.nl overdewebsite.helenahoeve.nl
5. Browser en verbindingssnelheid
Browser en verbindingssnelheid zijn
onbekend
Wij zijn van “het slechtste” uitgegaan
een potentiële gast die met mobiel internet een camping
zoekt in Zeeuws Vlaanderen
Googlebot, een zwaar gehandicapte gebruiker
Daarom …
wordt de HTML code gegenereerd
Foutvrije, AAA accessibility, code welke valideert
Compacte code geoptimaliseerd voor de browser
geen Flash, Cookies en minimaal Javascript
worden er geen statistieken bijgehouden, maar wordt er
vertrouwd op Google Webmaster Tools
is er per soort device een aparte style sheet
www.helenahoeve.nl overdewebsite.helenahoeve.nl
6. Genereren van HTML code
Pagina’s worden vastgelegd in XML
De HTML pagina wordt gegenereerd
inclusief alle code benodigd voor het
<HEAD> deel, de header en de footer
www.helenahoeve.nl overdewebsite.helenahoeve.nl
7. Meerdere style sheets
“Slechtste browser” is uitgangspunt
<link id="s" rel="stylesheet"
media="screen,projection" href="m.css"
type="text/css" />
Middels javascript uitzoeken of een andere lay-
out benodigd is
Stylesheets voor
gewone (breedbeeld) schermen
brede, lage schermen (netbooks)
kleine schermen (PDA's, iPhones en dergelijke)
televisies
printers
www.helenahoeve.nl overdewebsite.helenahoeve.nl
8. User Interface
Zo veel mogelijk standaard website
Users spend most of their time on other
websites – Jacob Nielsen
Veel kleine extraatjes
“Liquid design”, geen horizontale scrollbar
Focus op “Volgende”
met de Entertoets naar de volgende pagina
Indicatie externe verwijzingen
Handcursor bij labels
omdat je daar ook op kan klikken
www.helenahoeve.nl overdewebsite.helenahoeve.nl
9. Resultaten
Goede bezetting van de camping
Goede zichtbaarheid in Google
Met ruim 100 zoektermen in de top 5
In de top 3 voor relevante zoektermen als
boerencampings zeeuws vlaanderen
boerderijcampings zeeuws vlaanderen
minicampings zeeuws vlaanderen
campings zeeuws vlaanderen
goedkoop kamperen
Bruikbaar op nagenoeg elk device
Geen usability award, maar …
wel speciaal onder de aandacht van de
vakjury van de usability gebracht
www.helenahoeve.nl overdewebsite.helenahoeve.nl
10. Vragen?
Vakantie suggestie nodig?
www.helenahoeve.nl
Meer informatie over de website gewenst?
overdewebsite.helenahoeve.nl
Hans van der Graaf
Webmaster voor de Helenahoeve
h.n.vandergraaf@gmail.com
www.helenahoeve.nl overdewebsite.helenahoeve.nl