Met een interactieve e-mailcampagne hogere CTR voor T-Mobile Ondernemen

Alle klanten van T-Mobile Ondernemen ontvingen een eindejaars e-mail om ze te bedanken voor hun vertrouwen het afgelopen jaar en ze op een unieke manier inzicht te geven in de Unlimited mogelijkheden. Bij deze campagne stonden drie elementen centraal: het einde van het jaar, interactiviteit en inspireren.

De e-mail bestaat uit een snowglobe die bij het aanklikken animeert en uiteindelijk breekt. Bij elke stap ontvangt de klant een paar belangrijke punten van T-Mobile Ondernemen en na de laatste keer schudden kan er ook een Teams achtergrond gedownload worden. Dit vernieuwende design in combinatie met de nieuwe huisstijl van T-Mobile maakt het een succesvolle campagne.

WINNAAR DDMA EMAS 2022 VOOR BESTE E-MAILCAMPAGNE IN DE CATEGORIE!!

In deze klantcase lees je:​

• De 100%EMAIL aanpak
• Video van de campagne
• De gebruikte techniek
• Het proces in stappen 
• De learnings & vervolg

Binnen de B2B markt is men vaak nog terughoudend met het gebruik van interactiviteit. Veel zakelijke e-mail clients, voornamelijk Outlook, ondersteunen het namelijk niet. Wij zijn van mening dat de doelgroep van T-Mobile Ondernemen zich hier juist wel goed voor leent omdat de doelgroep erg mobiel georiënteerd is. Hierdoor wordt de interactieve functionaliteit bij een groot deel van de klanten wél ondersteund. Vandaar dat wij dit hebben geïmplementeerd. We laten daarmee zien dat wij voorlopen op de rest.

Voor deze campagne hebben wij niet voor de “makkelijke” weg gekozen door alleen een animated GIF te maken maar hebben wij er echt een experience van gemaakt. De ontvanger is in zijn geheel in controle over het pad dat hij kiest, met elke keer custom animaties die per stap worden getriggerd op basis van een klik. Door bijvoorbeeld de vallende sneeuw die vanzelf weer stopt, weet de ontvanger wanneer er weer geshaked kan worden. Door middel van een progress-bar weet de ontvanger precies in welke fase van de e-mail hij zit, zodat je qua verwachtingsmanagement goed kan laten zien hoe vaak je nog kan klikken. Aan het eind van de funnel, valt de sneeuw wel Unlimited, wat een knipoog is naar onze merkessentie.

In deze campagne hebben wij het hoogst haalbare gehaald uit usability, maar zeker ook uit het design. Er moest natuurlijk rekening gehouden worden met de huisstijl van T-Mobile, maar door het gebruik van de illustratie stijl was het mogelijk zonder custom fotografie ook buiten de kaders te kunnen denken.

• Interactiviteit
  Voor deze e-mail is er gebruik gemaakt van interactiviteit in e-mail gecombineerd met CSS animatie. Niet alleen het design in deze e-mail is gaaf, maar vooral de complexe CSS animatie, multi-step benadering en ingebouwde taalswitch maken het een bijzondere campagne.
• CSS animatie
  Door de CSS animatie stimuleren we de interactiviteit omdat een klant zelf kan klikken en kiezen. Hierdoor zijn we helemaal “in control” over wat er per stap gebeurt. En is dit tot op de milliseconde nauwkeurig af te stemmen. Bij een GIF in een “loop” kan dit niet. Bijkomend voordeel is ook dat bij het gebruik van CSS animatie het beeld haarscherp is en je niet vast zit aan langere laadtijden dan bij een zware animated GIF.
• Online versie parameters, Engelse versie en interactiviteit meten vanuit één e -mailing
  Omdat Selligent de mogelijkheid biedt extra parameters mee te geven aan de online versie was het mogelijk om ontvangers op elke gewenste stap te laten landen. Met andere woorden: als je vanuit het fallback scenario klikt op “Shake it” dan kom je netjes op de 2e stap van de e-mail uit en klik je op “Break it”, dan kom je uit op de laatste stap. Zo was het mogelijk om alle ontvangers/clients dezelfde ervaring te kunnen bieden (met als enige verschil dat vanuit de fallback de volgende stap wordt geladen in een webbrowser). Op dezelfde manier hebben wij in dezelfde e-mail ook de Engelse variant kunnen maken, dit had als bijkomend voordeel dat wij vanuit één e-mailing elke vorm van interactie ook konden meten. Dit is dus inclusief het gedrag binnen de interactieve componenten in de e-mail zoals de shake en break it, wat een uniek inzicht geeft naast de klassieke opens en click (outs).
• Custom fonts
  Om zo dicht mogelijk bij de huisstijl van T-Mobile te blijven wordt het lettertype van T-Mobile ook gebruikt in de tekst. Helaas zijn er ook e-mail clients die dit niet ondersteunen, daar wordt dan een regulier webfont gebruikt. In dit geval Arial.
• Testen
  Om uiteindelijk een zo groot mogelijke doelgroep deze e-mail te kunnen laten zien, hebben wij ook eerst een A/B/C/D subjectline test gedaan om te zien welke subjectline het beste scoorde op opens en clicks.

1. Brainstorm
We wilden onze klanten verrassen. In verschillende brainstormsessies met 100%EMAIL, hebben wij een aantal concepten bedacht en ontwikkeld. Van shuffle-games, lichtknoppen, vallende sneeuw tot buiten de kaders breken, zijn wij uiteindelijk tot het schuddende en brekende snowglobe concept gekomen. 

2. Prototype
In dit proces zijn wij zo snel mogelijk overgegaan tot het maken van een werkend HTML prototype. Je loopt zo namelijk veel sneller tegen eventuele usability issues aan dan dat je eerst alles in een statisch Photoshop ontwerp gaat finetunen. Daarnaast krijgt het concept op deze manier gewoon veel sneller vorm en komt het sneller tot leven. 

3. Wekelijkse voortgang
Ook zorgden de wekelijkse afstemmomenten met 100%EMAIL voor een soepele en agile werkwijze die ervoor zorgde dat er geen ruis kon optreden met betrekking tot het concept, de uitvoering, het inplannen en de rapportage er gewoon veel sneller vorm en komt het sneller tot leven. 

Het proces om met een prototype te werken en wekelijkse afstemmomenten bleek erg effectief. Dit bespaarde tijd en zorgde ervoor dat er snel geschakeld kon worden. Voor deze e-mail bleek de inzet van een interactief concept uiteindelijk voor alle ontvangers in te zetten, omdat het fallback scenario naadloos kon aansluiten op de interactieve browser ervaring. De combinatie tussen interactief en Selligent zorgt ervoor dat dit in de toekomst ook vanuit een statische fallback sneller naar een interactieve ervaring geschakeld kan worden. Het was de bedoeling om op een leuke manier een interactieve kerstkaart te versturen om een glimlach op het gezicht te brengen van de ontvanger, dat is gelukt. De drie elementen die centraal stonden in de e-mail kwamen goed over en het design als geheel is mooi geworden. Dit was niet onze eerste interactieve End of year campagne. Na het succes van het jaar ervoor hebben we besloten weer een unieke one-off e-mailing te ontwikkelen, gezien de positieve resultaten zullen wij in de toekomst zeker vaker gebruik maken van de CSS animatie techniek en multistep e-mailings. Naast dat het een mooie en leuke e-mail was, is het vooral van belang dat onze klanten dit waarderen. Men kon via de feedback optie onderin de e-mail reageren:

Vanzelfsprekend gaat het ons ook om de resultaten. En die zijn boven verwachting! We zijn zeker van plan meer innovatieve concepten in te zetten en de technieken die daarin gebruikt worden uiteindelijk ook in te zetten voor onze reguliere uitingen, denk dan bijvoorbeeld aan het inzetten van carrousels van nieuwe telefoons, of animaties te gebruiken bij productweergaves.

Hieronder zie je de resultaten van deze campagne ten opzichte van de vorige campagne én de DDMA benchmark Telecom B2B van 2020:

Een ander mooi voorbeeld van het succes van deze e-mail is ook te herleiden uit de totale kliks gerelateerd aan de unieke openers. Gemiddeld genomen heeft elke klikker 2,5x geklikt in de e-mail.

Voor Arsenal maakten wij met groot succes een e-mailcampagne met gepersonaliseerde filmpjes voor de jarige jong fans. 

Lees hier alle ins & outs over deze campagne.

CSS animatie in e-mail wordt nog niet veel toegepast. Toch levert het veel voordelen. 

Meer over deze technologie in e-mail lees in je deze case van Mollie.

Optimalisatie van een bestaande campagne stimuleert de verkoop van pakjes onder (potentiële) donateurs en verhoogt zo de conversies. 

Download hier de klantcase