DIGITAL

SKILLS
Margot Raemdonck

Margaux Beernaert

Marie Hugelier
Wij hebben de site HIBHIB uitvoerig geobserveerd en zijn tot enkele conclusies gekomen.

Wanneer we de site bezochten overviel die ons onmiddellijk, wij kregen niet meteen een wauw-effect. Volgens
ons kunnen er een aantal dingen worden aangepast om de aantrekkelijkheid van de site van het bedrijf te
optimaliseren en in de hoop zo nog meer klanten aan te trekken.

TOEGANKELIJKHEID:

HET LADEN VAN DE WEBPAGINA

OBSERVATIE
Als we de site beoordelen op basis van de gebruiksvriendelijkheid en redenen die ertoe kunnen leiden dat de
gebruiker niet vlot toegang heeft tot de informatie op de website dan kunnen we concluderen dat: de site
minder toegankelijk lijkt te zijn op een gsm en tablet alsook wanneer we overschakelen op een tragere
internetverbinding denk maar aan 3G …Het complexe ‘fancy’ openingsscherm met de bewegende beelden is
daar volgens ons de oorzaak van.

ADVIES
De complexe fancy bewegende beelden verwijderen op de startpagina en in de plaats daarvan leuke stilstaande
foto’s plaatsen. Hierdoor is het openingsscherm rustgevender en overzichtelijker. Het lijkt ons ook logisch dat
de pagina sneller zal laden.

Waterval:
Aan de hand van de gtmetrix is weldegelijk gebleken dat de site niet snel genoeg volledig geladen is. Dit kan
ervoor zorgen dat potentiele klanten de webpagina niet verder bezoeken. De volledige webpagina is geladen in
16.83 seconden wat volgens ons wel vrij lang duurt.

Ook deze cijfers zijn niet optimaal genoeg.

CONTRAST

OBSERVATIE
De lay-out van de webpagina is ook heel belangrijk, daarmee kan de onderneming al in één oogopslag de klant
deels overtuigen van zijn/haar producten. Wij vinden de startpagina van de website redelijk bombastisch door
de bewegende beelden die ze gebruiken, die bevatten geen optimale kwaliteit, zijn niet overzichtelijk en
nemen veel plaats in. Ze maken alles heel complex. Verder is het in de vouw niet duidelijk wat de onderneming
nu juist verkoopt.

Als we dan eens dieper ingaan op de lay-out zoals kleuren, foto’s, tekstgebruik… dan valt ons meteen op dat
het op een mooie zomerdag moeilijker zal zijn om de site goed te kunnen lezen aangezien de eigenaar gebruik
maakt van roze tinten op een witte achtergrond.

De huisstijl van de site is redelijk chaotisch en wordt niet consequent toegepast, het logo bestaat uit de kleuren
zwart en wit. Er wordt los omgesprongen met de huisstijl want op een bepaalt moment wordt er roze
toegevoegd in het menu-element van de info. In het menu-element genaamd ‘shop’ gebruikt ze dan weer
groen –en grijstinten. Er wordt ook niet vastgehouden aan één lettertype en lettergrootte. Fotokwaliteit is ook
een belangrijk aspect en dat is iets wat ook ontbreekt op de site. Het komt niet professioneel over.

ADVIES
Het verwijderen van de bewegende beelden haalden we eerder al aan, dit zal ervoor zorgen dat het
overzichtelijker wordt en mensen een beter beeld krijgen van de onderneming. We raden aan om gebruik te
maken van kwaliteitsvolle foto’s van gerealiseerde producten van de onderneming. Dit heeft de klanten
meteen een goed beeld waarvoor de onderneming staat. Verder geven wij het advies om andere kleuren te
gebruiken zodat die op een mooie zomerdag ook leesbaar zijn in de zon. We denken hierbij aan zwart, grijs,
blauw op een egale achtergrond. Dit zal voor een betere leesbaarheid zorgen en vormt helemaal geen
probleem voor slechtzienden. Het is ook van belang dat de huisstijl consequent wordt toegepast, kort en
bondig.
FONT GROOTTE & LIJNAFSTANDEN

OBSERVATIE
Het lettertype is zeker en vast goed leesbaar maar doordat er veel verschillende formaten worden gebruikt
wordt het heel chaotisch. Er wordt geen gebruik gemaakt van deelonderwerpen. Blanco lijnen worden wel
toegepast.

ADVIES
Gebruik maken van deelonderwerpen, gebruik dezelfde formaten qua lettertype.
FLASH & ANIMATIE

OBSERVATIE
Als klant wordt je overvallen met animaties,
er wordt op de homepagina enorm veel
gebruik gemaakt van bewegende beelden,
het is zelfs zo dat er verder niets anders te
vinden is. Misschien is het een idee om een
extra pagina aan te maken waar deze beelden
te vinden zijn. De eigenares moet zich ervan
bewust zijn dat potentiele klanten puur op
zoek zijn naar informatie en als zij niet
onmiddellijk de info vinden waar zij naar op
zoek zijn dan kan het gebeuren dat de klanten
al snel de site verlaten en naar de
concurrentie trekken.

Als we de site even inspecteren dan is het ons

meteen duidelijk dat er gebruik wordt
gemaakt van de tools HTML (Hyper Tekst
Markup Language) en daarbij horende CSS.
(Cascading Style Sheets)

ADVIES
De website maakt gebruik van de tool HTML en CSS wat goed is, daarbovenop raden we nog steeds aan om de
bewegende beelden anders aan te pakken. Een mogelijke oplossing zou zijn om die in een apart menu-element
te steken. HTML is een taal die gebruikt wordt om de webpagina te beschrijven, de browser leest HTML
instructie en weet hierdoor wat en hoe te tonen. Het is als het ware een opmaaktaal, het maakt gebruik van
markeringstekens dit is om aan te geven hoe de tekst moet geïnterpreteerd worden bijvoorbeeld als lijst of
opschrift.

ALT TAG

OBSERVATIE
HIBHIB maakt gebruik van
ALT Tags wat wel positief is.
Het lijkt ons ook
noodzakelijk dat er gebruik
van gemaakt wordt
aangezien er een online
webshop aanwezig is.

ADVIES
Door gebruik te maken van een ALT tag kunnen mensen de producten ook terugvinden via google
afbeeldingen, het gebruik hiervan is zeker aan te raden.
NOT-FOUND/404 PAGINA

OBSERVATIE
Dit blijkt ook niet optimaal te zijn aan
de hand van de tool (seositecheckup)
die we gebruikten.

ADVIES
Wanneer dit voorkomt kan het
gebeuren dat de klanten de
webpagina verlaten, het is dus
noodzakelijk dat men dit voorkomt.

Het is belangrijk om je webserver in

te stellen dat in zo’n geval je naar je
homepagina of een andere zinvolle alternatieve pagina gesprongen wordt, zodat de bezoeker blijft en niet naar
de concurrentie gaat.

RESPONSIVE DESIGN

OBSERVATIE
De optimale webervaring wordt gegarandeerd voor een breed scala aan apparaten. Dat wordt ook nog eens
bevestigd door de tool MobiReady. We kunnen ook concluderen dat de webpagina voldoet aan mobile first.
Men maakt gebruik van responsive design. (Laptop: Android & Gsm: IOS)

ADVIES
Het is goed dat het bedrijf gebruikt maakt van responsive design, dit kan de bezoekerscapaciteit vergroten.
IDENTITEIT

BEDRIJFSLOGO

OBSERVATIE
Het logo is goed zichtbaar en wordt links bovenaan geplaatst op de homepagina maar verder wordt dit niet
vermeld.

BEDRIJFSSLOGAN

OBSERVATIE
Er is nergens op de site een bedrijfsslogan te vinden, wat een gemiste kans is. Het is voor potentiele klanten die
voor de eerste maal de site bezoeken heel onduidelijk in één oogopslag wat het bedrijf te bieden heeft.

ADVIES
Door het tonen van een bedrijfsslogan wordt het niet alleen makkelijker voor de bezoeker om te weten wat je
als bedrijf precies aanbiedt maar ook voor de zoekmachine om te snappen wat je aanbiedt op je website. Wij
raden dus om als slogan geen marketingjargon te gebruiken maar houdt het kort en krachtig.

HOME-PAGINA

OBSERVATIE
De homepagina is zeer onduidelijk, het logo is
zichtbaar en enkele bewegende beelden van
tevreden klanten die iets gewonnen hebben maar
verder kan je niets terugvinden op de homepagina.
Het lijkt op het eerste zicht of je de kans krijgt om
producten te winnen maar die acties dateren
ondertussen al. Het is onoverzichtelijk, niet helder en
chaotisch.

Het is niet onmiddellijk duidelijk in de vouw, we

moeten scrollen om meer info te vinden.

ADVIES
De homepagina is niet te begrijpen in 5 seconden, hierdoor weet de bezoeker niet wat je hen biedt en bestaat
de kans dat de juiste bezoekers weglopen. Ons advies is dus om dit op de homepagina duidelijker te maken aan
de hand van een bedrijfsslogan, foto’s … en dat allemaal in de eerste vouw van de website. Het is misschien
ook een idee om een ‘call to action’ te tonen die uitnodigt om de bezoeker de website verder te laten
ontdekken.

BEDRIJFSINFORMATIE

OBSERVATIE
Er is geen ‘about us’ of ‘over ons’ beschikbaar, klanten moet het zelf zien te ontrafelen aan de hand van foto’s
die worden geplaats. Openingsuren en adres zijn snel te vinden via het menu-element van ‘info’. Klanten
kunnen dus wel gemakkelijk contact opnemen met de eigenares. Het is ook duidelijk welk gezicht er achter het
bedrijf zit. Wij raden aan om ook de betaalmethodes te vermelden en verder eventueel een historie omtrent
het bedrijf weer te geven. Het bedrijf doet wel aan dienstverlening namelijk, donderdagnamiddag werkt ze op
afspraak.

ADVIES
Wij raden aan om een ‘about us’ tab te installeren op de website waardoor de klant het bedrijf gemakkelijk kan
contacteren. Het is als klant ook altijd leuk om en ‘over ons’ tab te lezen, dat kan vertrouwen wekken. Maak
het verhaal zo uitgebreid mogelijk waar ook het ontstaan duidelijk wordt. Het is wel positief dat de eigenares
haar gezicht toont zodat de klanten weten wie er achter het bedrijf zit. Daarnaast is ons advies ook om
betaalorganismen te installeren op de webpagina dit heeft in één oogopslag weer hoe de klant kan betalen.

HTTPS & SSL

OBSERVATIE
Ze maken gebruik van HTTPS wat wilt zeggen dat de gegevens van de website niet door kwaadwillende partijen
gezien worden. Het hangslot is ook aanwezig, dus SSL is ook van toepassing.

NAVIGATIE

TEKSTLABELS

OBSERVATIE
Doordat het lettertype te groot is, krijgt men in de vouw enkel de titel te zien en een klein tekstje waarvan de
info er eigenlijk niet toe doet verder is er geen info te vinden.

ADVIES
Vermeld geen info die er niet toe doet en blijf to the point.

NAVIGATIE-ELEMENTEN
OBSERVATIE
HIBHIB maakt gebruik van minder dan zeven menu-element wat positief is. Het enigste wat ontbreek als menu-
element is ‘over ons’. Ook worden de menu-elementen niet logisch benoemd bijvoorbeeld: het ‘contact’ vind je
niet onmiddellijk terug in een menu-element maar moet je dus echt gaan zoeken.

ADVIES
Wij raden aan om een ‘over ons’ menu-element toe te voegen. Dit kan helpen om het vertrouwen bij de klant
ten opzichte van het bedrijf te stimuleren.

BEDRIJFSLOGO

OBSERVATIE
Het bedrijfslogo zorgt ervoor dat wanneer je erop klikt, je telkens terug naar de homepagina gaat.

ADVIES
Dit is positief voor het gebruiksgemak van de bezoeker.

LINKS

OBSERVATIE
Er wordt creatief omgesprongen met de hyperlinks, die worden in een logo gegoten van Facebook & Instagram.
Wanneer de klant op deze logo’s klikt worden die automatisch naar de desbetreffende social media kanaal
gestuurd.

INHOUD

VOUW

OBSERVATIE
De vouw is helemaal niet goed. We hebben reeds vermeld dat potentiele klanten niet in één oogopslag kunnen
zien wat de onderneming nu juist te bieden heeft.

ADVIES
Het is dus van groot belang dat men bijvoorbeeld werkt met een bedrijfsslogan en eventueel kwaliteitsvolle
foto’s die in één oogopslag weergeven waarvoor de onderneming staat.

URL’S
OBSERVATIE

De URL’s die ze gebruikt zijn professioneel en correct gebruikt. De URL veranderd telkens wanneer een ander
menu-element wordt aangeklikt.

SOCIALE MEDIA INTEGRATIE

OBSERVATIE
Er wordt onderaan de pagina duidelijk verwezen naar sociale media: Facebook & Instagram. De sociale media
kanalen bevatten mooie content dus dat kan wel aantrekkelijk zijn voor potentiele klanten. Volgens ons haalt
ze haar meeste klanten binnen via sociale media kanalen want die zijn optimaler dan haar website.

BEDRIJFSFUNCTIONALITEIT ADVIES

De functionaliteit die wij nog zouden toevoegen en wat het voor de klanten ook gemakkelijker zou maken is
een online chatbox. Concurrenten lijken dit ook te gebruiken. Daarnaast kan het voor de webshop handig zijn
om ook een 3D view van de producten weer te geven. Zo krijgen de klanten nog een beter beeld van de
producten.