DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5...

15
DIGITALE COMMUNICATIE Internetprojectplan Ann Cassimon Informatie-architect Caroline Christiaen Usability-expert Jolien De Leersnijder Vormgever & ontwikkelaar Els Haesen Projectmanager Cedric Leers Tekstschrijver

Transcript of DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5...

Page 1: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

                             

DIGITALE COMMUNICATIE

Internetprojectplan             Ann  Cassimon   Informatie-architect     Caroline  Christiaen   Usability-expert     Jolien  De  Leersnijder   Vormgever & ontwikkelaar     Els  Haesen   Projectmanager     Cedric  Leers   Tekstschrijver

Page 2: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

INHOUDSTABEL

INTRO 2

PLANNING 3

BEELDVORMING 4

DOELGROEP 5

Doelgroep 5

Doel van de vereniging 5

Doel van de website 5

STRUCTUUR 6

Mindmap 6

Home 6

Over 8

Activiteiten 8

Opleidingen 8

Links 9

INHOUD 10

GRAFISCH 11

BIJLAGEN 12

Pagina Home 12

Subpagina Leden onder pagina Over 13

Pagina Opleidingen 14

   

Page 3: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

2

INTRO  Met  trots  presenteren  wij  u  ons  nieuw  concept  voor  de  website  van  VIOT,  Vereniging  voor  Interuniversitair  Overleg  Taalbeheersing.    Als  team  hebben  we  hard  gewerkt  om  de  huidige  VIOT-­‐website  in  een  jonger  en  frisser  jasje  te  steken.  Zowel  de  structuur  als  de  lay-­‐out  zijn  grondig  aangepast  en  dragen  nu  bij  tot  een  gebruiksvriendelijkere  website  die  mee  met  zijn  tijd  is.    In   de   volgende   pagina’s   verduidelijken   we   welke   veranderingen   zijn   doorgevoerd   en  waarom.   Op   basis   van   een   diepgaande   concurrentieanalyse   hebben   we   een   planning  gemaakt  en  een  structuur  opgesteld.  Die  bespreken  we   in  de  eerste  hoofdstukken.  Daarna  gaan  we  dieper  in  op  het  doel,  het  doelpubliek  en  de  inhoud  van  de  VIOT-­‐website,  alsook  op  het  nieuwe  grafische  ontwerp.    Wij   hopen   u   met   dit   internetprojectplan   voldoende   te   overtuigen,   wensen   u   alvast   veel  leesplezier  en  zijn  benieuwd  naar  uw  bevindingen.    

Page 4: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

3

PLANNING  Dankzij   een   goede   portie   samenwerking   en   doorzettingsvermogen   is   de   nieuwe   VIOT-­‐website   in   een   achttal  weken   tot   stand   gekomen.  Gedurende  die   periode   kwamen  we  als  team  wekelijks  samen  om  de  vooruitgang  van  het  project  te  bespreken.  Alvorens  te  starten  met   het   project   kreeg   elk   teamlid   een   functie   met   een   ander   takenpakket   opgelegd.   De  rolverdeling  van  het  team  zag  er  als  volgt  uit:  

• Ann  Cassimon  als  informatie-­‐architect  • Caroline  Christiaen  als  usability-­‐expert  • Jolien  De  Leersnijder   als  vormgever  &  ontwikkelaar  • Els  Haesen  als  projectmanager  • Cedric  Leers  als  tekstschrijver  

 Het  project  kwam  tot  stand  in  zes  fases.  In  de  eerste  fase  stelden  we  een  vragenlijst  op  om  de  wensen  en  het  doel  van  de  nieuwe  website  na  te  gaan.  De  antwoorden  van  enkele  VIOT-­‐leden  gaven  ons  meer  informatie  over  de  doelen  en  wensen  van  een  nieuwe  website.    In   de   tweede   fase   onderzochten   we   enkele   concurrenten   van   VIOT.   We   analyseerden  verschillende   websites   van   gelijkaardige   verenigingen   om   aan   de   slag   te   gaan   met   de  werkpunten  van  de  huidige  VIOT-­‐website.    In  de  derde   fase  bepaalden  we  de   structuur   van  de  nieuwe  website.  Door   telkens  op  een  post-­‐it   een   paginatitel   van   de   huidige   website   te   noteren   en   alle   post-­‐its   vervolgens   te  vespreiden   over   een   tafel,   puzzelden   we   aan   de   ontwikkeling   van   een   nieuwe  navigatiestructuur.  Na  een  hevige  vergadering  bereikten  we  een  compromis  en  namen  we  een  foto  van  het  eindresultaat,  die  we  vervolgens  verwerkten  in  een  mindmap.    In   de   vierde   creëerden   we   de   website   met   de   gratis   software   Wix.   De   vormgever  ontwikkelde   de   lay-­‐out   en   experimenteerde   met   kleurgebruik   en   achtergronden,   de  tekstschrijver  herschreef  en  herstructureerde  de  webteksten  van  de  originele  website  en  de  usability-­‐expert  controleerde  de  gebruiksvriendelijkheid  van  het  nieuwe  navigatie-­‐ontwerp.    In  de  vijfde   fase  stelden  we  een  conceptversie  voor  aan  de  hand  van  een  presentatie.  Die  conceptversie  werd   vervolgens  met   een   proefpersoon   getest   op   gebruikvriendelijkheid   en  gebruiksvriendelijkheid  met   behulp   van   de   eyetrackingtechnologie   en   beoordeeld   door   de  opdrachtgever.      Tot  slot  creërden  we  in  de  zesde  en  laatste  fase  op  basis  van  de  resultaten  uit  het  usability-­‐onderzoek  en  de  feedback  van  de  opdrachtgever  de  finale  versie  van  ons  voorstel.  

Page 5: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

4

BEELDVORMING  Bij  de  aanvang  van  het  project  hebben  we  aan  enkele  VIOT-­‐leden  een  vragenlijst  voorgelegd  om  de  wensen  van  een  nieuwe  website  op  een  efficiënte  manier   in  kaart   te  brengen.  Om  vervolgens   een   beter   beeld   te   krijgen   van   zowel   de   positieve   als   de   werkpunten   van   de  huidige  VIOT-­‐website,  hebben  we  een  vijftal  websites  van  andere  verenigingen  geanalyseerd  en  vergeleken  op  basis  van  verschillende  criteria.    Uit  de  vragenronde  bleek  dat  VIOT  het  belangrijk  vindt  om  haar  identiteit  te  behouden.  Dat  behelste  ook  het  logo,  maar  aanpassingen  waren  bespreekbaar  zolang  het  originele  concept  niet  verloren  ging.  Daarom  hebben  wij  het  basisontwerp  van  het   logo  behouden  en  enkele  aanpassingen  doorgevoerd  qua  grootte,  lettertype  en  kleurgebruik.  Wij  zijn  ervan  overtuigd  dat   het   nieuwe   logo   beter   in   het   oog   springt  waardoor   bezoekers   van   de  website   sneller  scannen  waarvoor  de  afkorting  staat.    Ook  wat  betreft  de  navigatiestructuur  van  de  huidige  VIOT-­‐website  was  er  vraag  naar  een  helderere   opbouw.   Daarom   kozen   we   voor   een   duidelijke,   consistente   en   zo   beknopt  mogelijke  navigatiestructuur  die  in  de  eerste  plaats  de  gebruiksvriendelijkheid  stimuleert  en  in  de   tweede  plaats  de   functionaliteit   verhoogt.  Daarbij   is  het  de  bedoeling  dat  bezoekers  met  zo  weinig  mogelijk  muisklikken  zo  snel  mogelijk  de  gewenste  informatie  terugvinden.    Verder   was   het   opvallend   dat   de   gelijksoortige   websites   uit   de   concurrentieanalyse   veel  gebruik  maakten  van  visuele  aspecten  zoals  afbeeldingen  en  foto’s.  VIOT  wenst  dan  ook  haar  website  naar  de   toekomst   toe  op  dat  vlak  meer  up-­‐to-­‐date   te  maken.  Het  oog  wil   immers  ook   wat.   Om   aan   deze   behoeften   te   voldoen,   hebben   we   visuele   elementen   zoals   een  landkaart  met  alle  opleidingen,  logo’s  van  universiteiten  en  foto’s  van  leden  toegevoegd.  Een  zakelijke   lay-­‐out   betaande   uit   een   witte   achtergrond   en   een   tweetal   groentinten   –   fris  lichtgroen   en   een   groenachtig   oceaanblauw   –   geven   de   nieuwe   website   een   modern   en  zakelijk  karakter.    Tot   slot   toonde  VIOT  ook   interesse  om  haar  website   interactiever   te  maken.  De  verenging  wenste  niet  alleen  de  mogelijkheid  tot  contactopname  in  de  verf  te  zetten,  maar  vond  het  ook  wel  nuttig  om  enkele  sociale  media  te  integreren  om  haar  doelpubliek  beter  te  bereiken.  Daarom   hebben  we   een   duidelijke   Contact-­‐knop   voorzien   en   hyperlinks   toegevoegd   naar  drie   sociale   netwerken  die   nauw  aansluiten   bij   de   zakelijke   sfeer   van   de   vereniging   en   de  professionele  activiteiten  van  de  doelgroep:  LinkedIn,  Facebook  en  Twitter.    In  een  notendop:  Met  dit  voorstel  trachten  we  een  professionele  en  aantrekkelijke  website  te  creëren  die  geïnteresseerden  verleidt  om  verder  door  te  klikken.  

Page 6: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

5

DOELGROEP  

Doelgroep  De  vereniging  VIOT  richt  zich  op  taalbeheersers  van  alle  hogeronderwijsinstellingen  in  zowel  Nederland   en   als   Vlaanderen   die   onderzoek   verrichten   op   het   vlak   van   taalbeheersing.  Voorlopig   telt   VIOT   meer   dan   150   leden   die   verdeeld   zijn   over   de   twee   geografische  gebieden.    

Doel van de vereniging  De  vereniging  VIOT  focust  zich  op  de  belangenbehartiging  van  taalbeheersers.  VIOT  wisselt  informatie   uit   en   organisateert   activiteiten   voor   haar   specifieke   doelgroep.   De   vereniging  verzamelt   daarbij   gegevens   over   taalonderzoek   en   presenteert   die   resultaten   via   een  driejaarlijks  congres,  externe  congressen,  lezingen  en  bundels.    

Doel van de website  Het  doel   van  de  VIOT-­‐website   is   zowel   om   informatie   toegankelijker   te  maken  als   nieuwe  leden   aan   te   trekken.   Potentiële   leden  moeten   de   nodige   informatie   zo   snel   en   efficiënt  mogelijk  terugvinden.    

Page 7: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

6

STRUCTUUR  

Mindmap  

   

Home  Bovenaan  de  website  bevindt  zich  een  opvallende  groene  menubalk  die  doorloopt  over  de  gehele  breedte  van  het   computerscherm.  De  vijf   titels   in  die  menubalk  vatten  beknopt  en  duidelijk  de  belangrijkste  componenten  van  de  VIOT-­‐website  samen.  Aan  de  hand  van  een  uitrolmenu   onder   de   meeste   hoofdtitels   komen   bezoekers   meer   te   weten   over   het  desbetreffende   onderwerp   zonder   effectief   door   te   klikken   naar   een   subpagina.   Die  uitrolmenu's  geven  als  het  ware  de  onderverdeling  weer  binnen  de  verschillende  thema's.    De  menubalk  is  vastgezet  en  komt  dus  op  elke  pagina  terug.  Wanneer  bezoekers  een  pagina  aanklikken,  worden   ze   doorverwezen   naar   de   gekozen   pagina   en   verdandert   de   titelkleur  van  oceaanblauw  naar  wit.  Op  die  manier  weten  bezoekers  telkens  op  welke  pagina  ze  zich  

Page 8: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

7

precies   bevinden.   Bovendien   verschijnt   er   op   elke   pagina   onder   de   titel   een  broodkruimelnavigatie   waarmee   bezoekers   handig   kunnen   terugkoppelen   naar   de   vorige  pagina  zonder  hiervoor  helemaal  terug  door  te  klikken  naar  de  startpagina.    Om  de  functionaliteit,  toegankelijkheid  en  interactiviteit  van  de  website  een  boost  te  geven,  hebben  we  snelknoppen  voorzien  voor  enkele  functies  op  de  homepagina:  

• Rechts  bovenaan  in  de  menubalk  een  zoekfunctie  (Zoeken)  • Rechts  naast  het  VIOT-­‐logo  de  knoppen  Word  lid,  Contact  en  keuze  lettergrootte  • Onderaan  de  homepagina:  Nieuwsbrief  • In  de  balk  die  het  einde  van  een  pagina  aangeeft  knopjes  naar  drie  sociale  media  

 De   homepagina   geeft   onder   de   hoofdmenubalk   onze   versie   van   het   VIOT-­‐logo   weer.   Dat  logo   keert  op  elke  pagina   terug  en   is   een   snelknop  op   zich.  Bezoekers   kunnen   terugkeren  naar  de  hompagina  op  drie  verschillende  manieren:  door  te  klikken  op  het  VIOT-­‐logo,  op  de  menuknop  Home   of   op   het   woord   “Home”   in   de   broodkruimelnavigatie.   Onder   het   logo  vertelt   een   kader  met   als   titel  Over  meteen  wat   de   vereniging   juist   inhoudt.   In   hetzelfde  kader   bevinden   zich   ook   twee   snelknoppen   (Activiteiten   en   Opleidingen)   die   bezoekers  kunnen  raadplegen  om  direct  naar  één  van  die  twee  belangrijke  pagina’s  door  te  klikken.    Via  de  zoekfunctie  kunnen  bezoekers   zoeken  naar   trefwoorden  of   sleutelwoorden  over  de  gehele  website  om  zo  sneller  de  gewenste  informatie  te  vinden.  Via  Contact  kunnen  surfers  via  een  beknop  invulformulier  (naam,  e-­‐mail,  onderwerp,  boodschap)  contact  opnemen  met  de  websitebeheerder.  Onderaan  de  website  verschijnt   telkens  ook  het  algemene   infoadres  ([email protected])  voor  bezoekers  die  liever  via  de  eigen  e-­‐mailsoftware  (bijvoorbeeld  Micrsoft  Outlook)   contact   opnemen.   Via   de   knop   Word   lid   kunnen   bezoekers   het   lidmaatschap  aanvragen.   Er   verschijnt   dan   een   pagina   met   het   profiel   (naam,   foto,   functie,  onderwijsinstelling,  e-­‐mail,  enzovoort)  van  de  persoon  die  waakt  over  de  leden  van  VIOT.    Verder  verschijnt  er  halverwege  de  homepagina  de  titel  Nieuws  met  daaronder  kadertjes  die  de  nieuwste  toevoegingen  aan  de  website  weergeven.  Momenteel  zijn  dat  de  vacature  voor  een  functie  op  het  vlak  van  taalbeheersing  in  een  onderwijsinstelling  en  de  aankondiging  van  het  aanstaande  VIOT-­‐congres.  Beide  kaders  bevatten  hyperlinks  naar  externe  websites  waar  bezoekers  terecht  kunnen  voor  meer  gedetailleerde  informatie.    Om   de   hoofdpagina   zo   leesvriendelijk  mogelijk   te  maken,   hebben  we   grote   blokken   tekst  vermeden.  De  teksten  zijn  verdeeld  onder  subtitels  omdat  websitebezoekers  nooit  volledige  webteksten  lezen  en  zo  sneller  kunnen  scannen  waarnaar  ze  specifiek  op  zoek  zijn.    

Page 9: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

8

Over  De   eerste  menupagina  Over   bevat   drie   onderdelen:  Missie,  Bestuur   en  Geschiedenis.   Die  pagina  bestaat  verder  nog  uit  twee  subpagina’s:  Leden  en  Lid  worden.    Op   de   subpagina   Leden   verschijnen   de   officiële   logo’s   van   alle   geëngageerde  onderwijsinstellingen   volgens   geografisch   gebied   (Nederland   of   Vlaanderen).   Wanneer  bezoekers   op   een   logo   klikken,   geeft   de   website   de   VIOT-­‐leden   uit   de   gekozen  onderwijsinstelling   weer   aan   de   hand   van   een   naam   en   een   foto.   Bezoekers   kunnen  specifieke  contactgegevens  opvragen  van  elk  lid  door  te  klikken  op  de  foto.  Er  opent  dan  een  link  naar  de  pagina  van  die  persoon  op  de  website  van  de  onderwijsinstelling  waaraan  hij/zij  doceert  of  doctoreert.    Via   de   subpagina   Lid   worden   raadplegen   bezoekers   dezelfde   pagina   als   in   de   eerder  beschreven  snelknop  Word  lid  op  de  homepagina.    

Activiteiten  Tot  de  tweede  menupagina  Activiteiten  behoren  drie  belangrijke  subpagina’s:  

• Congressen  • Bundels  • Lezingen  

 Op  de  hoofdpagina  zelf  verschijnt  onder  Subsidies  informatie  om  subsidiëring  aan  te  vragen  voor  taalonderzoek.  Om  alle  beschikbare  informatie  op  de  drie  bovenestaande  subpagina’s  overzichtelijk  weer  te  geven,  hebben  we  gewerkt  met  hyperlinks  die  surfers  doorsturen  naar  online  pdf-­‐bestanden  in  een  apart  tabblad.  Zo  kunnen  bezoekers  bijvoorbeeld  op  de  pagina  Bundels  een  bepaalde  bundel  selecteren  en  downloaden  door  te  klikken  op  een  jaartal.    

Opleidingen  Op   de   derde   menupagina   Opleidingen   komen   bezoekers   uit   op   een   plattegrond   van   de  regio’s  Nederland  en  Vlaanderen.  Op  die  geografische  kaart  staan  alle  steden  aangeduid  uit  het  Nederlandse  taalgebied  waar  zich  onderwijsinstellingen  bevinden  die  aangesloten  zijn  bij  VIOT.  Wanneer  bezoekers  op  een  stad  klikken,  verschijnt  een  onderwijsinstelling  in  die  stad  met  daaronder  telkens  een  opsomming  van  hun  taal-­‐  en  letterkundeopleidingen.  Dat  wordt  mooi  visueel  voorgesteld  aan  de  hand  van  de  officiële  universiteitslogo’s.   Indien  bezoekers  klikken  op  een  logo,  opent  automatisch  de  website  van  de  gekozen  universiteit  in  een  apart  tabblad.  

Page 10: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

9

Links  De   vierde   en   laatste   menupagina   Links   bevat   een   lijst   met   hyperlinks   naar   andere  verenigingen   die   zich   ook   bezighouden   op   een   bepaald   vlak   van   taalbeheersing   en    gepubliceerde  artikels  in  tijdschriften  over  VIOT.    

Page 11: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

10

INHOUD  Inhoudelijk   is  de  website  op  vraag  van  de  opdrachtgever  min  of  meer  hetzelfde  gebleven.  Wel   zijn   er   bepaalde   zaken   grondig   herschreven,   herschikt,   gedeeltelijk   geschrapt   en  omgevormd   tot   download-­‐content.   Omdat   de   homepagina   in   het   vorige   hoofdstuk  uitgebreid  aan  bod  kwam,  beperken  we  ons  hier  tot  de  inhoud  van  de  vier  menupagina’s.    Bezoekers  vinden  op  de  eerste  menupagina  Over   informatie   terug  over  de  vereniging  zelf:  haar  missie,  de  bestuursleden  en  het  ontstaan  ervan.  Dat   laatste  puntje  heeft  momenteel  nog   geen   inhoud   omdat   het   nog   in   ontwikkeling   is.   Via   de   subpagina   Leden   klikken  bezoekers   verder   door   naar   een   overzicht   met   alle   leden   van   de   vereniging.   Ze   worden  overzichtelijk  weergegeven  per  land  en  per  onderwijsinstelling.  Verder  heeft  de  website  een  aparte  subpagina  Lid  worden.  Hier  kunnen  de  bezoekers  het  lidmaatschap  aanvragen.    Op   de   tweede   menupagina   Activiteiten   staan   nu   alle   activiteiten   met   betrekking   tot  Nederlandse  taalbeheersing  netjes  samen  gebundeld:  de  opleidingen,  de  congressen  en  de  bundels   van   congressen.   Ook   is   er   een   rubriek   met   informatie   over   de   aanvraag   van  subsidies  voor  taalonderzoek.  Verder  zijn  er  aparte  titels  voorzien  voor   interne  congressen  (het   driejaarlijkse   VIOT-­‐congres)   en   externe   congressen.   Daar   vinden   bezoekers   een  overzicht   van   afgelopen   en   aangekondigde   congressen   per   jaar   met   hun   onderwerp   en  locatie.   Op   de   subpagina   Bundels   downloaden   geïnteresseerden   bovendien   gratis   pdf-­‐bestanden  van  samenvattingen  en  bijlagen  over  die  conferenties  en  lezingen.    Op   de   derde   menupagina   Opleidingen   vinden   bezoekers   een   overzicht   terug   van   alle  opleidingen   op   het   vlak   van   taalbeheersing   in   zowel   Nederland   als   Vlaanderen.   De  universiteiten   die   hierbij   horen   zijn   gevisualiseerd   aan   de   hand   van   een   landkaart.   Elke  universiteit   onderscheidt   zich   met   haar   eigen   logo   en   geeft   een   opsomming   van   haar  relevante  Bachelors  en  Masters.    Op   de   vierde  menupagina   Links   vinden   bezoekers   gepubliceerde   VIOT-­‐artikelen   terug   die  verschenen   in   de   Nederlandse   en   Vlaamse   pers.   Ook   biedt   de   pagina   een   lijst   aan   met  websites   van   andere   verenigingen   die   ook   gespecialiseerd   zijn   op   het   gebied   van  taalbeheersing.   Op   die   manier   kunnen   zowel   niet-­‐leden   als   leden   afhankelijk   van   hun  onderzoeks-­‐  en  interessegebied  ook  die  verenigingswebsites  raadplegen.    Tot  slot  vinden  bezoekers  onderaan  elke  pagina  knopjes  terug  naar  drie  sociale  netwerken  (LinkedIn,  Facebook  en  Twitter).    

Page 12: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

11

GRAFISCH  Hoewel  de  functionaliteit  van  een  website  een  belangrijk  aspect  is,  wil  het  oog  ook  wat.    Het   grafische   ontwerp   voor   de   nieuwe   VIOT-­‐website   is   minimalistisch   en   zakelijk.   Het  basisontwerp   van   het   originele   logo   (bestaande   uit   de   vier   hoofdletters   en   de   vier  horizontale  blokjes)  hebben  we  veranderd  van  kleur,   grootte  en   lettertype.  Hierbij   zijn  we  vertrokken   vanuit   de   uniforme   kleur   van   het   originele   logo:   oceaanblauw.   De   drie  hoofdkleuren   in   het   nieuwe   logo   zijn   lichtgroen,   oceaanblauw   en   wit.   Dat   kleurgebruik  hebben   we   doorgetrokken   over   de   volledige   website.   Een   witte   achtergrond   creërt   een  professionele  uitstraling  en  zorgt  voor  een  aangename  leeservaring.    Alle   pagina’s   hebben   dezelfde   opmaak.   De   vaste   menubalken   boven-­‐   en   onderaan   keren  samen  met  het  VIOT-­‐logo  terug  op  elke  pagina.  De  bovenste  menubalk  kreeg  de  frisgroene  kleur  zodat  bezoekers  die  met  een  oogopslag  scannen.  De  onderste  menubalk  daarentegen  bevat   minder   essentiële   informatie   en   vertoont   daarom   de   oceaanblauwe   kleur.   Om   de  website   zo   aantrekkelijk   mogelijk   te   maken,   hebben   we   op   relevante   plaatsen   gebruik  gemaakt   van   meer   visualisering   en   witruimte.   Visuals   maken   de   website   minder  bombastisch,  trekken  de  aandacht  en  zorgen  ervoor  dat  bezoekers  langer  rondsurfen  op  de  website.    

Page 13: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

12

BIJLAGEN  

Pagina Home  

   

         

Page 14: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

13

Subpagina Leden onder pagina Over  

   

   

Page 15: DIGITALE COMMUNICATIE · Tekstschrijver. INHOUDSTABEL INTRO 2 PLANNING 3 BEELDVORMING 4 DOELGROEP 5 Doelgroep 5 Doel van de vereniging 5 Doel van de website 5 STRUCTUUR 6 Mindmap

14

Pagina Opleidingen