Kaai 16 digitaal magazine - nummer 6

13
juni 2013 // jaargang 3 // nummer 6

description

Kaai 16 is het digitale magazine van Keizer & Co webontwerp en dtp.

Transcript of Kaai 16 digitaal magazine - nummer 6

Page 1: Kaai 16 digitaal magazine - nummer 6

juni 2013 // jaargang 3 // nummer 6

Page 2: Kaai 16 digitaal magazine - nummer 6

Kaai 16 3

Het is alweer ruim een half jaar geleden dat de vorige Kaai 16 is verschenen. En in die tijd hebben we niet stilgezeten.

Dit dubbeldikke zomernummer staat boordevol leesvoer. Niet alleen vol vers werk maar ook informatieve artikelen die eerder op het blog zijn verschenen. Wist je trouwens dat je tegen-woordig via Facebook gratis kunt bellen? Je leest er in deze Kaai 16 alles over.

Het uiterlijk van Kaai 16 is volledig op de schop genomen. Een nieuw logo en een nieuwe opmaak van de pagina’s maken het magazine eigentijdser en nog beter leesbaar.

Jouw mening wordt op prijs gesteld. Laat we-ten wat je van de vernieuwde Kaai 16 vindt. Stuur een berichtje naar [email protected]. Dat is ook de mailbox waar je al je tips voor artikelen die niet mogen ontbreken in Kaai 16 kunt posten.

De veranderingen op het gebied van webontwerp en -ontwikkeling gaan razendsnel. Responsive design, nieuwe webrichtlijnen, het zijn ontwikkelingen die om aandacht vragen. De maand augustus staat in het teken van een zomerkamp. Tijdens dit zomerkamp ga ik me onderdompelen in al het nieuwe en prachtige dat het vakgebied te bieden heeft.

Veel leesplezier en geniet van de zomer!

Patrick KeizerVormgever en eigenaar van Keizer & Co webontwerp en dtp

Volg Keizer & cowww.keizerenco.nlwww.keizerenco.nl/blog/blog.phpwww.facebook.com/keizerencotwitter.com/keizerenco

3 Voorwoord 4 Vers werK12 Van het blog16 social media tips20 fotografie

Kaai 16 boordeVol leesVoer.

Page 3: Kaai 16 digitaal magazine - nummer 6

Kaai 16 4 Kaai 16 5

Zeeland is de vakantieprovincie bij uit-stek. De meeste zonuren, de mooiste stranden, uitgestrekte polder-landschappen, bossen om in te ver-dwalen en historische (vesting)steden.

Zeeland heeft werkelijk alles om je dagelijkse beslommeringen ver achter je te laten.

Er is in Zeeland een groot aanbod van vakantiewoningen en bed & breakfast- accommodaties. Vele daarvan hebben een website. Het is daarom belangrijk om in dit woud van sites de website van jouw vakantiehuis of B&B er uit te laten springen.

Keizer & Co ontwerpt en realiseert krachtige, aantrekkelijke websites die direct het vakantiegevoel oproepen. Sites die uitnodigen om direct te boeken. En dat is toch wat je wilt?

Een website die uitnodigt om direct te boeken.

Dat is toch wat je wilt?

Vakantiehuis del clingheDe website van dit vakantiehuis is gericht op zakelijke klanten die langer in de woning willen verblijven. Maar het vakantiegevoel dat de site ook uit moet stralen is niet uit het oog verloren.

Door het kleurgebruik - warm rood en don-ker grijs - heeft de site een vriendelijke uit-straling. De site omarmt je als het ware.

Op de homepage een slogan die de warmte van de woning benadrukt en gericht is op de doelgroep voor een langer verblijf. Uiteraard komen hier de kwaliteiten van het huis ook al aan de orde. Iedere vervolgpagina heeft een eigen sfeervolle topfoto en een opsom-ming van de sterke punten van de woning. De site is open en uitnodigend.

Vakantiewoning paal 13Vakantiewoning Paal 13 is een voormalige visserswoning en staat in het Zeeuws-Vlaam-se Paal, vlakbij het getijdenhaventje.

De site is stoer, uitnodigend en staat in het teken van alles dat er in Paal op en rond het water te beleven valt.

Door de sfeerfoto’s van Paal op de achter-grond heeft de website een vrolijke, toeristi-sche uitstraling die gastvrijheid uitstraalt.

Het logo en de gebruikte kleuren zijn geba-seerd op de maritieme wereld: het logo is afgeleid van een meerpaal met de kleuren zwart en wit, het rood is afgeleid van een boei.

4 www.VaKantiehuisclinge.nl 4 www.paal-13.nl

Vers werK sites die het VaKantiegeVoel oproepen.

Page 4: Kaai 16 digitaal magazine - nummer 6

Kaai 16 6 Kaai 16 7

Deze site straalt in alles plezier uit. Ple-zier van de kinderen die er worden op-gevangen en het plezier van de leidsters.

De achtergrondillustratie is door ons ont-worpen op basis van het bestaande driekleu-rige logo. De kleuren van de achtergrond en logo komen terug in de menuknoppen.

De combinatie van lettertypes, achter-grond, topfoto’s en aantrekkelijke ge-schreven teksten geeft een juiste mix van plezier en professionaliteit. En dat is precies dat wat ‘t Poppeke wil uitstralen.

Met als vertrekpunt een bestaand beeld-merk hebben we deze site een open, vro-lijke en uitnodigende uitstraling gegeven.

Alle illustraties zijn van onze hand en in het content management systeem heb-ben we verschillende op maat gemaak-te modules geïntegreerd. De site biedt een schat aan informatie maar de dui-delijke navigatiestructuur zorgt ervoor dat de bezoeker altijd weet waar hij is.

Vrolijk, open, vriendelijk, professio-neel. Precies die kenmerken van de Kindervilla zie je terug in de website.

graauw promotionsGraauw promotions wil Graauw toeristisch op de kaart zetten en tegelijkertijd een bron van informatie zijn. Daarom is in de website ook de site van de Dorpsraad geïntegreerd.

De kleuren uit het logo vormen de basis voor deze leuke, opvallende site. Er is een evementenkalender en ruim aandacht voor de initiatieven die Graauw promo-tions ontplooid.

De site van de Dorpsraad past naadloos in de vorm-geving. Het wapen van Graauw is door ons opnieuw ontworpen. De kleuren uit de vlag zijn de dominante in de site.

Met deze sites gaat men opgewekt de krimp te lijf!

upgrade zeeuws-VlaanderenVoor Upgrade hebben we op basis van een bestaand beeldmerk een mini-website gerealiseerd.

Upgrade gaat op een no-nonsense manier de problemen op de Zeeuws-Vlaamse woningmarkt te lijf en de site past in deze aanpak.

Door te kiezen voor een ruimtelijke indeling wordt de informatie op een overzichtelijke en aantrekkelijke wijze gepresenteerd.

De foto op de achtergrond komt uit de beeldbank van Keizer & Co. Het gekozen lettertype geeft de site een krachtige uitstraling.

4 www.KinderopVangpoppeKe.nl 4 www.KinderVilla-reyntje.nl 4 www.graauwpromotions.nl 4 www.upgrade-zV.nl

Oost-Zeeuws-Vlaanderen is een kinderrijk en kindvriendelijk landje. Er zijn speel-plaatsen, bossen, polders en strandjes waar kinderen kunnen ravotten en plezier maken. Er is een divers aanbod van onderwijs en professionele kinderopvang die kinde-ren van uiteenlopende leeftijden opvangt. Een geweldige omgeving om in op te groeien!

Dat plezier van het hier mogen opgroeien en de professionaliteit van de opvang komen tot uiting in de websites die we, in co-productie met Arrangé Organi-satie & Communicatie, voor twee aanbieders van kinderopvang hebben ontwikkeld. Wij deden de vormgeving en realisatie. Arrangé verzorgde onder andere de teksten.

Kindervilla reyntjeKinderopvang ‘t poppeke

Zeeuws-Vlaanderen heeft de komende periode, geschat wordt tot 2025, te maken met een afname van de bevolking. Ook wel krimp genoemd. Je kunt daar somber over doen, maar dat is weinig zinvol.

Gelukkig zijn er initiatieven die positief de krimp te lijf gaan. Graauw promotions en Up-grade Zeeuws-Vlaanderen zijn er voorbeelden van. Voor beide clubs mochten wij de web-sites vormgeven. Voor Graauw promotions hebben we ook het logo bedacht.

Vers werK sites Vol plezier. Vers werK de Krimp te lijf.

Page 5: Kaai 16 digitaal magazine - nummer 6

Kaai 16 8 Kaai 16 9

gait Klein KromhofGait is een blues- en rootsmuzikant in hart en nieren De mini-malistische vormgeving zorgt voor een perfecte balans tussen tekst, muziek en video.

Het beeldmerk is samengesteld uit een foto die is omgezet naar een vectortekening en een “oude” typemachineletter. Zo wordt een rock ‘n’ roll-uitstraling bereikt en aansluiting bij roots- en bluesmuziek gevonden.

Kristin van nuffelKristin maakt keramiek met vaak het dierlijke als onder-werp.

Daarom is er gekozen om de website en het beeldmerk een natuurlijke uitstraling te geven. Ronde vormen in combinatie met okergeel, warm rood en natuurlijk groen.

Onderstaande logo’s zijn volgens het bovenstaande principe vormgegeven.

Het beeldmerk voor de website van de vakantiewoning Paal 13 heeft een maritieme uitstraling. De gebruikte kleuren zijn afgeleid van een meerpaal met de kleuren zwart en wit, het rood is afgeleid van een boei. Het logo is open en krachtig.

Graauw promotions heeft zich tot doel gesteld om Graauw en omgeving toeristisch op de kaart te zetten en te houden. Het groen in het logo staat voor de polder. De vier cirkels staan voor de kernen. De groene cirkel is Graauw, de blauwe symboliseert Paal (water), grijs is Scheldevaarts-hoek (turf) en geel (zand) staat voor Zandberg.

Een origineel, doeltreffend, herkenbaar, tijdloos en multi-toepasbaar logo is de

basis van een sterke huisstijl.

4 www.KristinVannuffel.nl

4 www.gaitKleinKromhof.nl

Vers werK

de Kunst Van het weglaten

Page 6: Kaai 16 digitaal magazine - nummer 6

hemelvaartsdag

Kaai 16 10 Kaai 16 11

Vers werK posters, toegangs-Kaarten en shirts die rocKen.

Page 7: Kaai 16 digitaal magazine - nummer 6

Kaai 16 12 Kaai 16 13

Iedere webpagina moet een goede titel hebben. Maar waarom is dat zo belangrijk?

Een goede titel is belangrijk omdat het de bezoeker van je webpagina een houvast geeft. De bezoeker weet waar hij zich op de site bevindt. Daarom is het van belang dat iedere pagina een unieke titel heeft. Een goede titel geeft een indruk van wat de bezoeker op de pagina kan ver-wachten. De titel staat bovenaan de webpagina en wordt weergegeven in de tabbladen van je webbrowser. Als je een webpagina/website wilt opslaan bij je favorieten, is de titel van de pagina de standaardtekst. Ook wordt de titel als eerste voorgelezen door een screenreader (een hulp-middel voor visueel gehandicapten). De titel wordt weergegeven in de zoekresultaten van een zoekmachine. En de titel wordt weergegeven bij het delen van de pagina in sociale media zoals Facebook. Maar verlies ook zeker niet het belang van de omschrijving van de pagina uit het oog.

Vreemde associatiesEen paginatitel waar niet goed over wordt nagedacht kan tot vreemde associaties leiden. Tragel Zorg is op zoek naar een directiesecretaresse op HBO-niveau. Deze vacaturepagina wordt opge-pikt en gedeeld op Facebook.

De paginatitel - Vacatures - voor mensen met een verstandelijke beperking in Zeeland - is de link naar de vacaturepagina. Als je de logica van de paginatitel volgt is Tragel Zorg op zoek naar een directiesecretaresse met een verstandelijke beperking die woonachtig is in Zeeland. Dat kan niet de bedoeling zijn.

Zoek je op Google met de zoekopdracht “vacatures tragel zorg” krijg je dit te zien:

De titel van de pagina is de link naar de website, daaronder staat een korte beschrijving van de pagina. Hier gaat niet alleen de titel de mist in, maar ook de beschrijving. Die beschrijving leidt tot het misverstand dat men op zoek is naar iemand om de werknemers van Tragel te begeleiden.

De beschrijving bij het tweede zoekresultaat is wel goed. Die beschrijft exact wat Tragel doet en waar men naar op zoek is.

goede titel en omschrijVingHet is van belang om na te denken over titels van webpagina’s en de omschrijvingen van de in-houd van de pagina. Een goede paginatitel is kort, maximaal 70 tekens. De korte omschrijving van de inhoud van de pagina is in zoekresultaten de eerste kennismaking met je webpagina. Hou er rekening mee dat omschrijvingen die meer dan 141 tekens bevatten in de zoekresultaten worden afgekort.

Wil je dat mensen je site bezoeken? Wil je geen misverstanden over het doel en inhoud van je site c.q. pagina? Neem dan de tijd om een goede combinatie van paginatitel en omschrijving te be-denken. Je hebt in dit artikel gezien hoe belangrijk dat is.

Neem de tijd om een goede combinatie van paginatitel en omschrijving te bedenken.

Van het blog waarom is een goede titel Van een webpagina belangrijK?

Page 8: Kaai 16 digitaal magazine - nummer 6

Kaai 16 14 Kaai 16 15

We gaan een paar keer per jaar naar Londen. De laatste keer was begin mei. En of ik nu vrij ben of niet, ik kijk altijd met een grafisch oog naar dingen. En op het station in Londen viel me iets op. Het station waar je met de trein aankomt is St. Pancras International, centraal gelegen in Londen. In dit station, onderdeel van een beursgenoteerd bedrijf, viel mijn oog op de de routeaanwijzingen naar de taxi standplaats.

Drie panelen, drie verschillende uitingen. Op het linkerpaneel is taxis geschreven met een hoofdletter en romeinen (normaal schrift). De tekst is gecentreerd. Op het middelste paneel is de tekst in kapitalen geschreven en links uitgelijnd. Op het paneel rechts is de tekst geschreven in kapitalen en gecentreerd. Om de route te aan te geven zijn er op alle panelen pijlen gebruikt. Wie goed kijkt ziet dat ieder paneel zijn eigen soort pijl heeft. Zie je de panelen ieder afzonderlijk dan vallen de verschillen niet op, maar deze drie panelen staan in dezelfde ruimte. En dan is het slordig.

De panelen zijn onderdeel van de huisstijl van St. Pancras International. Jammer genoeg is de huisstijl bewaking niet optimaal, zie de verschillende weergaven van de route aan-wijzingen. En dat is slordig, want één van de doelen van een huisstijl is dat een organisa-tie in al zijn uitingen eenduidig communiceert. Om zo de herkenbaarheid van het bedrijf onder het publiek te vergroten c.q. te bestendigen.

Slordigheden zoals met de routeaanwijzingen kun je voorkomen door de mensen op de werkvloer handvatten te geven hoe zij de huisstijl zouden moeten toepassen. Dat kan een-voudig door sjablonen voor bijvoorbeeld Word te maken en een huisstijl handboek(je) te verstrekken. In zo’n handboek kun je onder andere opnemen welke lettertypen hoe, waar en in welke grootte en kleur gebruikt moeten worden.

Het inzetten van hulpmiddelen zoals een sjabloon en een duidelijk handboek(je) voorkomt slordigheden zoals met de routeaanwijzingen. Natuurlijk, het werken met een huisstijl blijft mensenwerk. Daarom kan het geen kwaad als er altijd nog iemand even kijkt naar de tekst en opmaak voordat de publicatie openbaar wordt gemaakt.

In een huisstijl handboek(je) kun je onder andere beschrijven welke lettertypen hoe, waar en in welke grootte en kleur gebruikt moeten worden.

Van het blog st. pancras. waarom huisstijlbewaKing belangrijK is.

Page 9: Kaai 16 digitaal magazine - nummer 6

Kaai 16 16 Kaai 16 17

Page 10: Kaai 16 digitaal magazine - nummer 6

Kaai 16 18 Kaai 16 19

Tot voor kort kon je verschillende technieken gebruiken om Twitterberichten op een website weer te geven. Websites die gebruik maken van de technieken XML en RSS om een Twitter-feed te laten zien hebben gemerkt dat de berichten niet meer worden getoond.

De oorzaak? Twitter heeft haar programmabibliotheek (API) aangepast en de ondersteuning van XML en RSS geschrapt. De API ondersteunt alleen nog JSON (een javascript).

wat nu?De meest eenvoudige oplossing is om de widget (een soort mini-programma) die Twitter ter beschikking stelt te gebruiken. Via onderstaande stappen kun je de widget instellen en in je site integreren

stap 1Login op Twitter, klik op het tandwielicoontje naast de zoekbalk en kies Instellingen.

stap 2Klik in de linkerkolom op Widgets.

stap 3Klik op Nieuwe maken.

stap 4Vul de velden in.

stap 5Na invullen van de velden klik je op Widget maken, er verschijnt een vak met code.

stap 6Kopieer en plak de code in de HTML van je website.

Als je alle stappen hebt gevolgd worden de Twitterberichten weer op je website getoond. De widget heeft een maximale breedte van 520 pixels, is de ruimte op je website smaller, dan past de Widget de breedte automatisch aan.

4 beKijK een aangepaste twitter widget in de praKtijK

Mensen met een iPhone of smartphone met Android kunnen gratis bellen via de applicatie (app) Facebook en Facebook Messenger.

Nu is gratis natuurlijk niet altijd gratis. Om te kunnen bellen heb je een internetverbinding nodig en dat kost dataverbruik, tenzij je gebruik maakt van een WiFi-netwerk. Ook de kwaliteit van de verbinding tijdens het bellen hangt af van de kwaliteit van de internetverbinding. Een WiFi- verbinding geeft waarschijnlijk de beste kwaliteit.

zo Kun je bellen Via facebooK messenger

Open de app en klik rechtsboven op het adresboek-icoon.

Je krijgt nu een overzicht van je contacten te zien.

De contacten met een telefoonicoon-tje achter hun naam kun je bel-len.

Klik op een naam en je komt in het berichtenscherm.

Klik rechtsboven op het informatie-icoon (i).

Klik op de knop Bel gratis.

Bovenstaande schermafbeeldingen zijn in Facebook Messenger gemaakt. De te volgen stappen zijn in de Facebookapp hetzelfde, echter zien de schermen er iets anders uit.

Met de introductie van het gratis bellen gaat Facebook de directe concurrentie aan met vergelijk-bare gratis beldiensten zoals Skype en richt men de aandacht nog meer op de mobiele applica-ties.

twitter widget in je site integreren.

facebooK gratis bellen Via facebooK.

Page 11: Kaai 16 digitaal magazine - nummer 6

In opdracht van Theanne Boer Teksten Redactie & Communicatie hebben wij de campagnebeelden voor CTV Goes (Cursus Theologische Vorming) gemaakt.

De huisstijl van CTV Goes is ontworpen door Cows & Stars en de website is gebouwd door Image33. Onze foto’s worden gebruikt in posters, folders en in de website.

4 www.ctVgoes.nl

Kaai 16 20 Kaai 16 21

fotografie

beelden die een Verhaal Vertellen.

ctV goes campagnebeelden.

Page 12: Kaai 16 digitaal magazine - nummer 6

Kaai 16 22 Kaai 16 23

Voor gebruiK in web en print hebben we Voor VaKantiehuis del clinghe foto’s Van het interieur Van de woning gemaaKt.

de omgeVingsfoto’s op de website paal-13.nl Komen uit de beeldbanK Van Keizer & co.

interieurfotografie.

omgeVingsfotografie.

Page 13: Kaai 16 digitaal magazine - nummer 6

oude Kaai 16 // 4569 ab // graauw // 0114 635 157 // 06 1341 5722 // [email protected]

www.Keizerenco.nl // www.groetenuitgraauw.nl // www.patricKKeizer.com

Keizer & co webontwerp en dtp.omdat er al genoegdertien-in-een-dozijn-bureaus zijn.