• Recent werk
  • Over
  • Klanten
  • Vacatures
    • Medior/Senior Frontend developer
  • Contact
NoProtocol
  • Recent werk
  • Over
  • Klanten
  • Vacatures
    • Medior/Senior Frontend developer
  • Contact

GITP/PiCompany: Leadgeneration

Voor GITP & PI company creëerden we twee lead generation platformen en bijbehorende testen.

PiCompany - Talent Manager
Monitor? Teambouwer? Wat voor Talent Manager bent u? Doe de te Talent Manager test op https://talentmanager.picompany.nl/ en ontdek welk type talentmanager u bent en wat dit betekent voor het talent in uw organisatie!

GITP - Company Profiler
Innovatieve organisatie? Of… Ontdek wie u bent, en wie u wilt zijn! Doe de test op https://companyprofiler.gitp.nl/ en krijg direct inzicht in uw huidige en gewenste identiteit en de bijpassende competenties!

ING: Circulaire Economie Case Trainer

De Circulaire Economie is een systeem waarbij afval niet meer bestaat maar als grondstof wordt gebruikt, waar in plaats van bezit de toegang tot producten belangrijk wordt en waar ontwerpers zich richten op een zo lang mogelijke levensduur van producten. Het thema is belangrijk voor een betere toekomst en een speerpunt voor een ING. De bank houdt zich bezig met het ontwikkelen van nieuwe financiële oplossingen die nodig zijn om een Circulaire Economie gebaseerde business te financieren.  

Om medewerkers van ING bekend te maken met het thema kregen we de opdracht een e-learning omgeving te ontwikkelen rondom het thema. De belangrijkste uitdaging was om deelnemers niet te overspoelen met informatie, het eenvoudig en snel te houden en te zorgen voor een leuke experience die aansluit bij het thema en de dagelijkse praktijk.

Hiervoor ontwikkelden we een online case trainer waar medewerkers in maximaal 10 minuten in hoog tempo leren cases en bedrijven matchen bij een of meer van de vijf door Accenture gedefinieerde Circulaire modellen. Door in korte tijd 25 cases te matchen leren deelnemers praktijkvoorbeelden te associëren met de modellen zodat ze voldoende kennis hebben om verdere interne trainingsprogramma’s te volgen en het gesprek aan te gaan met klanten van ING.

KRO-NCRV: #maakhetverschil

Daklozen helpen aan een gezond gebit, plastic uit het water halen of nieuwkomers leren fietsen 🚲

Maak het verschil is er voor iedereen die wel eens iets goeds voor een ander wil doen, maar niet precies weet hoe.

Check alle toffe initiatieven:
https://maakhetverschil.kro-ncrv.nl/

Adamlink: Reis door de Tijd met de Noord/Zuidlijn

Voor AdamNet realiseerde we een interactieve experience waar bezoekers reizen langs alle stations van de Noord/Zuidlijn. Per station kan je foto's, tekeningen, kaarten, boeken uit het (recente) verleden bekijken waar je nu ongezien onderdoor rijdt.

Bekijk het project hier

De culturele erfgoeddata wordt ontsloten via het project AdamLink als Linked Open Data (LOD). Met deze techniek is het mogelijk om geografische en historische verbanden te leggen tussen verschillende databronnen in Amsterdam. Het vormt een rijke bron met nieuwe mogelijkheden voor onderzoeksjournalistiek, wetenschappelijk onderzoek, werkstukken, maar ook voor inwoners die zijn geïnteresseerd in de historie van hun eigen buurt.

De opening van de Noord/Zuidlijn vormde de ideale aanleiding om AdamLink onder de aandacht te brengen bij het publiek. De experience plaatst de gloednieuwe metroverbinding in een historische context en geeft daarmee een sprekend voorbeeld van wat er mogelijk is met Adamlink.

AdamNet is een netwerk van Amsterdamse bibliotheken en erfgoedinstellingen. Doel is samenwerken in het beschikbaar stellen van informatie over collecties en activiteiten. In het project werkten samen: de Openbare Bibliotheek Amsterdam, de Bibliotheek UvA/HvA, de universiteitsbibliotheek VU, het Internationaal Instituut voor Sociale Geschiedenis, het Amsterdam Museum en het Stadsarchief Amsterdam. Deze productie werd financieel mogelijk gemaakt door Stichting Pica.

Digital Society School: Website

In samenwerking met GRRR realiseerden we de nieuwe website voor de Digital Society School (DSS).

Met de DSS introduceert de HvA een vooruitstrevend hoger onderwijsmodel, dat bestaat uit tijdelijke en modulair opgebouwde programma’s. Nieuw aan dit onderwijsmodel is dat de studenten zelf de opbouw van hun opleiding kunnen samenstellen en dat ontwerpers, ontwikkelaars, onderzoekers en studenten hecht samenwerken. De DSS heeft als doel toekomstbestendig digitaal talent op te leiden en kennis te ontwikkelen en toe te passen rond de digitalisering van de samenleving.

KRO-NCRV: De Monitor

Nominatie: Spinawards
Categorie: Digital Service Idea

Nominatie: Dutch Interactive Awards
Categorie: Community

Met de nieuwe Monitor website maakt de KRO-NCRV de overgang van crowdsourcing naar crowdparticipatie. Door gebruik te maken van personalisatie, verregaande transparantie, een conversational interface voor tips en een slimme automatisering van de ingestuurde tips wordt het publiek meer dan ooit betrokken bij de onderzoeksjournalistieke verhalen op het platform

Doel van de nieuwe site is een directe relatie tussen journalist en tipgever mogelijk te maken. Het publiek wordt niet alleen bij de start betrokken, maar ook als het onderzoek in volle gang is. Dit proces is op een slimme manier geautomatiseerd.

Ook in efficiency van data-verwerking zijn belangrijke stappen gezet. Journalistieke researchkracht is schaars, redacteuren kunnen nu uit de enorme informatiestroom relevante verhalen halen, publiek op de hoogte houden. Zelfs analyses van tips maken en die verwerken in data-toepassingen (1 op 1 in de uitzending verwerkt).

Bekijk hier de website van KRO-NCRV de monitor!

OBA: Junior zoek- en ontdekomgeving

Voor Openbare Bibliotheek Amsterdam ontwikkelden we een visueel georiënteerde zoek- en ontdekomgeving waar kinderen veilig kunnen zoeken naar boeken, video's en andere media.

Een zoektocht naar een boek in de bibiliotheek-catalogus kan best overweldigend zijn. Wie bijvoorbeeld ‘vossen’ in het zoekvenster intypt, krijgt ruim 2000 resultaten. Met de nieuwe site OBAjunior.nl zien kinderen alleen zoekresultaten die voor hen geschikt zijn. Daarnaast biedt de zoekmachine andere bronnen die voor de doelgroep relevant zijn, bijvoorbeeld informatieve video's van NTR SchoolTV zoals het Klokhuis.

Het kind centraal

Op OBAjunior.nl staan kinderen in de basisschoolleeftijd centraal. Zo is de site vormgegeven op een manier die het zoeken extra aantrekkelijk maakt: de boekomslagen zijn duidelijk in beeld en kinderen kunnen eenvoudig een persoonlijke leeslijst maken door boeken te verslepen. Populaire series zoals De waanzinnige boomhut zijn meteen zichtbaar en verschillende thema’s worden uitgelicht op ‘boekenplankjes’. Deze horizontale presentatie is in lijn met andere mediaplatformen waar kinderen bekend mee zijn, zoals Netflix.

OBA-directeur Martin Berendse: “Met ruim 100.000 jeugdleden kun je stellen dat kinderen en jongeren heel belangrijk zijn voor de OBA. Het is dan ook van belang dat we ook met onze website aansluiten bij de belevingswereld van deze doelgroep. De site OBAjunior.nl biedt hierin een antwoord en is ontwikkeld met input van kinderen zelf.”

 

Bibliotheek API

Het geïntegreerd zoeken op OBAjunior.nl is gebaseerd op de OBA-API, waarop zowel intern als extern speciale doelgroep-frontends gebouwd kunnen worden buiten de restricties van het huidige CMS. Voor de front-end maakten we gebruik van Vue.js in combinatie met Veux en Laravel voor het back-end deel.

Karwei: Moodboard Maker

Je interieur laat zien wie je bent. Maar ondanks urenlang scrollen op Pinterest, lukt het toch niet altijd om je interieur een afspiegeling te laten zijn van je karakter. Waar begin je? KARWEI helpt je op weg met een persoonlijk moodboard!

 

Samen met ISOBAR Nederland ontwikkelden we deze mobile webapplicatie bedoeld om klanten van KARWEI te inspireren en naar de winkel te bewegen. In een aantal eenvoudige stappen krijgen gebruikers van de applicatie een moodboard en bijbehorende boodschappenlijst te zien. Door het moodboard te delen wordt kans gemaakt op het winnen van een prijs. 

Bekijk hier de Moodboard Maker!

LEGO BOOST: 3D-experience

Hoe breng je een educatieve game voor kinderen tot leven? NoProtocol ontwikkelde een mobile 3D-experience voor LEGO BOOST

LEGO BOOST is een productlijn waarmee kinderen de nodige skills zoals coderen en programmeren aanleren. Deze LEGO-set biedt veel mogelijkheden die pas tot de verbeelding spreken als je ze in actie ziet. Met deze uitdaging heeft LEGO digitaal bureau NoProtocol gevraagd een 3D-oplossing te ontwikkelen bedoeld voor digitale retailomgevingen als bol.com en Intertoys.

We ontwikkelden een interactieve 3D-animatie waarmee bezoekers hands-on kunnen aanvoelen hoe de robot werkt in combinatie met de app. De animatie werkt in elke moderne browser en is met name gericht op mobile.

De micro-applicatie toont hoe robot Vernie, één van de vijf BOOST-modellen, wordt opgebouwd. Vervolgens kan de gebruiker zelf sequenties slepen en uit laten voeren door de robot. Zo draait Vernie rondjes, beweegt hij voor- en achteruit, schiet een raket af, laat een scheet en doet een knap staaltje beat boxing.

Sander Heikens, Client Services Director bij NoProtocol “Het was een uitdaging om de werking van het LEGO BOOST-product zo getrouw mogelijk te demonstreren in de mobiele browser. We zijn erg tevreden over het resultaat en hopen dat deze applicatie een positieve impact heeft op de verkoop van LEGO BOOST!”

Berend Sikkenga (Head of E-commerce LEGO Benelux): LEGO’s missie ‘to inspire and develop the builders of tomorrow’ komt tot leven in deze interactieve 3D-animatie van LEGO BOOST. We hopen dat het veel ouders en kinderen inspireert om met LEGO BOOST aan de slag te gaan.”

Fitchannel: Platform

Het revolutionaire thuis-fitness programma!

In opdracht van Fitchannel.com realiseerden we het gelijknamige online fitnessplatform. 

Op Fitchannel.com trainen deelnemers onder begeleiding van Olympisch kampioen Mark Tuitert drie keer per week door middel van video workouts van 20 minuten. Na elke week wordt de intensiteit van de trainingen aangepast aan de prestaties van de deelnemer. Deze revolutionaire, persoonlijke methode werkt op basis van een speciaal ontwikkeld en bewezen systeem.

Omdat gezonde voeding ook onmisbaar is in een fit leven worden de trainingen elke week aangevuld met voedingstips en gezonde video recepten. Het programma is geschikt voor iedereen met sportieve ambities en is hét alternatief voor de sportschool. Het introductieprogramma belooft al resultaat in 8 weken en is te verlengen naar een programma van 12 maanden.

In ons ontwerp voor Fitchannel.com lag de focus op een aantrekkelijke en motiverende gebruikerservaring op zowel tablet, mobile als desktop. In de technische realisatie lag de nadruk op het gepersonaliseerde systeem en optimale (video) performance. Het laatste was gezien de hoeveelheid bezoekers geen overbodige luxe!

Albert Heijn: Moestuintje App

Nederland tuiniert er weer lustig op los zodra de Moestuintjes van Albert Heijn er zijn! De Moestuintjes zijn de vrolijkste én leerzaamste spaaractie voor jong en oud. Toch is het niet zo eenvoudig om zaadjes op te laten groeien tot een groeiende, bloeiende moestuin. Op tijd water geven, lastige insecten bestrijden, op tijd verpotten en ook de juiste plek voor het plantje zijn belangrijk voor het succes van je moestuin. Om je daar bij te helpen is er de AH Moestuintjes App!

Vanaf het zaaien tot de oogst helpt de app je elke dag met de verzorging. Je krijgt tips en adviezen en handige notificaties wanneer je actie moet ondernemen. Zo zorgen we ervoor dat je moestuintjes uitgroeien tot prachtige bloemen, kruiden en groentes.

Albert Heijn en bureau &Samhoud Media ontwikkelden samen het concept, wij waren verantwoordelijk voor de technische realisatie van de Moestuintjes App.

De app is ontwikkeld met behulp van Ionic. Dit op AngularJS gebaseerde framework zorgt ervoor dat de app op zowel iOS als Android soepel werkt en dat native functionaliteiten zoal de back button werken zoals je verwacht. Via het Ionic Cloud Platform kunnen we ook updates uitrollen zonder dat er een nieuwe release door een AppStore approved moet worden.

Overige gebruikte techieken: Cordova, Crosswalk en RxJS

Meer informatie over dit project? Neem contact op met Frederike van Manen

15 Jaar BOB

Douwe geeft een rondje voor BOB!

Dit jaar bestaat de BOB campagne 15 jaar in Nederland. Inmiddels is BOB een begrip in Nederland en sinds de start is het aantal overtreders met alcohol in het verkeer gehalveerd. Tijd om een aantal BOBs in het zonnetje te zetten!

In de campagne 'Douwe Bob geeft een rondje voor 15 jaar Bob' kan iedereen via www.15jaarbob.nl een top 3 van favoriete nummers van de afgelopen 15 jaar insturen. De leukste deelnemers krijgen een muzikale achterbanksessie van de bekende zanger. Deze sessies zijn vervolgens online live te volgen.

Wij waren verantwoordelijk voor realisatie van de website met Spotify integratie.

Bekijk de campagne commercial hier!

Meer informatie over dit project? Neem contact op met Vasco Christiaanse

 

KRO-NCRV Lost In The Game

Winnaar: Golden Dutch Interactive Award
Categorie: Content

Winnaar: Zilveren Spinaward
Categorie: Social Media

Winnaar: Zilveren Spinaward
Categorie: Game

Lost in the Game is een nieuwe reeks afleveringen van de spannende jeugdserie Zappmissie.  Deze keer worden de Zappers ongewild onderdeel van een bizar spel. Ze gaan stuk voor stuk terug in de tijd en krijgen een uur de tijd om met het oplossen van opdrachten hun voorouders te redden. Lukt het ze niet, dan staat ze zelf een wisse dood te wachten!

Voor de kijkers van Lost in the Game wacht ook elke week een spannende opdracht. Na elke aflevering moeten ze Zappers helpen  ontsnappen uit een escape room. Dat doen ze door zoveel mogelijk aanwijzingen te vinden voor de tijd afloopt. De escape rooms zijn interactieve, 360/VR omgevingen die op desktop, tablet en mobiel zijn te bekijken.

NoProtocol ontwikkelden de escape rooms in samenwerking met KRO-NCRV.

Meer weten over deze case? Neem contact op met: Frederike van Manen

Coke Zero Zone

Opdrachtgever: NOISE
Merk: Coca Cola

In opdracht van NOISE en in samenwerking met SO WIFI creëerden we inmiddels al de derde editie van de Coke Zero Zone experience. Dit is een responsive web-app die gasten van horecagelegenheden toegang geeft tot gratis WIFI. Op het moment dat je verbinding maakt met het COKE ZERO netwerk, wordt de web-app automatisch opgestart. De app opent met een korte in-app animatie, waarna je - als je geluk hebt - een gratis Coke Zero aangeboden krijgt!

We hebben voor deze editie 3D animaties gemaakt die je zelf kunt bewegen en vanuit meerdere hoeken kunt bekijken door je telefoon te kantelen, m.b.v. de gyroscoop in je mobiel.

Bij elke foto hebben we zorgvuldig de diepte-lagen uitgesneden en de ontbrekende stukken bijgetekend, zodat deze lagen zonder onderbreking over elkaar heen kunnen bewegen.
We hebben daarna diepte in de verschillende 2D-lagen gebracht door alle lagen met verschillende 3D programma (Cinema 4D en Blender) uit te modellen.
Tenslotte tonen we de scene met Three.js/WebGL in de browser.

Meer weten over deze case? Neem contact op met: Frederike van Manen

Make Mars Home

Opdrachtgever: CROWD
Merk: National Geographic

Zou Elon Musk jou uitkiezen voor de expeditie naar Mars in 2033? Do you have what it takes? De kolonisatie van Mars is van groot belang voor het voortbestaan van de mensheid.

Maar besef je wel, het is een one-way-ticket.. Beantwoord acht persoonlijkheidsvragen om erachter te komen hoe groot de kans is dat jij echt zal kunnen aarden op de rode planeet.
Natuurlijk deel je daarna je score met je vrienden op social media.

Make Mars Home is een single page application en geschikt voor desktop, tablet & mobile. De site ademt de sfeer van ruimtereizen, is rijk geanimeerd en voorzien van een parallax effect.

De quiz is ter aankondiging van de docuserie MARS, vanaf 13 november elke zondag uitgezonden op National Geographic.

Meer weten over deze case? Neem contact op met Lotte Jansen

makemarshome.nl
makemarshome.be

TopGear

Opdrachtgever: TopGear NL
Merk: TopGear

TopGear NL is de Nederlandse vertakking van de populaire BBC serie in magazine-vorm. De maandelijkse glossy brengt met dezelfde eigenzinnige tone-of-voice het laatste nieuws over supercars, autosport en de nieuwste modellen. Inmiddels is de website van het magazine uitgegroeid tot een (bijna) onuitputtelijke bron van informatie over bijna elke auto.


Nu het nieuwe seizoen van TopGear UK voor de deur staat, heeft Top Gear NL besloten de website flink onder handen te nemen. Na een uitgebreid pitch-traject heeft TopGear ons als partner in de arm genomen voor ontwerp en realisatie van het nieuwe platform.

De opdracht bestond uit een volledige upgrade van het design, implementatie van een nieuw open source CMS en totale migratie van alle content. Voor dit project hebben we gebruik gemaakt van een WordPress CMS (met uitbreidingen voor contentdistributie, SEO en EDM integratie) gecombineerd met een custom ontwikkeld responsive front-end, in lijn met de guidelines van de BBC.

WordPress projecten worden uitgevoerd door ons zusterbedrijf SlashSmart.

Ontdek waar je fles je brengt

Opdrachtgever: NOISE
Merk: Coca-Cola

Coca-Cola verrast horeca-klanten met 'Ontdek waar je fles je brengt en win'.

Voor deze slimme activatie combineerden we mobile webtechnologie, beeldherkenning en immersive 360° video. Het concept is uniek en eenvoudig: maak via coke.nl/scanit een foto van een Coca-Cola product en krijg direct op je mobiel een 360° video te zien van een bijzondere plek op de wereld. Als je weet waar deze video is opgenomen maak je meteen kans op een prijs. Coke drinken wordt een bijzondere experience, gewoon op het terras of aan de bar. 

Meer weten over deze case? Neem contact op met Lotte Jansen

scanit.coke.nl

De KRO.nl site

Goed leven voor iedereen, dat is waar de KRO voor staat. Deze visie is terug te vinden in de nieuwe KRO.nl site, een fris en overzichtelijk platform dat in alles positiviteit uitstraalt. Verdeeld onder de thema's Doen, Delen en Geven vinden bezoekers artikelen en video over de programma's en activiteiten van de bekende omroep. Behalve inhoud is er ook alle ruimte om lid te worden of op een andere manier betrokken te zijn bij de organisatie.

In opdracht van bureau Greenberry en in nauwe samenwerking met KRO was NoProtocol verantwoordelijk voor de technische realisatie van KRO.nl. Wij ontwikkelden een CMS oplossing om perfect aan te sluiten op de behoefte van de redactie, zo moet er vanuit hetzelfde CMS ook op de nieuwe KRO site 'Zin in Vandaag' gepubliceerd worden. Natuurlijk zorgden we ook voor een pixel-perfect implementatie van het Greenberry ontwerp dat op alle schermen en devices even goed tot zijn recht komt.

Meer weten over deze case? Neem contact op met: Sander Heikens

KLM Werelddeal Weken

Opdrachtgever: Sanoma, DDB Tribal
Merk: KLM

KLM zocht een innovatieve manier om hun Werelddeal Weken reizen te presenteren aan het online publiek. Hoe kan dat beter dan in een pre-roll advertentie inspirerende live beelden te tonen van het bruisende Time Square of de zonnige Copa Cobana in Rio?

Met dit concept stelden Sanoma en Tribal DDB NoProtocol voor een geweldige uitdaging die we met beide handen aanpakten. NoProtocol Labs ontwikkelde voor dit concept een realtime render-engine die videomateriaal van EarthCam aftapt, hierop een animated layer plaatst met de KLM aanbieding, inclusief voice-over. Het gecombineerde resultaat wordt via Weborama live uitgeserveerd. NoProtocol beschikt over een dedicated team gespecialiseerd in animated banners en pre-rolls.

Meer weten over deze case? Neem contact op met Sander Heikens

Dokter op Zak

Opdrachtgever: Greenberry
Merk: FBTO

Makkelijk en snel antwoord op je medische vragen! Hoge koorts, huiduitslag, oorpijn of een ander kwaaltje? Of een bijsluiter waar je niks van snapt? Met de Dokter op Zak app van FBTO krijg je snel antwoord op medische vragen. Heel handig als je geen tijd hebt om een afspraak te maken met je huisarts of in het buitenland bent. De Dokter op Zak app is de hele week bereikbaar. Ook ’s avonds en in het weekend. Wanneer het jou uitkomt.

Na het succes van de Vakantiedokter App hebben we samen met bureau Greenberry de FBTO Dokter op Zak app gerealiseerd. Via de app kan je videochatten, foto’s uploaden, chatten en bellen. Omdat het om zeer persoonlijke gegevens gaat werken we volgens de hoogste security eisen. Niet alleen ontwikkelden wij de app, maar ook de dashboard omgeving, waarin een team van medisch specialisten dagelijks alle verzoeken afhandelt.

Meer weten over deze case? Neem contact op met: Sander Heikens

Zilveren Kruis Vakantiedokter

Opdrachtgever: Greenberry
Merk: Zilveren Kruis

Voor Greenberry verzorgden we de technische realisatie van de Vakantiedokter App. Dit is een mobile app die Zilveren Kruis aanbiedt aan consumenten voor medisch advies tijdens vakanties. Met de app kun je realtime chatten met een medisch expert. Of het nu gaat om een vreemd bultje, een irritante insectenbeet of een brandblaar, het is altijd handig om tips te krijgen direct vanaf je vakantieplek.

De app is ontwikkeld o.b.v. JavaScript technologie, waarbij het niet nodig is om voor iOS en Android een apart ontwikkeltraject te doorlopen (één gedeelde 'code base'). Daardoor is er in minder ontwikkeltijd meer mogelijk en kunnen sneller nieuwe features geïntroduceerd worden. Omdat het over medische content gaat, is er extra aandacht besteed aan de beveiliging van de gegevens.

appdevakantiedokter.nl

FWA MOBILE OF THE DAY SEPTEMBER 06 2014

Meer weten over deze case? Neem contact op met: Sander Heikens

Zet een streep door discriminatie

Opdrachtgever: NOISE
Merk: Overheid

Je voelt je gediscrimineerd. Of je ziet dat een ander gediscrimineerd wordt. Wat doe je dan? Je kunt het negeren, maar voelt dat écht goed?

Voor NOISE ontwikkelden we discrimatie.nl, het centrale campagneplatform dat je de weg wijst als je gediscrimineerd wordt, zodat je in een paar stappen op de juiste plaats bent om melding van hiervan te maken.

Onderdeel van de website is een animatie dat het onderwerp discriminatie in de maatschappij, in het licht van de Nederlandse grondwet.

Voor het platform maakten we gebruik van een CMS, dat voldoet aan de wensen en criteria van de rijksoverheid.

discriminatie.nl

Meer weten over deze case? Neem contact op met: Frederike van Manen

Doe mee & doneer een diner

Opdrachtgever: Jumbo

Net als vorig jaar organiseert Jumbo weer de landelijke doneer-actie. Dit jaar onder de titel “Doe mee & doneer een diner”. Tijdens de actie kun je bij Jumbo iemand een mooie kerst bezorgen met een heerlijke maaltijd. In Nederland zijn er namelijk nog heel wat mensen, die het financieel moeilijk hebben, of zich eenzaam voelen. Je doneert door middel van het kopen van een coupon bij het afrekenen van je boodschappen.

Voor Jumbo creëerden we de ikdoneereendiner.nl website, met als doelstelling om de actie onder consumenten te laten leven. O.b.v. een animatie, die we i.s.m. Mookx ontwikkelden, laten we zien wat er allemaal achter de schermen van de Doneer-actie gebeurt, welke andere hulporganisaties daarbij helpen en welke rol Jumbo speelt.

De site doet een oproep om zelf ook te doneren of de animatie te delen met anderen. Bekijk de site op ikdoneereendiner.nl

Meer weten over deze case? Neem contact op met: Federike van Manen

Nefit

Opdrachtgever: Nefit

Nefit is met meer dan 3 miljoen verkochte HR-toestellen al meer dan 30 jaar het meest verkochte merk in Nederland.


In 2015 zette Nefit een nieuwe strategie in gericht op direct online advies en verkoop aan consumenten. Wij ontwikkelde vanuit de strategie een nieuw platform dat eenvoudig toegang biedt tot productinformatie en verschillende Nefit service, advies- en offertetrajecten. Binnen dit project waren wij verantwoordelijk voor designconcept, UX en technische realisatie.

Meer weten over deze case? Neem contact op met: Jesse Burkunk

NPO Groen

Opdrachtgever: Greenberry
Merk: NPO

Met het oog op de veranderende wereld wil de NPO een voortrekkersrol spelen op het gebied van groener leven. De NPO Groen app moet daaraan bijdragen en daagt Nederland uit om haar impact op het milieu te verminderen en dus elke week een beetje groener te maken. De app is gratis te downloaden in de Apple Store (iOS) en Google Play (Android) en voorziet dagelijks van tips en informatie om groener te leven.

Met de app kan de deelnemer
- uitdagingen accepteren, zoals douchetijd beperken tot 3 minuten;
- speciale tipvideo’s van BN’ers ontvangen die ook meedoen;
- inzage krijgen in de eigen besparing;
- zijn besparing vergelijken met andere gebruikers van de app; 
- via social media anderen ook oproepen zich in te zetten;
- op de hoogte blijven van interessante groene nieuwtjes.

In opdracht van Greenberry en in samenwerking met de NPO verzorgde NoProtocol de technische realisatie van de NPO Groen App. De app is ontwikkeld o.b.v. JavaScript technologie, waarbij het niet nodig is om voor iOS en Android een apart ontwikkeltraject te doorlopen (één gedeelde 'code base'). Daardoor is er in minder ontwikkeltijd meer mogelijk en kunnen sneller nieuwe features geïntroduceerd worden.

LOVIE AWARD WINNER

FWA MOBILE OF THE DAY JULY 08 2015

Meer weten over deze case? Neem contact op met: Sander Heikens

 

KRO - Zin in Vandaag

Vanuit de 'Goed leven' visie van KRO is een nieuwe website ontwikkeld waar positiviteit en verwondering centraal staan. Elke dag post de redactie van Zin in Vandaag een selectie aan inspirerende verhalen over uiteenlopende onderwerpen. Berichten waar je graag wakker mee wordt en je dag begint.

De Zin in Vandaag website maakten we net als KRO.nl in samenwerking met Greenberry.

Meer weten over deze case? Neem contact op met: Sander Heikens

BOB Campagne

Opdrachtgever: ROORDA
Merk: Overheid

Gelukkig is het principe van de BOB is bekend bij het publiek en kiezen steeds meer mensen ervoor om 100% nuchter te rijden. Toch vinden sommigen het nog steeds lastig vast te houden aan hun voornemens. Voor die gevallen zeggen we 'Ben je bob, zeg het hardop!', want door je uit te spreken houden anderen rekening met je geef je een duidelijk signaal.

ROORDA ontwikkelde de 'Bob, zeg het hardop campagne' en gaf NoProtocol de opdracht een set online uitingen te produceren. NoProtocol ontwikkelde naast de IAB set een interactieve uiting die perfect aansloot op de populaire commercial. 'Probeer de microfoon van de zanger te pakken te krijgen om jezelf als BOB in de spotlight te zetten!'

Meer weten over deze case? Neem contact op met: Vasco Christiaanse 

Donald Duck Radical

Opdrachtgever: NOISE
Merk: Sanoma

DuckWorld Smart Adventures is een online game vol spannende, grappige én leerzame spelletjes met Donald Duck en andere vertrouwde figuren uit Duckstad. Om aandacht te genereren voor deze game ontwikkelden we samen met NOISE een homepage takeover op NU.nlwaarbij de Duckstadkrant het NU.nl nieuws overneemt.

Door te klikken op de letter D van Duckstad vlieg je mee met Willie Wortel en zijn zoefmobiel over de pagina en gaandeweg verschijnt de Duckstadkrant in de stijl van NU.nl. Wat dacht je van nieuws over maharadja van Boelpoenistan, Madam Mikmak die bij toverslag ontslagen is en onverwachte werkzaamheden in de Kwaakstraat.

Opvallend waren de grote hoeveelheid enthousiaste reacties op social media over de takeover:

"Superleuke actie van @DonaldDuckNL op http://www.nu.nl/ #mademyday"

"Wat een ONWIJS VETTE homepage take-over bij Nu.nl... "

Naast deze takeover, produceerden we ook verschillende IAB-sets en andere takovers.

Meer weten over deze case? Neem contact op met: Sander Heikens

Jouw meter zee

Opdrachtgever: Greenberry
Merk: Greenpeace

Wist je dat …70% van sleepnetten bijvangst bevat? …jaarlijks wereldwijd 100.000 zeedieren aan plastic sterven? …het tot 600 jaar duurt voordat een net is afgebroken? De bodem van de Noordzee, ooit rijk aan zeedieren, is nu een kale vlakte. Greenpeace zet zich daarom in voor zeereservaten.

Om mensen te laten participeren bedacht Greenberry de campagne “Jouw 1m² Noordzee” met een experience site als basis. De site maakt mensen bewust van de problematiek door ze af te laten dalen in hun eigen 1m² Noordzee. Onderweg naar de bodem komen steeds andere bedreigingen aan bod, weergegeven in animaties, geluid en andere storytelling elementen. Op de bodem aangekomen worden bezoekers gemotiveerd om te participeren. NoProtocol ontwikkelde de site.

jouwmeterzee.nl

FWA MOBILE OF THE DAY MAY 11 2015

Meer weten over deze case? Neem contact op met: Frederike van Manen

De Challenge App van ING

Opdrachtgever: NOISE
Merk: ING

Eenvoudig geld besparen en zelfs geld overhouden? Dat kan met de Challenge app van ING, die we in opdracht van NOISE bouwden. De app geeft je gedurende 30 dagen praktische opdrachten om geld te besparen. Laat bijvoorbeeld je portemonnee vandaag eens thuis. Na iedere opdracht voer je in hoeveel euro’s je hebt bespaard. Bij het opstarten van de app kies je zelf het streefbedrag dat je in totaal wilt gaan besparen. Tussentijds laat een grafiek de voortgang zien om te kijken of je deze challenge ook echt gaat halen.

De app is ontwikkeld o.b.v. algemene web technologie (HTML, JavaScript, CSS), waarbij het niet nodig is om voor iOS, Android en Windows een apart ontwikkeltraject te doorlopen (één gedeelde 'code base'). Daardoor is er in minder ontwikkeltijd meer mogelijk en kunnen sneller nieuwe features geïntroduceerd worden.

Meer weten over deze case? Neem contact op met: Sander Heikens

Honor Europe

Opdrachtgever: Honor

Op 28 oktober vond in Berlijn de Europese introductie plaats van Honor, een nieuw hi-tech consumentenmerk. Tijdens dit evenement wordt tegelijk de Honor 6 gepresenteerd. Deze nieuwe smartphone met high end specificaties zal vanaf woensdag tegen een concurrerende prijs op de Europese markt verschijnen. Het merk wil zich door exclusieve online verkoop zonder abonnementen onderscheiden van de grote spelers en daarmee jonge, bewuste consumenten aanspreken.

Voor het design en de technische realisatie van de productsite hihonor.com zocht Honor naar een team dat zich goed kan identificeren met Honor’s merkstrategie en de juiste vertaalslag kan maken naar de doelgroep. Honor vond deze elementen het beste terug in de combinatie van NoProtocol en Club Judge, het internationale uitgaansplatform dat zich al jarenlang richt op de ‘young and young at heart’ consument. Binnen het traject heeft NoProtocol nauw samengewerkt met Isobar London, verantwoordelijk voor de branding.

Meer weten over deze case? Neem contact op met: Sander Heikens

Jumbo Dagje uit spaaractie

Opdrachtgever: Jumbo

Tijdens de Dagje Uit campagne spaarden klanten van JUMBO voor voordelige dagjes weg. Wij presenteerden de aanbiedingen via een aantrekkelijke campagnesite op desktop, tablet en Facebook. Om een soepele en rijke ervaring te creëren zonder noodzaak van een browserplugin maakten we gebruik van animaties in HTML/Javascript.

Meer weten over deze case? Neem contact op met: Frederike van Manen

COKE ZERO Zone

Opdrachtgever: NOISE
Merk: Coca Cola

In opdracht van NOISE en in samenwerking met SO WIFI creëerden we de Coke Zero Zone app. Dit is een responsive web-app die gasten van aangesloten horecagelegenheden toegang geeft tot gratis WIFI. Op het moment dat je verbinding maakt met het COKE ZERO netwerk, wordt de web-app automatisch opgestart. De app opent met een korte in-app video waarin personages je een gratis Coke Zero aanbieden.

Om de video cross-device te laten werken (ook op iOS), zonder dat de video in een apart venster opstart, hebben we gebruik gemaakt van een image sequence (een reeks van jpeg-bestanden) die naadloos achter elkaar afgespeeld worden, zodat een video experience bestaat zonder kwaliteitsverlies.

Meer weten over deze case? Neem contact op met: Paul Stomp

Bonduelle Superfood

Opdrachtgever: NOISE
Merk: Bonduelle

De bonen van Bonduelle, wie kent ze niet? Maar wist je dat het eigenlijk Superfood is?

In opdracht van NOISE hebben we een drietal animaties geproduceerd om dit te communiceren. Het grootschalig aanprijzen van de bonen onder een brede doelgroep is het uitgangspunt van de campagne geweest. Door middel van geavanceerde animatietechnieken en kleurrijke illustraties komen de bonen van Bonduelle in deze campagne écht tot leven. 

Meer weten over deze case? Neem contact op met: Vasco Christiaanse

BUMA Music Academy

Opdrachtgever: Tin Can
Merk: BUMA

Buma Music Academy biedt het Nederlandse onderwijs een inspirerend online lesprogramma rondom pop-, hiphop- en dancemuziek. Het programma is geschikt voor alle jaarlagen en bestaat uit een landelijke popquiz, het schijven van songteksten, het componeren van eigen popsongs en dancetracks, het volgen van workshops en het bekijken van educatieve video’s van bekende bands, artiesten, componisten en tekstschrijvers. Actief musicerende leerlingen kunnen deelnemen aan de landelijke schoolactcompetitie, onder begeleiding van Music Masters als Willie Wartaal, Leona Philippo en Niels Geusebroek.

In opdracht van Tin Can en in samenwerking met ArtMARK ontwierp en realiseerde NoProtocol het digitale platform. Het platform biedt docenten met een login de mogelijkheid zelf klassen aan te maken, lessen te selecteren en opdrachten in te leveren die door Music Master via hetzelfde platform beoordeeld worden. Met een apart CMS is het BMA team in staat nieuwe lessen te definiëren en (video)materiaal toe toevoegen.

www.bumamusicacademy.nl/

Meer weten over deze case? Neem contact op met: Sander Heikens

OOR

Opdrachtgever: OOR

OOR bestaat 40 jaar. Dat vierden zij met een speciaal jubileumnummer en een feest in Paradiso. Het jubileum was aanleiding om de oor.nl website in een nieuw jasje te steken.

NOISE bedacht een nieuw interactieconcept, waarbij de homepage content is teruggebracht tot de essentie: elk moment de meest relevante en recente ontwikkelingen op het gebied van popnieuws, albums en concerten. Daarnaast (of eigenlijk daarachter) prominent aanwezige advertentieruimte, die niet irritant is voor de bezoeker, maar juist sfeer toevoegt. Veel coole transities en snelle laadtijden... 100% HTML en JQuery en geschikt voor de iPad.

Meer weten over deze case? Neem contact op met: Sander Heikens

GITP/PiCompany: Leadgeneration

— view —

caseov-gitp-pi.jpg

ING: Circulaire Economie Case Trainer

— view —

caseov-ing.jpg

KRO-NCRV: #maakhetverschil

— view —

MHV-cover.jpg

Adamlink: Reis door de Tijd met de Noord/Zuidlijn

— view —

thumb.png

Digital Society School: Website

— view —

Thumb.jpg

KRO-NCRV: De Monitor

— view —

demonitor-cover3.jpg

OBA: Junior zoek- en ontdekomgeving

— view —

oba-cover.jpg

Karwei: Moodboard Maker

— view —

karwei-cover.jpg

LEGO BOOST: 3D-experience

— view —

lego.jpg

Fitchannel: Platform

— view —

fitchannel-banner.jpg

Albert Heijn: Moestuintje App

— view —

moestuintje_cover.jpg

15 Jaar BOB

— view —

bob_front_cover.jpg

KRO-NCRV Lost In The Game

— view —

cover.jpg

Coke Zero Zone

— view —

Cover_2.jpg

Make Mars Home

— view —

mars_cover.png

TopGear

— view —

cover.jpg

Ontdek waar je fles je brengt

— view —

Coke_GeweldigeCompositie.png

De KRO.nl site

— view —

kro_cover.jpg

KLM Werelddeal Weken

— view —

cover.png

Dokter op Zak

— view —

cover.jpg

Zilveren Kruis Vakantiedokter

— view —

cover.jpg

Zet een streep door discriminatie

— view —

cover.jpg

Doe mee & doneer een diner

— view —

doneeractie.png

Nefit

— view —

image_1.jpg

NPO Groen

— view —

cover.jpg

KRO - Zin in Vandaag

— view —

ziv_cover.jpg

BOB Campagne

— view —

cover.jpg

Donald Duck Radical

— view —

cover.jpg

Jouw meter zee

— view —

jouw_meter_zee.jpg

De Challenge App van ING

— view —

1.jpg

Honor Europe

— view —

cover.jpg

Jumbo Dagje uit spaaractie

— view —

cover.jpg

COKE ZERO Zone

— view —

cover.jpg

Bonduelle Superfood

— view —

cover.jpg

BUMA Music Academy

— view —

cover.jpg

OOR

— view —

cover.jpg

info@noprotocol.nl   |   +31 (0)20 515 04 96