de website als moederschip

Klantgerichte communicatie
en online media:
de website als moederschip
Hugo Callens
Management in de sociale economie • UHasselt 2013-2014
OPZET WORKSHOP
•
Website als centraal platform van je online
communicatie
•
Maak een (verbeter)plan voor je website
WEBSITE = MOEDERSCHIP
SOCIALE MEDIA
WEBSITE & SOCIAL MEDIA:
ÉÉN STRATEGIE
•
Communicatie
•
Conversatie
•
Gebruikers- en
activiteitenbeheer (CRM)
•
Community
•
Storytelling
•
E-commerce
Waar mik je op met je website?
SEO
Conversie
Foto: Takkk
Online dienstverlening
Foto: goosegrease
Usability
DE GEBRUIKER STAAT
CENTRAAL
•
Wat is dit voor een site?
•
Wat kan ik hier doen?
•
Wat hebben ze voor mij?
•
Waarom moet ik hier zijn (en niet ergens anders?)
•
Hoe snel krijg ik wat ik wil?
•
Waarom zou ik hier nog terugkeren?
Toptaken
Foto: Jon Schultz
TOPTAKEN: WAT KOMT DE
BEZOEKER OP JOUW SITE DOEN?
•
Content en functionaliteit die het meeste
toegevoegde waarde biedt aan je bezoekers
•
Dienstverleningsmodel dat de gebruiker/klant
centraal stelt
LONG NECK
Gerry McGovern:
•
5 % van je website levert
25 % waarde
•
Vaak gaat het om kritische
taken
•
Richt je op de processen
die de klanten het
belangrijkste vinden.
Foto: MarcusObal
HOE BEPAAL JE TOPTAKEN?
•
Beleidsdocumenten en -plannen
•
Analyseer vergelijkbare websites
•
Veel gestelde vragen aan balie, telefoon, via e-mail
•
Focusgroepen
WAT ZIJN TOPTAKEN VOOR JE
BEZOEKERS?
…
•
openingsuren vinden
•
een document downloaden • …
•
informatie vinden over…
•
een aanvraag doen voor…
• …
•
(vul aan)…
•
•
•
…
…
WAT ZIJN DE 3
BELANGRIJKSTE?
WAT ZIJN DE 3
BELANGRIJKSTE?
Hoeveel % van je homepage
wordt aan deze 3 taken
besteed?
Call to action
CALL TO ACTION
•
Bied de bezoeker een volgende stap aan in het
uitvoeren van zijn taak
•
Geef de bezoeker een reden om actie te
ondernemen
•
Maak van een bezoeker een klant
TOPTAKEN - CALLS TO ACTION:
BESTUDEER DEZE VOORBEELDEN
•
www.amival.be
•
www.diepenboomgaard.be/
•
www.debiehalstc.be/
•
www.wonen-en-werken.be/
•
www.uwkringwinkel.be
EN NU: JE EIGEN WEBSITE
Bepaal 5 verbeterpunten:
•
Welke toptaken had je weerhouden?
•
Welke calls to action horen daarbij?
•
Welke inhoud toevoegen, welke weglaten
(of naar achter schuiven)?
Schrijven
VERTREK VANUIT JE LEZER
Geef hem/haar een naam, een gezicht.
Vraag je af:
• Waarom lezers op jouw website
komen/jouw pagina’s zouden lezen • Waar ze naar zoeken
• Welke woorden ze daarvoor
gebruiken < > je eigen jargon
• Definieer zo de kernwoorden of
‘carewords’ van je website.
HET GAAT NIET OVER JOU
MENSEN LEZEN NIET, MAAR
SCANNEN
Grafiek: t3n
TUSSENTITELS
Jobbegeleiding
Alternatief heeft een brede waaier aan projecten ontwikkeld om werkzoekenden en
werknemers individueel te begeleiden naar een gepaste job: opleidingen,
werkervaring, tewerkstelling, arbeidszorg en coaching. De begeleidingsmethodiek
vertrekt van alle mogelijkheden en behoeften van de deelnemer. Ontdek onze
projecten in het keuzemenu links.
Dienstverlening naar particulieren
Door al zijn projecten te organiseren in samenwerking met lokale overheden in
Midden-Limburg, kan Alternatief vzw ook voorzien in een dienstverlening naar
particulieren. Ontdek ze hier links op de post-it.
OPSOMMINGSTEKENS
DE OMGEKEERDE PYRAMIDE
SCHRIJFOEFENING
Herschijf een pagina uit je website. •
Bedenk een aansprekende titel
•
Schrijf vanuit de toptaken van de gebruiker
•
Gebruik tussentitels en opsommingen
•
Bedenk een goede call to action
Storytelling
STORYTELLING
•
Het verhaal van de gebruiker
•
Social proof
•
Blog & social media
STORYTELLING
Vormgeving & architectuur
NAVIGATIE
NAVIGATIE
•
Specifieke termen
•
Vanuit de toptaken/gebruikersvragen
•
Primaire en secundaire menu’s
ZOEKFUNCTIE
•
Conventie = rechts
bovenaan
•
Standaard voorzien in elk
CMS
•
Kan ook via Google
EN VERDER
•
Tekengrootte: 14 à16 pixels
•
Geen bewegende onderdelen als slideshows of
tekstscrolls
•
Afbeeldingen en video
•
Opvallende, grafische calls to action
•
Koppelingen naar je social media
OEFENING: CARD SORTING
In 4 groepen:
•
Kies een website van een van de
groepsleden
•
Noteer de belangrijkste inhoudelijke
items/pagina’s op kaartjes
•
Groepeer ze in een aantal categorieën
•
Laat kaartjes weg, voeg nieuwe toe
•
Geef elke categorie een naam
•
Groepeer de categorieën in een
primair en een secundair menu
WIREFRAMING
Technologie
CMS
Joomla!
Wordpress
Drupal
Hugo Callens
Aap Noot Mies cv
www.anmnet.be • www.twitter.com/hcallens • be.linkedin.com/in/hugocallens/ •
www.pinterest.com/hcallens • http://www.scoop.it/u/hcallens