Huisstijlontwikkeling & Website redesign

Huisstijlontwikkeling & Website redesign Workshopverslag – revisie 2 DAVID KNOWLES 16 MEI 2012

ITTA workshopverslag Inleiding Het ITTA draagt met gezag, kennis van zaken én maatschappelijke betrokkenheid al meer dan 24 jaar bij aan kwaliteitsontwikkeling van het (taal)onderwijs en taalbeleid in Nederland. Met jaren ‘hands-on’ ervaring in het lesgeven—zowel op de werkvloer als voor de klas—is ITTA uitgegroeid tot een ware autoriteit op taalontwikkelingsgebied waarbij een praktijkgerichte aanpak centraal staat. Het is de bedoeling dat de expertise en professionalisme op hun vakgebied ook weerspiegeld gaat worden in de nieuwe huisstijl- en website. Tremani heeft een workshop gehouden met als doel de wensen van ITTA nog duidelijker in beeld te brengen en eventuele vraagstukken direct aan de kaak te stellen. Tijdens de workshop is gebleken dat het wenselijk is om bepaalde aspecten en uitgangspunten van de opdracht aan Tremani subtiel aan te scherpen. De beschrijving in dit verslag is een vrij letterlijke weergave van de workshop. Uitspraken kunnen elkaar daardoor tegenspreken.

Uitgangspunten •

Het ITTA is een kenniscentrum voor taalverwerving en taalontwikkeling op alle niveaus. Het ITTA ondersteunt personen en instellingen die zich ten doel stellen de basisvaardigheid taal verder te ontwikkelen om met meer succes te kunnen participeren in de samenleving, in het bijzonder in het onderwijs of op de arbeidsmarkt. Om deze visie te verwezelijken en de doelgroep overtuigend te bereiken is geconstateerd dat een heldere corporate huisstijl gedefinieerd en ontwikkeld moet worden die geschikt is voor zowel offline als online communicatie. Huisstijl Het oorspronkelijke uitgangspunt was om het huidige logo in zijn totaliteit te behouden. Tijdens de workshop is gebleken dat het wenselijk is om ook het logo onder de loep te nemen. Belangrijk om te benadrukken is dat het hier gaat om een restyling van het logo en geen redesign. Het doel is om het woord- en beeldmerk verder te verfijnen en te actualiseren. De huidige uitstraling van het logo en het gevoel wat men erbij heeft moet en zal behouden worden. Na de

Tremani – ITTA-workshopverslag

2

restyling van het logo zal Tremani de nieuwe stijl toepasbaar maken voor diverse huisstijldragers & PR-uitingen zoals; -

A4- Briefpapier & vervolgpapier

-

Enveloppen (afmeting nog te bepalen)

-

Visitekaartjes voor circa 15 medewerkers

-

Apostille (‘with compliments card’)

-

A4 brochure (een sjabloon die als basis kan dienen voor toekomstige brochures. Wordt niet omvangrijker dan 8 bladzijden).

-

A5 flyer, (een sjabloon die als basis kan dienen voor toekomstige flyers.

-

Beknopt huisstijlboek (een huisstijlhandleiding voor verdere ontwikkelingen.)

Doelstellingen algemeen

• • Verbeteren van taalvaardigheden in de maatschappij met in het bijzonder;  in het onderwijs  op de werkvloer • Fungeren en gezien worden als kennisinstituut (dichtbij de praktijk) • Klantgerichte ondersteuning bieden bij het leren van de Nederlandse taal in de praktijk • Advisering van beleidsmakers in het taalonderwijs • Het trainen van taalonderwijstrainers • Coachen van zzp’ers werkzaam in de commerciële sector

Doelstellingen website • • • • • • • • • • • •

Klanten aantrekken en binden (intrigeren) Eerste visitekaartje Profileren als kenniscentrum (zelfs als kennisinstituut) Informatie overdragen (op de website hoeft niet alle informatie te staan) Meer informatie over projecten van ITTA Prikkelen om contact op te nemen Inschrijfmogelijkheden voor cursussen en trainingen Referenties van tevreden klanten tonen Het weergeven van de eigen identiteit Imagobuilding (Laten zien dat ITTA een leuke club is) Werven van meer onderzoeksopdrachten Relevant nieuws onder de aandacht brengen

Praktisch ideeën om deze doelen te bereiken: • ‘White papers’ schrijven (PDF downloads)


3

(Als opmerking op het schrijven van ‘white paper’ deelt ITTA het volgende: “Het ITTA ziet daar eerder de nieuwsbrieven komen, en een optie voor bloggen naast Twitter”.) In dit geval zal het beter zijn om 'Nieuws' te vernoemen naar 'Actueel'. Dan kunnen whitepapers een categorie zijn van het actuele menu-item waar ze prima te integreren zijn in een nieuwsbrief. • Gezamelijk twitter account • Handige tools beschikbaar stellen  Scan  Taalniveau evaluatiegereedschappen  Profielen van ITTA medewerkers creëren  Ervaring  Motivatie  Specialisme

Doelgroepen De meerderheid van de ITTA opdrachtgevers zijn hoogopgeleiden. Tijdens de workshop is echter gebleken dat het merendeel van alle projecten van ITTA gericht is op het ontwikkelen en ondersteunen van personen met een gemiddeld of laag taalniveau. Verder is gebleken dat de doelgroep van ITTA heel breed is maar toch gekanaliseerd en gesegmenteerd kan worden in drie hoofdcategorieën: 1.

Overheid: beleidsmakers op het gebied van taalontwikkeling

2. Onderwijs: docenten, taalcoördinatoren 3. Commerciële organisaties: medewerkers personeelszaken

Webessentie • • • • •

Professionaliseren van imago naar buiten toe Overzichtelijk maken van trainingen cursus aanbod Digitale aanmeldingen mogelijk maken Laten zien dat ITTA een unieke en creatieve benadering heeft Profileren als kennisinstituut

Uitstraling Het uitgangspunt is het huidige logo en twee huisstijlkleuren. Tremani gaat zich verdiepen in nieuwe passende beeldvormen en kleuren en aan de hand daarvan een voorstel maken voor een logorestyling.


4

Door een verschuiving van het werkterrein is de naamgeving van ITTA veranderd. De laatste A van ITTA slaat niet langer op anderstaligen maar op Amsterdam. De vraag is of deze keuze de juiste keuze is. ITTA opereert niet alleen in Amsterdam maar dat wordt momenteel wel gesuggereerd. Wellicht is het een goed moment om daar een gedegen keuze in te maken voordat Tremani start met het restylen van het logo. Enkele sleutelwoorden betreffende de gewenste uitstraling: - Strak - Uniek - Professioneel (maar niet té formeel) - Creatief - Instituut - Taal - Overzichtelijk

Look and feel - Voorbeelden www.ru.nl/radboudintol dubbele knoppen dubbele informatie introtekst + rustig + leuke kleurrijke foto’s foto-onderwerp te Amerikaans www.itta.uva.nl saai niks willen behouden alles mag anders www.steunpunttaalenrekenenvo.nl + duidelijk hoofdnavigatie kopjes + overzichtelijk + mooie logo (voor hun) feeds donkerblauw gevoel van ‘volwassen-onderwijs’ plaatje erg groot

www.taalvakwerk.nl grijs hoofdnavigatie is overzichtelijk maar saai + iedereen vindt het mooi + foto zet precies de juiste toon


5

+ + +

mensen bezig binnen de communicatietak pay-off (motto) is kort en krachtig en op juiste plek foto met tekst erdoorheen

www. cedgroep.nl lelijk (te veel blokken) heel veel producten, heel veel gebieden + boven supplementaire navigatie + 5 werkgebieden + vervolgpagina’s + foto’s van doelgroepen (Vraag vanuit ITTA: “Wat houdt ‘supplementaire navigatie’in”?) Supplementaire navigatie zijn links die niet in de hoofdmenu of submenu horen maar wel belangrijk genoeg zijn om "site-wide" aanwezig te moeten zijn. bv. 'Home', 'Jobs', 'sitemap', 'feeds' etc. etc. www.bureau-ice.nl te blokkerig + groenkleur e.a. tinten (sommigen vonden het heel leuk, anderen juist niet) beetje onrustig voor hun + goed leesbaar beetje saai www.kenwerk-werkwijzer.nl/ontour + inschrijfformulier + gastenboek + evaluatieformulier www.juwelenwerkav.nl + meerdere zintuigen worden aangesproken, door geluid en beeld www.dgv.nl + fullscreen afbeeldingen foto’s van mensen + artistiek + creatief + menu blok + vervolgpagina’s + wisselend + trefwoorden www.expertisecentrumnederlands.nl contactknop + slogan + Googlemap + best mooi, best ok + Quotes met leuke reacties


6

www.onderwijsinspectie.nl ok www.leraar24.nl vakken (hoofdcategorieën) teveel verschillende navigatiestijlen + mechanisme om door te klikken + je blijft doorklikken (mede door content)

Conclusie en advies ITTA is hét expertisecentrum voor Nederlands als Tweede taal, en wil dit ook uitstralen. Sterker nog, ITTA wil echt als instituut gezien worden. Om dit te bereiken is het van cruciaal belang dat de huisstijl autoriteit en professionaliteit uitstraalt. Behalve dat ITTA-leden wetenschappelijk zijn onderlegd hebben ze ook praktijk ervaring in het onderwijs. Eén voet op de trap, één voet in de klei. Dit wordt gezien en ervaren als een belangrijk aspect van de ITTA-identiteit en zal daarom zijn weerklank moeten vinden in de huisstijl. Tijdens de workshop is gebleken dat ITTA een sterk verlangen heeft zich te onderscheiden van de concurrentie door als creatieve inspiratiebron te gaan opereren. Dit verlangen komt voort uit het feit dat ITTA-leden een afkeer hebben van voorspelbaarheid in inhoud en presentatie. (ITTA zegt het volgende over deze stelling: “er wordt gesproken over het feit dat het ITTA zich wil onderscheiden van de concurrentie als creatieve inspiratiebron. Commentaar: ITTA wil dat de website inhoudelijk inspireert, en het creatieve zit hem in de persoonlijkheid van het instituut en de mensen. Itta is een apart groepje die niet met de stroom mee wil gaan”). Dit is belangrijke feedback voor Tremani. Deze toelichting helpt ons nog nauwkeuriger de juiste toon te zetten op de juiste plek in de website. In dit geval bij 'Over ITTa'. Tremani heeft veel ervaring met het geven van workshops. Bij het begin van de workshop is de vraag gesteld; “omschrijf wat ITTA doet en wat vertel je op een feest over ITTA”. Het was opmerkelijk hoe alle deelnemers reageerden. Het lukte niemand om in één zin ITTA te omschrijven. Wat ook opviel was dat elke


7

deelnemer van de workshop hoofdzakelijk bezig is met het eigen werkterrein en niet met ITTA als overkoepelende organisatie. Het is duidelijk dat ITTA een korte, pakkende pay-off nodig heeft die de essentie van ITTA communiceert. Een pay-off die de lading dekt voor elke werknemer van ITTA. De wensen van ITTA zijn ons uitgangspunt voor dit project. De wensen van de doelgroepen bepalen echter het eindresultaat. De belangrijkste vraag die gesteld moet worden is welke stijl en structuur de doelgroepen van ITTA het meeste aanspreekt. Het antwoord op deze vraag is bepalend voor het gewenste eindresultaat. Er zit een zeker spanningsveld tussen de wens om gezien te worden als serieus instituut op taalontwikkelingsgebied en een leuke club bekend om hun inspirationele bevlogenheid. Tremani is van mening dat dit sterke contrast zeker te overbruggen is. Het overbrengen van rationele kennis hoeft niet in strijd te zijn met de wens om ook de doelgroepen op een emotioneel niveau aan te spreken. Passend beeldmateriaal, en gedegen typografie zijn hierbij de sleutel. Huisstijl Om de balans te vinden tussen de bovengenoemde twee verlangens zal de nieuwe stijl moeten bestaan uit sterke en strakke typografie afgewisseld met accuraat beeldmateriaal. Met name het gebruik van passend beeldmateriaal zal doorslaggevend zijn voor het succes van dit project. Hier zal dus veel aandacht aan besteed moeten worden. Omdat beeldmateriaal snel kan overheersen kiezen we ervoor strakke en minimale lettertypes te gebruiken in combinatie met een rustige lay-out zodat de huisstijl overzichtelijkheid uitstraalt zonder dat het geheel té formeel oogt. Tevens gaan we een unieke grafische vorm en/of element ontwerpen die terugkomt in alle huisstijluitingen. (ITTA heeft de volgende opmerking over de iitstraling: “hier wordt gesproken over een strakke uitstraling, hoe zien jullie dit? Het ITTa wil een rustige uitstraling met weining poespas. En bij de opsomming missen we het ‘persoonlijke aspect’. De persoonlijke benadering is zo een belangrijk punt binnen ITTA”). We gaan nu aan de ontwerpfase beginnen en ideeën moeten nog uitgewerkt worden. De nuttige feedback en vragen die je hebt gesteld vormen juist een onderdeel van het ontwerpproces en zullen meegenomen worden in het eerste voorstel. Website Tremani zal er tijdens het ontwerpen van de ITTA website rekening mee houden dat er ook andere ‘afgeleide’ websites ontwikkeld zullen moeten worden. Om het verband tussen ITTA en de komende afgeleide websites te creëren zullen we de unieke grafische vorm en/of elementen uit de huisstijl gebruiken. Ook wat de structuur en inhoud van de website betreft zal de opzet van ITTA het uitgangspunt zijn.


8

De website fungeert mede als visitekaartje. Het moet aanspreken en klanten over de streep halen om verder te kijken, te zoeken en/of contact op te nemen. De website moet een bron van inspiratie zijn. De gebruiker moet niet overspoeld worden met teveel informatie en toch moet er voldoende relevante informatie beschikbaar zijn om te inspireren. Uit het persona gedeelte van de workshop is gebleken de meerderheid van uw doelgroep op zoek is naar informatie en ideeën. Deze wens van de doelgroep kan waargemaakt worden door aanverwante data op een slimme manier aan elkaar te koppelen. Bijvoorbeeld; als iemand op zoek gaat naar een cursus op VMBOniveau, dan kunnen wij ervoor zorgen dat deze persoon ook links of korte stukjes informatie te zien krijgt van gerelateerde producten, aanverwante artikelen, nieuws, en/of projecten. Op deze manier wordt de website ook een sprankelende inspiratiebron waar uw doelgroep naar op zoek is. De gebruiker zal hierdoor langer op de website blijven en vaker terug komen. De methode om dit te bereiken is om alle content te ‘taggen’ (tags/trefwoorden kunnen door medewerkers van ITTA snel en gemakkelijk worden toegevoegd aan elk artikel, product of project door één of meer tags in te typen in een tekst veld. Er zal een keuze gemaakt moeten worden of de tags opgesplitst moeten worden in twee categoriën. Categorie1: zou de doelgroep kunnen zijn, bijv. (MBO, VMBO, anderstaligen, PZ etc.) Categorie2: zou het thema kunnen zijn bijv. (Integratie, toetsen, bedrijfsteksten, werkvloertaal etc.). Deze reeks tags kunnen we hergebruiken als paginaspecifieke trefwoorden voor zoekmachine-metadata. (Over tagging heeft ITTA de volgende vraag: “Is het mogelijk om beide categorieën te gebruiken, en niet een keuze maken?”). Ja ,dat is absoluut mogelijk. Het is belangrijk om te onthouden dat hoe meer inspanning wordt verricht bij het accuraat 'taggen', des te relevanter en beter vindbaar de website wordt.


9

Samenvatting advies -

logo restylen

-

ITTA naamgeving. Volledige naamgeving herzien. ITTA zou een keus moeten maken om het acroniem aan te passen of de volledige naamgeving niet meer te gebruiken

-

ITTA zal een overkoepelende organisatieslogan voor zichzelf moeten bedenken

-

Tag-systeem gebruiken voor alle content. Er moet een keus worden gemaakt tussen één algemeen tag-systeem, of een tag-systeem gebaseerd op twee categorieën (doelgroep en thema).

-

Beeldvullende fotografie sowieso voor de homepage van de website gebruiken.

Extra actiepunten voor ITTA -

Beeldmateriaal verzamelen uit eigen archief en eerste selectie maken. z.s.m beelden doorgeven aan Tremani

Aanvullende vragen/opmerkingen -

“Voorstel structuur is goed maar wordt er nu uitgegaan van alleen een zijnavigatie of ook bovennavigatie”. Dit is een vraag die beantwoord zal worden tijdens het ontwerpgedeelte van het traject.

-

“Bij de Homepage willen we een optie ‘Tools’, een lokkertje. Dat iemand een bv een quizje kan maken”. 'Tools' zijn al een submenu item van het 'Aanbod'. Tijdens het ontwerpfase zullen we kijken of er ruimte is om een ‘call-to-action’ knop ook te plaatsen.

-

“Bij aanbod – trainingen, hoeft niet de mogelijkheid te zijn om reacties te kunnen plaatsen van deelnemers”

-

“Bij Contact is het antwoordformulier is niet nodig”. Is er een reden waarom je geen antwoordformulier wil hebben?

Als een gebruiker niet precies weet welke persoon ze moeten hebben, is een algemeen contactformulier best handig.


10

voorstel structuur website 1.

Homepage - (Beeldmateriaal ‘fullscreen’) - Slogan (prominent) - Welkomsttekst - Hoofdnavigatie - Laatste nieuws - Komende training - Twitter- en LinkedInlinks. (geen tweets) op pagina zelf want anders (wordt het té trendy en druk, en dit leidt alleen af. - Zoekbox

2. Over ITTA - ITTA-profiel - Medewerkersprofielen - Visie - Missie 3. Actueel – (sorteerbaar door categoriefilter: doelgroep, thema) 4. Aanbod – (sorteerbaar door categoriefilter: doelgroep, thema) - Trainingen (bij elke training kan men direct online inschrijven) - Artikelen en publicaties (men kan whitepapers downloaden) - Samenwerken - Onderzoek - Tools - Maatwerk (referenties van tevreden klanten) 5. Projecten – (sorteerbaar door categoriefilter: doelgroep, thema) - mogelijkheden om fotogallerijen aan project te koppelen - referenties van tevreden klanten? 6. Contact – Een pagina met contactgegevens, een routebeschrijving, en/of een antwoordformulier, etc.


11

Huisstijlontwikkeling & Website redesign

Recommend Documents