visuele communicatie
portfolio - websites copyright © 2012
1
Sin - visuele communicatie - portfolio
© 2012
Sin - visuele communicatie maakt websites. Meestal als onderdeel van een visuele identiteit, maar ook binnen een al bestaande huisstijl is Sin goed in staat een website te ontwerpen die daar naadloos op aansluit. Uitgangspunten bij een website zijn zonder meer content en doelstelling. Sin werkt met een duidelijk vastgesteld proces van inventarisatie, interaction-, user interface- en visual design tot aan testen, bug fixing en het uiteindelijk online gaan.
Neem voor meer informatie contact op met Reinier Hamel,
[email protected] / telefoon +31 (0)70 345 41 57
2
Inhoud Mare Liberum
4
MartBazar
6
Haags UIT Festival
7
Den Haag Kandidaat Culturele Hoofdstad 2018 8 Haags Historisch Museum
9
Museum de Gevangenpoort
10
Karavaan
11
PlugOut
12
Nederlands Migratie Instituut
13
Specialty Coffee
14
CitySteps
15
Haags Hofkwartier 16 Haagse tijden 17
3
Sin - visuele communicatie - portfolio
© 2012
www.mareliberum.nu Opdrachtgever: Gemeente Den Haag Ontwerp & Realisatie: 2010
4
Festival ter gelegenheid van het 400-jarige bestaan van het door Hugo de Groot geschreven Mare Liberum. Een geschrift dat wordt beschouwd als grondbeginsel van het internationaal recht.
Het festival werd ondersteund door praktisch alle culturele instellingen van Den Haag en omstreken met voorstellingen, tentoonstellingen, lezingen etc. De site voor het festival vormde een
centrale plek vanwaaruit alle communicatie, programmering en informatievoorziening plaatsvond.
Enter
Home
Home
Prijsvraag Prijsvraag Contact Mare Liberum Mare > Liberum Programma > Programma > Over > Hugo Over > Hugo >
Contact
Home
Home
Prijsvraag Prijsvraag Contact Mare Liberum Mare > Liberum > Over > Hugo > Programma Programma x x Hugo Over
Contact
Activiteiten t/m Activiteiten 12 jr. t/m 12 jr. Activiteiten 13Activiteiten t/m 18 jr. 13 t/m 18 jr. N N
N N
N N
Wonderkind Wonderkind Hugo Hugo Hugo de Groot Hugowerd de Groot geboren werd tijdens geboren de Nederlandse tijdens de Nederlandse Opstand (1568Opstand (15681648), een1648), tijd voleen oorlog. tijd vol Toen oorlog. Hugo Toen 8 jaar Hugo oud 8was, jaarging oud hij was, naar ging dehij naar de y Latijnse school. Latijnse Op school. deze school Op deze mocht school alleen mocht Latijn alleen worden Latijn gesproken. worden gesproken. Hugo studeerde Hugo studeerde graag. Zijngraag. moeder Zijn vond moeder het niet vond goed het dat niethij goed ’s avonds dat hij ’s avonds x laat nog met laatzijn nog neus metinzijn de neus boeken in de zat. boeken Daarom zat. pakte Daarom zij Hugo’s pakte zij Hugo’s kaarsen af.kaarsen Maar Hugo af. Maar kocht, Hugo van kocht, zijn eigen van zakgeld, zijn eigenstiekem zakgeld, nieuwe stiekem nieuwe kaarsen om kaarsen toch teom kunnen toch te lezen. kunnen Al op lezen. 11-jarige Al opleeftijd 11-jarige ging leeftijd Hugo ging naar Hugo naar de universiteit. de universiteit. Daar studeerde Daar studeerde hij rechten.hijHij rechten. wilde advocaat Hij wildeworden advocaat worden om de rechten om de van rechten mensen van te mensen verdedigen. te verdedigen. Hugo was zelfs Hugozo was slim zelfs datzo deslim dat de koning vankoning Frankrijk vanhem Frankrijk ‘het wonder hem ‘het vanwonder Holland’ van noemde. Holland’ noemde. W W
O O
W W
y x
O O
N N
Wonderkind Wonderkind Hugo Hugo Hugo de Groot Hugowerd de Groot geboren werd tijdens geboren de Nederlandse tijdens de Nederlandse Opstand (1568Opstand (15681648), een1648), tijd voleen oorlog. tijd vol Toen oorlog. Hugo Toen 8 jaar Hugo oud 8was, jaarging oud hij was, naar ging dehij naar de y Latijnse school. Latijnse Op school. deze school Op deze mocht school alleen mocht Latijn alleen worden Latijn gesproken. worden gesproken. Hugo studeerde Hugo studeerde graag. Zijngraag. moeder Zijn vond moeder het niet vond goed het dat niethij goed ’s avonds dat hij ’s avonds x laat nog met laatzijn nog neus metinzijn de neus boeken in de zat. boeken Daarom zat. pakte Daarom zij Hugo’s pakte zij Hugo’s kaarsen af.kaarsen Maar Hugo af. Maar kocht, Hugo van kocht, zijn eigen van zakgeld, zijn eigenstiekem zakgeld, nieuwe stiekem nieuwe kaarsen om kaarsen toch teom kunnen toch te lezen. kunnen Al op lezen. 11-jarige Al opleeftijd 11-jarige ging leeftijd Hugo ging naar Hugo naar de universiteit. de universiteit. Daar studeerde Daar studeerde hij rechten.hijHij rechten. wilde advocaat Hij wildeworden advocaat worden om de rechten om de van rechten mensen van te mensen verdedigen. te verdedigen. Hugo was zelfs Hugozo was slim zelfs datzo deslim dat de koning vankoning Frankrijk vanhem Frankrijk ‘het wonder hem ‘het vanwonder Holland’ van noemde. Holland’ noemde. W W
O O
W W
De geleerde De Grotius geleerde Grotius Hugo de Groot Hugowas de Groot een groot was geleerde. een groot Hij geleerde. schreefHij welschreef 80 belangrijke wel 80 belangrijke boeken, over boeken, godsdienst, over godsdienst, geschiedenis geschiedenis en rechten.enAlrechten. die boeken Al die schreef boeken hij schreef in het Latijn, hij in het de taal Latijn, de taal van de wetenschap. van de wetenschap. Daarom is Daarom hij ook bekend is hij ook onder bekend zijn onder Latijnse zijn naam Latijnse Grotius. naam AlsGrotius. Hugo zich Als in Hugo zich in een onderwerp een onderwerp verdiepte, verdiepte, las hij eerst las alle hijboeken eerst alle vanboeken alle geleerden van alle voor geleerden hem. voor Al diehem. kennis Al die pakte kennis pakte hij bij elkaar hijen bijdat elkaar bracht en dat hembracht op nieuwe hem op ideeën. nieuwe ideeën.
De geleerde De Grotius geleerde Grotius Hugo de Groot Hugowas de Groot een groot was geleerde. een groot Hij geleerde. schreefHij welschreef 80 belangrijke wel 80 belangrijke boeken, over boeken, godsdienst, over godsdienst, geschiedenis geschiedenis en rechten.enAlrechten. die boeken Al die schreef boeken hij schreef in het Latijn, hij in het de taal Latijn, de taal van de wetenschap. van de wetenschap. Daarom is Daarom hij ook bekend is hij ook onder bekend zijn onder Latijnse zijn naam Latijnse Grotius. naam AlsGrotius. Hugo zich Als in Hugo zich in een onderwerp een onderwerp verdiepte, verdiepte, las hij eerst las alle hijboeken eerst alle vanboeken alle geleerden van alle voor geleerden hem. voor Al diehem. kennis Al die pakte kennis pakte hij bij elkaar hijen bijdat elkaar bracht en dat hembracht op nieuwe hem op ideeën. nieuwe ideeën.
Hugo had belangrijke Hugo had belangrijke functies in functies het bestuur in het van bestuur het land van enhet kende landde enbelangrijkste kende de belangrijkste mensen in mensen de in de Republiek persoonlijk. Republiek persoonlijk. In Hugo’s tijd In Hugo’s was er tijd veelwas oorlog. er veel Daar oorlog. schreef Daar hij schreef een boek hijover. een boek Dit boek over. Dit boek ‘Over het recht ‘Overvan het oorlog recht van en vrede’ oorlogwordt en vrede’ ook wordt nu, 400 ook jaar nu,later 400nog jaarsteeds later nog gelezen. steedsVeel gelezen. van deVeel van de regels die Hugo regelsbedacht die Hugo gelden bedacht noggelden steeds.nog steeds.
Hugo had belangrijke Hugo had belangrijke functies in functies het bestuur in het van bestuur het land van enhet kende landde enbelangrijkste kende de belangrijkste mensen in mensen de in de Republiek persoonlijk. Republiek persoonlijk. In Hugo’s tijd In Hugo’s was er tijd veelwas oorlog. er veel Daar oorlog. schreef Daar hij schreef een boek hijover. een boek Dit boek over. Dit boek ‘Over het recht ‘Overvan het oorlog recht van en vrede’ oorlogwordt en vrede’ ook wordt nu, 400 ook jaar nu,later 400nog jaarsteeds later nog gelezen. steedsVeel gelezen. van deVeel van de regels die Hugo regelsbedacht die Hugo gelden bedacht noggelden steeds.nog steeds.
Z Z
Z Z
Z Z
Opdrachtgever: Gemeente Den Haag Ontwerp & Realisatie: 2010
Deelnemers
Deelnemers
x
O O
Z Z
Prijsvraag Prijsvraag Contact Mare Liberum Mare x LiberumProgramma x x Hugo x Programma x xOver Hugo Over
www.igohugo.nl
y
Contact
Hugo-4-dummies Hugo-4-dummies Activiteiten t/m Activiteiten 12 jr. t/m 12 jr.
Den Haag SadDen van Haag RechtSad van Recht Mare Liberum-4-dummies Mare Liberum-4-dummies Activiteiten 13Activiteiten t/m 18 jr. 13 t/m 18 jr. en Vrede
en Vrede
Synchroon aan het Mare Liberum voor volwassenen vond er ook een festival voor kinderen plaats. Hiervoor ontwikkelde Sin een eigen visuele identiteit die wel duidelijke overeenkomsten
Voor docentenVoor docenten
Hugo in film
Hugo in film
had met de ‘grote-mensenversie’. De website was sterk Flash georiënteerd met een geanimeerde interface van in de grote zee dobberende objecten.
De programmering van de kinderversie werd voornamelijk verzorgt door Museon, het Haags Historisch Museum, het Haags Kinderatelier en Slot Loevenstein. 5
Sin - visuele communicatie - portfolio
© 2012
www.martbazar.nl Opdrachtgever: Doen Evenementen Ontwerp & Realisatie: 2010
6
MartBazar is een jaarlijks terugkerend multicultureel festival dat plaatsvindt nabij de dagelijkse Haagse Mart. Het draait hierbij om een kleurrijke musicale programmering, maar toch ook vooral
om de innerlijke mens. Tal van exotische lekkernijen worden op de foodmarket aangeboden. Wandelend langs de kraampjes trekt er een ware culinaire wereld aan je voorbij.
Sin heeft voor festivals en evenementen een speciaal template ontwikkeld waarmee razendsnel een goedkope en eenvoudige website in de lucht kan worden gebracht.
www.haagsuitfestival.nl Opdrachtgever: Doen Evenementen Ontwerp & Realisatie: 2011
Al enige jaren ontwikkelt Sin de visuele identiteit van het Haags UIT Festival. Net zoals UIT Festivals in andere steden is dit festival de start van het nieuwe theaterseizoen en presenteren alle culturele
instellingen zich aan het publiek. Ook deze website is gemaakt op basis van het template voor festivals en evenementen.
Door middel van het aanpassen van een aantal visuele elementen kan binnen het vaste stramien van de site in no-time een totaal ander beeld worden gecreërd. 7
Sin - visuele communicatie - portfolio
© 2012
www.denhaag-2018.nl Opdrachtgever: Stichting Den Haag 2018 Ontwerp & Realisatie: 2011
8
Sin verzorgt voor de Stichting Den Haag 2018 de visuele identiteit van alle middelen voor de kandidatuur van Den Haag Culturele Hoofdstad van Europa. Behalve affiches, banners, projecties
etc. hoor daar ook de site bij. Het concept van Den Haag is dat er niet eenmalig iets cultureels wordt gedaan in 2018, maar dat nu al de fundamenten worden gelegd voor de culturele ontwik-
keling van de stad voor de komende 20 jaar. De website dient als platform voor het bijhouden van al deze ontwikkelingen en heeft dan ook een sterk interactief karakter.
www.haagshistorischmuseum.nl Opdrachtgever: Haags Historisch Museum Ontwerp & Realisatie: 2010
Het Haags Historisch Museum vroeg Sin eerst haar meerjarenstrategie vorm te geven. Daarna volgde de opdracht voor de website en vervolgens de volledige huisstijl.
Het museum timmert hard aan de weg en toont een fraaie collectie over de gehele geschiedenis van ‘s-Gravenhage. Niet alleen het verre verleden, ook de nabije geschiedenis krijgt
veel aandacht. Het museum legt contact met alle lagen van de Haagse bevolking door ze te vragen te participeren in de verschillende tentoonstellingen. 9
Sin - visuele communicatie - portfolio
© 2012
www.gevangenpoort.nl Opdrachtgever: Museum de Gevangenpoort Ontwerp & Realisatie: 2010
10
De Gevangenpoort in Den Haag valt onder dezelfde stichting als het Haags Historisch Museum. Sin werd gevraagd om binnen de reeds ontwikkelde huisstijl en met duidelijk herkenbare over-
eenkomsten met de website van het Haags Historisch Museum, ook deze site onder handen te nemen. De kleuren zijn conform huisstijl en de visuele elementen die in de website worden gebruikt
zijn daar ook uit afkomstig. Met een verticale button aan de rand van het browserscherm kan men direct switchen van het Haags Museum naar de Gevangenpoort.
www.karavaan.nl Opdrachtgever: Karavaan Ontwerp website: 2010
Karavaan is een reizend theaterfestival dat plaatsvindt in Noord-Holland. De laatste 2 edities vonden plaats om de Westfriese Omringdijk. Sin doet al enkele jaren de gehele visuele communicatie
van het festival. De pijl van het logo refereert aan de vele buitenlocaties die bewegwijzerd worden met dergelijke gele richtingaanwijzers. De schapen uit het festivalbeeld zijn de bewoners van
de Omringdijk en verdienen daarom een prominente rol. Net zoals de fraaie luchten die zo kenmerkend zijn voor Nederland.
11
Sin - visuele communicatie - portfolio
© 2012
www.plugout.nl Opdrachtgever: Kunst en Cultuur NoordHolland Ontwerp website: 2010 12
PlugOut is dé uitgaanswebsite voor jongeren in Noord-Holland. Hier worden ze visueel geprikkeld om deel te nemen aan het culturele gebeuren in de provincie. De
website is gekoppeld aan de wekelijkse krantenrubriek onder dezelfde naam in de verschillende regionale kranten. Jongeren kunnen op de website recensies
lezen en checken wat er op welke dag bij hun in de buurt plaatsvindt. Beide platforms worden volgeschreven door een groot leger aan jonge redacteuren.
www.nmigratie.nl Opdrachtgever: Nederlands Migratie Instituut Ontwerp & Realisatie: 2010
Teruggaan of blijven? Dat is de vraag die wordt gesteld aan Nederlanders die hier ooit naar toe zijn gekomen en nu op een punt in hun leven zijn gekomen om terug te keren naar hun vaderland.
Deze website informeert over de diverse mogelijkheden en de voor- en nadelen hiervan. De organisatie heeft consulenten door het hele land om te informeren en te begeleiden.
De website vormt voor veel mensen het eerste contact en dient daarom duidelijk, kernachtig en informatief te zijn. De tweede stap is de telefoon pakken en een 13 afspraak te maken.
Sin - visuele communicatie - portfolio
© 2012
www.specialtycoffee.nl Opdrachtgever: Espresso Service West Ontwerp & Realisatie: 2010
14
De koffiecultuur in Nederland, maar eigenlijk over de hele wereld is sterk in beweging. Er is behoefte aan informatie waar de koffie nu precies vandaan komt en hoe de kwaliteit ervan zich ontwik-
keld. Vergelijkbaar als met wijn. Voor de steeds groter worden groep koffiegeeks heeft Espresso Service West www.specialtycoffee.nl in het leven geroepen. Een platform met informatie, inspiratie
en educatie dat op meer en meer bezoekers mag rekenen. “Als je de website opent, moet je koffie ruiken” was de doelstelling die Sin zichzelf gaf.
www.citysteps.nl Opdrachtgever: CitySteps Ontwerp & Realisatie: 2011
CitySteps is een onderneming die zich richt op de individuele bezoeker van een stad. De site biedt de mogelijkheid om zelf interactief fiets- en wandelroutes samen te stellen.
Deze route kan vervolgens op verschillende manieren verkregen worden. Gewoon uit de printer laten rollen kan uiteraard. maar er is ook de mogelijkheid de route te downloaden naar een smartphone of een variant te
downloaden voor een GPSapparaat. De site is nog in ontwikkeling.
15
Sin - visuele communicatie - portfolio
© 2012
www.haagshofkwartier.nl Opdrachtgever: Gemeente den Haag, afdeling DSO/Economie Ontwerp & Realisatie: 2012
16
Het Hofkwartier is een van de oudste wijkjes van Den Haag met een mooie mix aan traditionele, ambachtelijke en chique zaken enerzijds en vooruitstrevende, creatieve en trendy ondernemers ander-
zijds. Het sfeergebied geniet onvoldoende bekendheid en wordt door de bezoekers aan de binnenstad nog te weinig gevonden. Om hierin verandering te brengen heeft Sin samen met de werkgroep
uit het Hofkwartier een site ontworpen en technisch gerealiseerd die direct duidelijk maakt wat men in deze wijk kan beleven en verwachten.
www.haagsetijden.nl Opdrachtgevers: Haags Gemeentearchief, Monumentenzorg, Bibliotheek Den Haag, Haags Historisch Museum, de Gevangenpoort Ontwerp & Realisatie: 2012
Deze website is gericht op basisscholieren en heeft als onderwerp de Haagse geschiedenis. Kinderen worden aangespoord om de informatie te gebruiken voor werkstukken
en spreekbeurten en voor docenten is een bezoek nuttig ter ondersteuning van de lessen of als voorbereiding van een museumbezoek. De tijdlijn en de diverse quizonderdelen dagen de jonge
bezoeker uit om kennis te nemen van de rijke geschiedenis van hun stad.
17
Sin - visuele communicatie - portfolio
visuele communicatie Pastoorswarande 60 2513 TZ Den Haag +31 (0)70 345 41 57
[email protected] www.sin.nl 18
© 2012