Wat we doen

Ons team bestaat uit stuk voor stuk gedreven en enthousiaste young professionals. Voor ieder vraagstuk hebben wij de specialist, marketing avonturiers voor creatieve uitingen en campagnes en website helden voor een prachtige volledig responsieve website of webshop. Wil je liever opvallen met een unieke app voor een evenement of een bedrijfsgame? Onze app nerds bouwen de mooiste apps, perfect werkend op iedere tablet en smartphone.

Neem contact op

Waar we trots op zijn

Benieuwd waar wij eerder aan gewerkt hebben? Wij zijn ontzettend trots op onze breed georentieerde projecten en laten ze dan ook dolgraag zien. Van een luxe meubelfabrikant (LINTELOO) tot een netwerkorganisatie in de haven van Rotterdam (iTanks).
Ontdek onze opdrachtgevers én opdrachten hiernaast.

Neem contact op

 Bekijk onze vacatures

Wat doe je bij SB?

Als front end developer bouw ik websites speciaal op maat voor onze klanten. Ik ben verantwoordelijk voor de visuele kant van de website, maar ook voor het CMS dat de klant gebruikt om de website in elkaar te zetten. Ik vind het belangrijk om ervoor te zorgen dat klanten tevreden zijn. Ze willen een website die er goed uitziet op website en telefoon, maar ook een fijne manier om de website aan te passen.

Hoe ziet je dag er over het algemeen uit?

Ik begin vroeg, zodat ik rustig op kantoor kan eten. Dan heb ik een aantal meetings over wat ik die dag ga doen. Ook stuur ik mensen aan met projecten waar ik mee bekend ben. Dan kan ik de hele dag aan verschillende projecten werken, afgewisseld met meetings met andere developers. Met deze meetings zorgen we ervoor dat we elkaar inhoudelijk verder kunnen helpen.

Hoe is de sfeer bij Social Brothers?

In het team heerst een fijne sfeer van broederschap. We maken vaak grappen met elkaar, maar we helpen elkaar ook als iemand een issue heeft. We doen altijd een extra check en ieders mening telt. Als je denkt dat het anders kan, dan kun je dat opmerken en dan nemen we dat mee. We zijn echt een team.

Wat maakt werken bij Social Brothers leuk?

Het is hard knallen, maar we werken met een prettig team. De gezelligheid naast het werk is bij Social Brothers top, zoals het pingpongen in de pauze. De vrijdagmiddagborrel is vaak een heel gezellig boel en er worden veel leuke dingen gepland buiten het werk om. Ik houd zelf van de sportevenementen, zoals Mud Masters met het hele team of de wekelijkse bootcamps die er pre-corona waren. Dat zijn net de dingen die je even aanzetten om met je collega’s nog wat fitter te worden.

Pre-corona hadden we ook geregeld game-avonden. Dan spelen we Age of Empires of andere games en gaan we de hele avond door. In het pand staan ook verschillende lego-sets die door de medewerkers in elkaar zijn gezet. Nu wordt er heel veel ingezet op digitale events, zoals mystery events en maandafsluitingen.

Wat heb je geleerd bij SB?

Doorwerken en goed kijken naar je werk. Dat maakt het mogelijk om dingen op te leveren waar je trots op kan zijn en waar de klant ook blij mee is. We doen hier altijd een extra check, zodat wat we opleveren ook daadwerkelijk goed is en iedereen er trots op kan zijn. Daarvoor werken met pull requests. Met een mooie website is een klant jaren later nog steeds blij.

Waarom zou je andere mensen aanraden om ook bij Social Brothers te komen werken?

Het is een gezellige boel. Je gaat lekker hard werken, maar wel aan heel veel leuke projecten met een gezellig team. En er is veel afwisseling. Dan werk je aan een website die in een week af moet zijn, dan heb je een project waar je weken mee bezig bent.

Je werkt hier ook niet alleen met het developmentteam, maar je bent altijd in gesprek met elke afdeling. Dan spreek je met marketing over een koppeling, dan met de designers over een nieuwe website. Je hoort van iedereen wat ze aan het doen zijn en niet alleen je eigen team. Je hebt dus ook contact met alle teams er omheen en dat is heel leerzaam.

Hoe gaan de eerste weken van nieuwe collega’s bij Social Brothers?

De laatste tijd zijn er een hoop nieuwe collega begonnen. We groeien dus erg hard. Developers komen voor de onboarding bij mij. Je leert dan hoe we werken en wat onze standaarden zijn. Meestal begin je met het bouwen van een website op een oud design. Je krijgt feedback en leert werken in onze workflow en ons skeleton-theme. Ik laat nieuwe medewerkers altijd veel zelf doen, maar ik zit er wel naast en ben beschikbaar voor uitleg of vragen.

Wat moet je hebben om bij het team te kunnen horen?

Foute humor is altijd goed. En verder een positieve insteek en niet bang zijn om hard te werken. De ene week moet je hier hard aan de bak, de andere week heb je het gezellig en is het lekker rustig.

Wil je ook werken bij Social Brothers? Bekijk hier onze vacatures!

Welke kant gaat het op?

Laten we Duitsland als voorbeeld nemen, omdat Amazon daar al langer actief is. De helft van alle online aankopen gaat daar via Amazon. 80% van de Duitse klanten begint hun customer journey op Amazon. Er is dus een grote kans dat Amazon ook in Nederland een grote speler wordt. Nu zijn er in Nederland wel al andere grote en volwassen e-commerce bedrijven zoals Bol, Zalando en Coolblue, waarbij vooral Bol erg populair is bij de Nederlanders (89% geeft er de voorkeur aan boven Amazon). Dat maakt het interessant om te kijken wat de concurrentie doet.

De e-commerce concurrenten van Amazon

Grote e-commerce concurrenten hebben zich gewapend tegen Amazon door in te spelen op de kost van de Amerikaanse marktplaats. Bol.com bijvoorbeeld verkoopt nu ook kleding om beter te kunnen concurreren met Amazon. Bol.com maakt hier tv-reclame voor en brengt zelfs met tijdschrift Linda een modeblad uit.

De wapenwedloop van de grote spelers heeft gevolgen voor andere webshops. Kleine concurrenten verschijnen niet meer in de zoekresultaten. Zoek maar eens op huishoudelijke voorwerpen zoals een strijkplank of een braadpan. Van de organische zoekresultaten wordt de top 10 ingenomen door grote namen als bol, coolblue, wehkamp, blokker en hema. Kleine webshop komen er niet tussen. Dit heeft te maken met autoriteit, voorkeuren van de zoekers en de breedte van het aanbod.

In de betaalde zoekresultaten leggen de kleinere webshops het ook af tegen de grote spelers. De drijven namelijk de kosten per klik op, zodat kleinere webshop weinig mogelijkheden hebben om ertussen te komen. Zo hebben de grotere bedrijven op alle manieren dominantie binnen de zoekmachine.

Wat betekent Amazon voor jouw e-commerce?

De dominantie van de grote spelers, heeft tot gevolg dat customer journeys in de B2C-marketing steeds vaker zullen op dit soort marktplaatsen of dat nu Amazon is of niet. 16% van de consumenten start nu al zijn customer journey op een marktplaats. De marktplaatsen zijn goed voor 33% van de online verkopen en ze maken 40% van de online retailmarkt uit. Als je niet tot de groten behoort, heb je een goede marketingstrategie nodig die inspeelt op wat er gaande is.

Er zijn dan globaal twee opties voor je eigen e-commerce na de komst van Amazon. De eerste is jouw bedrijf zo inrichten dat je kan profiteren van de online marktplaatsen. Dat wil dus zeggen dat je je producten vooral via Bol.com en consorten gaat verkopen, in plaats van de concurrentie aan te gaan ermee. Dan kan een slimme strategie zijn. Je vergroot je bereik en lift mee op de naamsbekendheid van de gekozen marktplaatsen.

Door middel van onze partner Channable kunnen we je helpen om je producten naar verschillende marktplaatsen te pushen. We kunnen ze dan vanaf één plek beheren, aanpassen en de prestaties bijhouden. Ook kunnen we helpen met de productomschrijving om te zorgen dat je producten binnen de marktplaats goed vindbaar zijn.

De andere optie is om je te onderscheiden van de rest. Wat kan jij bieden dat Bol, Amazon of Coolblue niet kunnen? Wat maakt jouw product, dienst of merk bijzonder? Om je te onderscheiden is het belangrijk om een strategie op te zetten voor je branding en dat je de juiste kanalen inzet om je doelgroep te bereiken. Social Brothers kan je helpen om de juiste (sociale-) mediakanalen te bepalen voor jouw bedrijf en de juiste doelgroepen te targeten.

Meer weten?

Wil je weten wat de komst van Amazon betekent voor de marketingstrategie van jouw e-commerce bedrijf? Neem contact op met Social Brothers! Samen kijken we welke optie het beste past bij jouw bedrijf.

1. Community marketing

Wees eerlijk, we hebben het wel gehad met alle zoom-webinars, teams-presentaties en andere online events. Zo langzamerhand zijn we wel toe aan oprecht menselijk contact. Dat zien we ook terug in de marketingtrends. Event-based marketing zal afnemen en community marketing zal een grotere rol gaan spelen. Dat maakt het belangrijk om ervoor te zorgen dat jouw bedrijf zichtbaar is op community platformen. Dat kan gaan om platformen van derden, maar ook om een eigen platform. Vergeet ook het belang van sociale media, zoals facebook-groepen niet. Wil je meer weten over online community platformen, lees dan ook ons blog erover.

2. Engagement

Marketing trend nummer 2 sluit aan bij de behoefte aan menselijk contact. Het wordt steeds belangrijker om niet alleen aanwezig te zijn online, maar hier ook interactie aan te gaan met je leads. Denk aan panels en discussiegroepen. Zo deel je niet alleen je kennis, maar maak je die ook relevant voor specifieke leads.

Deze ontwikkelingen willen overigens niet zeggen dat je helemaal geen webinars meer moet organiseren. Wel dat het belangrijk is om na te denken hoe je voor, tijdens en na de webinar een verbinding legt met bezoekers, leads en klanten.

3. Automated Personalization

Aan de behoefte aan persoonlijk contact kun je niet alleen tegemoet komen op platformen en op sociale, maar ook in je e-mailmarketing, op je website en in advertenties. Zo kun je ervoor zorgen dat al je marketingactiviteiten aansluiten bij de customer journey. De marketingactiviteiten van je organisaties zijn zo behulpzaam voor de lead, in plaats van disruptief. Lees hier meer over automated personalization.

Een belangrijk begrip hier is conversational marketing. Deze vorm van marketing draait om het verbinden van je klanten en het opbouwen van een relatie door middel van gepersonaliseerde content. Een goede conversational groeistrategie gaat van socials tot chatbot en van WhatsApp tot Pinterest.

4. Deep data, AI en machine learning

Om goed aan te sluiten bij marketing trend nummer 3, is kennis van je bezoekers, leads en klanten onmisbaar. Gelukkig hebben Google, Facebook en andere advertentiekanalen jarenlang inzicht verkregen in wat wel en niet werkt. Er zal dan ook de komende tijd veel meer gebruik gemaakt gaan worden van responsieve en dynamische ads.

Via tools als Google Analytics en HubSpot heb je deze inzichten zelf ook. 2021 is het moment op dit in te zetten om optimaal resultaat te behalen. Via machine learning en historische data weten we steeds beter of een bezoeker nu wel of niet lead gaat worden op jouw website. Dat maakt het belangrijker dan ooit om je data goed bij te houden (want garbage in = garbage out).

5. Personal branding

Waarom zijn influencers zo succesvol? Omdat het mensen zijn. Hoe menselijker jouw merk, hoe succesvoller je bedrijf zal zijn. Zorg voor een duidelijk herkenbare smoel voor je bedrijf met een consistente huisstijl en tone-of-voice. Maar menselijk zijn heeft ook te maken met interactie aangaan. Sociale media zijn hiervoor het perfecte middel. Dat kan dan via je bedrijfsaccount, maar nog persoonlijker maak je het als de social media kanalen van je medewerkers ervoor inzet.

6. Authentieke content met diepgang

Meer en meer vindt kennisdeling plaats via het internet. Op hier een belangrijke speler te zijn is het belangrijk om authentieke content te delen met diepgang. Authentiek wil daarbij meer zeggen dan dat je geen plagiaat pleegt 😉 Zorg dat je personal brand en je eigen tone-of-voice juist hier naar voren komt. En diepgang bied je door te zorgen dat je meer te zeggen hebt dan andere bedrijven die over dezelfde onderwerpen schrijven. Meer zeggen staat overigens niet gelijk aan meer woorden gebruiken.

Belangrijk bij kennis delen is wel om de andere trends niet uit het oog te verliezen. Praat niet alleen tegen je bezoekers, maar ook met ze. Deel je content op platformen en daag gebruikers uit om interactie met je post aan te gaan.

7. Inbound marketing

Je kan het eigenlijk al afleiden uit veel van de eerder genoemde trends: inbound is here to stay! Authentieke kennis delen, verbinding maken met je leads via social media en andere community platformen, het past allemaal perfect binnen de inbound methode van attract, engage en delight. En draaien niet veel van de eerder genoemde trends om tevreden klanten, het middel om het vliegwiel van inbound marketing draaiende te houden? Lees hier meer over de principes van inbound marketing.

8. Kanalenfusie

Verschillende digitale kanalen raken steeds meer met elkaar verbonden. Denk bijvoorbeeld aan social e-commerce. In de B2C-marketing gaan bijvoorbeeld WhatsApp, Instagram en Pinterest een steeds grote rol spelen onder andere door de mogelijkheid om rechtstreeks vanuit de apps aankopen te doen.

Ook marketplaces zoals bol.com en amazon.nl zullen een steeds grotere rol gaan spelen. Ook Google gaat hiermee aan de slag met de Google Action Workplace. Deze is nu al beschikbaar in de VS en Frankrijk en zal naar verwachting in 2021 ook in Nederland beschikbaar zijn. Maar ook zonder speelt Google al een grote rol in de kanalenfusie. Denk aan de mogelijkheid om te chatten vanuit Google My Business of de mogelijkheid om direct vanuit Google Maps een restaurant te reserveren.

Voor de marketing van je organisatie is het vooral belangrijk om hierop in te spelen en op alle relevante kanalen aanwezig te zijn.

9. Voice search

Siri, Google Home en Alexa dragen eraan bij dat steeds meer zoekopdrachten via spraak worden gedaan. Dat verandert de aard van de zoekopdrachten: in plaats van enkele inhoudswoorden, wordt er vaak een hele vraag gesteld. Vergelijk ‘marketingtrends 2021’ met ‘Alexa, wat zijn de marketingtrends voor 2021’. Deze verandering in manier van zoeken heeft gevolgen voor je SEO-optimalisatie. Websites die duidelijk vragen beantwoorden scoren hoger bij deze zoekopdrachten en de long tail keywords worden steeds belangrijker. Lees hier meer over trends in SEO.

10. Cookies

Door initiatieven zoals de cookiewet, GDPR/AVG en Apple’s ITP, neemt de effectiviteit van tracking cookies af. Bereid je dus voor op wereld zonder (third party) cookies. Hierdoor wordt tracking moeilijker. Gelukkig is dit een geleidelijk proces! Dit betekent voor nu dat er toestemming nodig is voor cookies en dat de klant privacy verwacht. Bij Safaris is er al een volledige ban op third party cookies. Gelukkig zijn er oplossingen in de vorm van first party cookies en fingerprints.

Meer weten?

Meer weten over online marketing? Dan heb je wellicht ook interesse in ons blog over SEA? Of wil je liever meer weten over A/B-testen?

Sparren over de online marketing van jouw organisatie? Ook dat kan! Onze marketeers staan voor klaar.

Hoe ben je bij Social Brothers terecht gekomen?

Ik kende Social Brothers al, omdat ik hier eerder gesolliciteerd had voor een stageplek. Die stage ben ik uiteindelijk gaan volgen bij SchaapOntwerpers. Later zag ik een post op LinkedIn voorbij komen voor deze functie als designer. Daar heb ik op gereageerd en toen ging het best wel snel. Het spreekt me erg aan dat ik bij Social Brothers aan een breed scala aan projecten kan werken. Dit bedrijf geeft meer mogelijkheden dan de vaste blokjes. Zo zijn er ook veel proefballonnetjes.

Wat doe je bij Social Brothers?

Als designer werk ik aan allerlei soorten projecten. Het gaat vooral om websites, maar ook om advertenties en brochures. Deze week werk ik bijvoorbeeld aan een project voor Mensely. Social Brothers heeft eerder het platform Leiderschapeninzetbaarheid.nl voor hen ontworpen. Ik maak nu het design van een nieuw gedeelte daarvan: advies op maat.

Verder ben ik bezig met een redesign van de website van FunForest en met brochures voor Blue Current. Ik maak ook regelmatig advertentie-afbeeldingen voor LinkedIn en Facebook. Het tofste vond ik de advertenties voor de maritieme week van Nederland Maritiem Land en het design van de website van Helder Maritiem.

Welke talenten kom je brengen bij SB?

Ik ben goed in het oplossen van problemen en kan altijd helder na blijven denken. Het belangrijkste is denk ik dat ik flexibel ben. Als je om half zes nog iets hebt, dan klap ik mijn laptop open en denk ik met je mee. Daarom houd ik ook wel van de variatie en diversiteit in projecten bij Social Brothers. Ik ben niet de hele dag met hetzelfde project bezig en dat voorkomt dat mijn creativiteit blokkeert. Die afwisseling vind ik prettig om fris te blijven. Als ik iets afsluit en later weer opstart, zie ik toch andere dingen. Zo kan ik zorgen voor de twist waar de klant naar zoekt.

Waar kunnen klanten/collega’s je voor wakker bellen?

Je kunt me beter uit laten slapen en het later vragen. Maar als het echt moet, dan mogen collega’s me wakker bellen voor mijn guilty pleasure: muziek van Radio NL en daaronder.

Klanten mogen me natuurlijk wakker maken voor een toffe design challenge!

De software van HubSpot zorgt ervoor dat je de klantreis door middel van de marketing automation tools zo frictieloos mogelijk kan laten verlopen. Op basis van data geef je potentiële klanten de informatie waar zij behoefte aan hebben op het juiste moment. Zo ondersteun je je kwalitatieve leads, in plaats van dat je hen stoort met de verkeerde reclame op het verkeerde moment.

Download ook onze whitepaper met 33 HubSpot hacks om nog meer uit de tools te halen!

Download de whitepaper met 33 HubSpot-hacks

Wat is HubSpot en welke tools biedt HubSpot?

HubSpot is een (gratis) CRM met een marketing hub, een sales hub en een service hub. Daarnaast biedt HubSpot ook een CMS aan. Het software-platform biedt zo alles dat het commerciële team van je bedrijf nodig heeft. Er zijn drie belangrijke voordelen boven een ander CRM:

  • De integratie van marketing, sales en services zorgt ervoor dat je alle informatie bij elkaar hebt. Hiermee kun je de customer journey verbeteren en de klanttevredenheid verhogen. Ook bevordert het de samenwerking tussen de verschillende teams.
  • Door integraties met social media, eigen landingspagina’s, CTA’s, formulieren en marketingmails, verzamelt HubSpot meer data over je potentiële klanten dan andere CRM’s. Deze data kun je inzetten van je marketing automation.
  • Het softwareplatform is ontworpen om bij de strategie van inbound marketing te passen. De marketingstrategie is ontworpen door HubSpot en focust op klanttevredenheid. Het basisidee erachter is dat je met tevreden klanten, meer nieuwe klanten kan binnenhalen.
HubSpot CRM

Met de gratis CRM-tool van HubSpot houd je al je klantgegevens bij. Iedereen in je organisatie kan zo makkelijk bij contactgegevens van leads en klanten komen en inzien welke eerdere contactmomenten er al zijn geweest. Het gaat dan niet alleen over persoonlijk contact als mails en belletjes, maar ook over webpagina’s die bezocht zijn, formulieren die zijn ingevuld en automatische mails die zijn verstuurd. Met het CRM krijg je een miljoen gratis contacten, een 360 graden beeld van die contacten en handige functies om tijd en geld te besparen. Zo is het CRM zowel geschikt voor kleine als grote bedrijven.

Wil je meer weten over CRM-systemen? Lees dan ook ons blog over de voordelen en nadelen van de verschillende CRM’s.

Marketing Hub

De marketing hub is er voor vindbaarheid, lead generation, lead nurturing en lead management. Integreer je topic clusters, social media en online advertentie-campagnes om een goed beeld te krijgen van de vindbaarheid van je website. Met landingspagina’s, formulieren en CTA’s helpt HubSpot je vervolgens bij het verzamelen van contactgegevens van leads. Hiervoor heb je overigens niet het HubSpot CMS nodig. De formulieren en CTA’s kunnen ook op andere websites geïntegreerd worden. Met automatische workflows kun je deze lead vervolgens aan je binden. Lees hier onze tips om HubSpot beter in te zetten voor lead nurturing.

Sales Hub

In de sales hub van HubSpot kun je een sales funnel inrichten. Zo houd je controle over je deal management en heb je zicht op resultaten en activiteiten. Ook hier kun je activiteiten automatiseren om tijd te besparen, zoals het versturen van sales e-mails, maar ook een groot deel van de administratieve taken. Als je ook de chatfunctie integreert op je website verlaag je tevens de drempel om contact op te nemen met het salesteam. Alle gegevens uit de chat worden netjes bijgehouden in het CRM, net als e-mails, telefoongesprekken en offertes. Lees hier onze tips om HubSpot beter in te zetten voor sales.

Service Hub

De livechat en het 360 graden klantbeeld komen ook je customer service ten goede. De medewerkers van de helpdesk kunnen de klanten van je bedrijf zo snel en efficiënt te woord staan. Ook hier kunnen weer taken geautomatiseerd worden, zoals het omzetten van klantvragen in tickets. Denk ook aan e-mailtemplates om klanten consistent en duidelijk te woord te staan of de mogelijkheid om de antwoorden op veelgestelde vragen makkelijk om te zetten naar hulpartikelen. Het serviceteam kan verder profiteren van de automation door het gebruik van de HubSpot chatbot die 20% tot 40% van de klantvragen af kan vangen. Zo houden je serviceteam meer tijd over voor complexere klantvragen. Lees hier meer over de voordelen van de HubSpot Service hub.

CMS

Het HubSpot CMS biedt je bedrijf de mogelijkheid om onafhankelijk van een developer mooie pagina’s in elkaar te zetten. De pagina’s kunnen makkelijk gebouwd worden met een drag & drop module. Een groot voordeel boven een standaard-CMS als WordPress is de mogelijkheid gepersonaliseerde, dynamische content aan te bieden. Net zoals je e-mails afgestemd zijn, kan je webpagina dat ook zijn. Een MQL ziet dan bijvoorbeeld een andere CTA dan een SQL. Voor een conversiegerichte website is het ook mogelijk om hier eenvoudig A/B testen op te draaien.

De kracht van HubSpot: inbound marketing

Het idee achter inbound marketing is eenvoudig: tevreden klanten leiden tot meer klanten. Een klant die tevreden is zal immers goede reclame voor je maken, die veel geloofwaardiger is dan welke eigen advertentiecampagne dan ook. De marketing automation tool van HubSpot is dan ook primair gericht op inbound marketing en tevreden klanten. De customer journey, bestaande uit drie fases attract, engage en delight, speelt daarom een belangrijke rol in HubSpot.

Het CRM geeft je de mogelijkheid om contacten te segmenteren, bijvoorbeeld op basis van hun plek in de marketing funnel. Dat maakt het mogelijk om je marketing perfect aan te laten sluiten bij de verschillende fases van de customer journey. Maak ook gebruik van het moment: als iemand een bepaald formulier op je website invult, wil dat zeggen dat hij interesse heeft in jouw bedrijf. Met workflows en specifieke triggers kun je deze kwalitatieve leads op het juiste moment bereiken. Lees hier meer over inbound marketing.

De kracht van HubSpot: data tracken

Alle gegevens van je klanten worden netjes bijgehouden in HubSpot. Dit geeft je inzicht in individuele leads: welke contactmomenten hebben ze al gehad en hoe hebben ze hierop gereageerd. Handige informatie bij klantcontact. Maar het geeft je ook inzicht in de data van je marketing en sales als geheel: hoeveel mensen gaan er naar je landingspagina, hoeveel klikken er op een CTA, hoeveel downloaden een whitepaper enzovoort.

Om deze data in te zetten in het licht van inbound marketing is het goed om in de gaten te houden welke data horen bij welke fase van de customer of buyer journey. Wil je weten hoeveel potentiële klanten je aan je hebt kunnen aantrekken (attract)? Bekijk dan het aantal websitebezoekers. Wil je weten of je deze bezoekers ook hebt kunnen verbinden (engage)? Kijk dan naar het aantal gekwalificeerde leads (MQL en SQL) bij de contactgegevens. Wil je weten hoe tevreden je klanten zijn? Kijk dan naar de NPS score, waarmee aangegeven wordt hoeveel klanten jouw bedrijf of organisatie aan zouden bevelen aan een ander. Via slimme mails kun je deze gegevens verzamelen.

Wil je meer weten over hoe je gegevens over potentiële klanten verzamelt, lees dan ons blog over lead recognition.

De kracht van HubSpot: automatiseren

Het laatste pluspunt van de marketing automation tool is – ja, je verwacht het niet – de mogelijkheid om je marketing (en sales en service) taken te automatiseren. Daarmee bespaar je tijd en geld en heb tegelijkertijd de mogelijkheid om je bedrijf te laten groeien. In het bovenstaande zijn al wat voorbeelden genoemd, zoals e-mail automation, het automatisch aanmaken van contacten bij bijvoorbeeld het invullen van formulieren of het automatisch aanmaken en toewijzen van tickets bij klantvragen. Deze automatisering heeft voordelen zoals de schaalbaarheid en de meetbaarheid ervan. Lees hier meer over de voordelen (en nadelen) van marketing automation.

Workflows met e-mails zijn ook voordelig voor je marketingstrategie. Een goed uitgedachte en foutloze flow levert je waarschijnlijk meer op dan een medewerker die elke e-mail afzonderlijk moet schrijven. Dat maakt het wel extra belangrijk om goed na te denken over je automatische workflow. Denk er wel aan om mails te testen en je contacten goed te segmenteren. Zo kun je persoonlijke geautomatiseerde mails bezorgen op het juiste moment, in plaats van bulkmails die de plank volledig misslaan. Lees hier meer over e-mail automation.

Meer weten?

We begrijpen dat je wel wat inspiratie kan gebruiken bij het opzetten van je e-mailflow. Daarom geven we je nog vijf tips voor workflows die elk e-commerce bedrijf moet hebben. Bekijk ze hier.

Wil je starten met HubSpot? Of werk je al met HubSpot en kun je wel wat hulp gebruiken om alles uit de tools te halen? Neem contact op met Social Brothers.

Download de whitepaper met 33 HubSpot-hacks

Voordat we doorgaan naar de voordelen van een chatbot, eerst wat algemene informatie. Er zijn verschillende soorten chatbots. Zo zijn er rule-based chatbot die bepaalde vragen kunnen beantwoorden of meerkeuzevragen kunnen stellen. Maar er zijn ook complexere chatbots die op basis van AI of NLP zelfstandig een normaal gesprek kunnen voeren met je klanten en bezoekers. Een combinatie tussen beide is ook mogelijk.

Chatbots verschillen natuurlijk ook in identiteit. Bedrijven geven hun chatbots verschillende eigenschappen: is het een man of een vrouw? Staat er een plaatje bij van een normaal persoon, of juist niet? Wat je ook kiest, het is belangrijk dat je chatbot bij je bedrijf past, ook qua manier van communiceren. Je wilt zo veel mogelijk een Conversational Human Voice (CHV) waarbij je chatbot op een menselijk manier, bijvoorbeeld met empathie, communiceert. Lees hier meer over de keuze van een chatbot.

En dan nu: welke voordelen biedt een chatbot?

1. Je bent beter bereikbaar

Het eerste voordeel van een chatbot: je bedrijf is elk moment beschikbaar. Dat is extra handig voor internationale organisaties met klanten in andere tijdzones. Ook hoeven je klanten nooit meer te wachten: een chatbot kan namelijk tegelijkertijd meerdere mensen helpen, terwijl een medewerker maar een beperkt aantal chats kan afhandelen. Hierdoor maken chatbots je bedrijf schaalbaar. Verder is een chatbot een laagdrempelige manier van contact voor je klanten. Dit alles zorgt er samen voor dat je bedrijf beter bereikbaar is door een chatbot.

2. Je bespaart tijd

Afhankelijk van je bedrijf kan een chatbot 20% tot 40% van de klantvragen afhandelen. Hierdoor houden je medewerkers meer tijd over voor de complexere klantvragen. Ze kunnen voor deze complexere zaken de tijd nemen, zonder dat andere klanten ontevreden worden door lange wachttijden. Dit is een win-winsituatie. Klanten met relatief simpele vragen die door de chatbot kunnen worden beantwoord zijn geholpen, maar ook de klanten die juist wel persoonlijke aandacht nodig hebben.

3. Goede investering

Implementatie van een speciaal voor jouw bedrijf ontworpen chatbot kost tijd en geld, maar voor bedrijven met veel traffic is het uiteindelijk wel de beste investering. Kleine bedrijven kunnen bijvoorbeeld gebruik maken van de gratis chatbot-software van HubSpot. Hierdoor kun je ook met een lager budget je eigen chatbot bouwen. Zo kan elk bedrijven profiteren van de voordelen van een chatbot. Wil je meer weten over HubSpot? Lees dan ons blog erover.

4. Verhoogt klanttevredenheid

Een belangrijk voordeel van een chatbot is dat hij de klanttevredenheid verhogen. Klantvragen worden meteen beantwoord, zonder wachttijd en ook buiten kantooruren. De chatbot heeft toegang toe alle informatie in je database, waardoor hij snel en efficiënt antwoord kan geven. Je medewerker moet mogelijk nog zaken opzoeken, je chatbot heeft alles meteen bij de hand. Daar komt nog bij dat een chatbot geduldig is. Ook als hij voor de honderdste keer op een dag dezelfde vraag beantwoordt, blijft hij beleefd.

5. Verhoogde tevredenheid van je medewerkers

Maar niet alleen je klanten worden blij van een chatbot. Ook je medewerkers zullen er tevreden over zijn. Ze hoeven namelijk minder routinewerkzaamheden uit te voeren, zoals het herhaaldelijk beantwoorden van dezelfde vraag. Hierdoor hebben je de medewerkers van de klantenservice meer tijd voor complexe taken en kunnen ze een extra stap zetten voor de klanten voor wie dit nodig is. Zo halen ze meer voldoening uit hun werk.

6. Een chatbot verzamelt data

Je chatbot kan informatie verzamelen over wat je klanten willen weten. Deze kun je weer gebruiken, bijvoorbeeld om je website te optimaliseren. Zo maakt je chatbot het mogelijk om ervoor te zorgen dat in je FAQ ook daadwerkelijk de meest gestelde vragen staan. Ook is het mogelijk om te inventariseren wie contact heeft met de chatbot en eventueel op basis daarvan de status van je leads in je CRM aan te passen. Voor wie datagedreven wil werken, is een chatbot dus een groot voordeel. Meer informatie over wat je met deze data kan, vind je in ons blog over lead recognition.

7. Een chatbot is persoonlijk

Ja, je leest het goed. Via koppeling aan je CRM kan je chatbot persoonlijke informatie gebruiken en daardoor zijn antwoord afstemmen op de vragensteller. Moderne chatbots worden ook steeds ‘empathischer’, doordat ze geleerd hebben bij bijvoorbeeld een verkeerd geleverd product eerst aan te geven dat dat vervelend is. Ze ontwikkelen dus steeds meer een Conversational Human Voice.

8. Echt persoonlijk contact blijft mogelijk

Echt persoonlijk en empathisch contact, kan een chatbot uiteraard niet bieden. Maar een chatbot op je website wil niet zeggen dat contact met een medewerker niet mogelijk is. Weet de chatbot het niet of is een vraag te complex? Dan kan hij bezoekers doorschakelen naar een medewerker. Die kan vervolgens des te sneller aan de slag omdat de chatbot al belangrijke informatie verzameld heeft, zoals het ordernummer. De chatbot wordt zo de ideale werkvoorbereider.

Meer weten?

Wil je meer weten over chatbots in het algemeen of de HubSpot chatbot? Social Brothers helpt je graag.

Of officeel partner van HubSpot kunnen we je op weg helpen met alle onderdelen van de marketing automation tool. Lees hier meer over onze dienstverlening.

Download de whitepaper met 33 HubSpot-hacks

Stap 1 voor marketing automation: user onboarding

Als je ergens nieuw bent, verwacht je een hartelijk welkom waarbij je meteen kennis kan maken. Zo gaat dat ook met nieuwe klanten van je online winkel. Laat ze met een automatische mail weten dat je blij met ze bent en stel je meteen voor.

Dit is het moment om de toon te zetten en te laten weten waar jouw bedrijf voor staat. Onderschat dit niet en neem de tijd voor deze belangrijke stap in je marketing automation. Ga voor een e-mailflow die past bij jouw bedrijf en die klantvriendelijk is. Goede voorbeelden vind je bij CoolBlue en bol.com.

Dit is overigens niet een tip die alleen voor B2C-bedrijven is. Ook in de B2B-sector kun je bij het eerste contactmoment, zoals het invullen van een leadform een dergelijke mail sturen.

Raak je klanten niet kwijt: re-engagement

Stel, je hebt van een goede vriend al lang niets meer gehoord. Wat doe je dan? Juist je neemt zelf contact op. Dat kan ook met klanten die al lang niets meer bij je gekocht hebben. Mail ze met de nieuwe aanbiedingen om ze weer bij je winkel te betrekken.

Hebben klanten een verlanglijstje gemaakt in jouw online omgeving, herinner ze dan aan hun eigen wensen. Hebben je leads geen wensen achtergelaten, dan kun je ook speciale gelegenheden zoals het einde van het jaar aangrijpen om iedereen weer bij de les te krijgen. Zo zorg je ervoor dat je automatische marketing aansluit bij klant en tijdstip.

Wat doe je met verlaten winkelwagentjes?

En tip vooral voor de B2C-sector: stel iemand is bij je langs geweest, maar is zijn sjaal vergeten. Ook dan laat je dat weten. Waarom zou je dus geen contact opnemen met mensen die een volle winkelwagen midden in de e-shop hebben laten staan?

Herinner ze aan hun aankoopintentie en haal ze eventueel over met een extra korting. Er is immers een reden dat iemand niet tot aankoop is overgegaan. Geef dus nog een extra motivatie om toch te kopen.

Aan overtuigde klanten verkoop je meer: upselling

Mensen overtuigen om iets te kopen, is het makkelijkst als ze al overtuigd zijn. Dat is het principe van upselling. Iemand die al eerder keukenapparatuur bij je gekocht heeft, heeft misschien ook interesse in een keukenmachine. Laat aankopen dus ook triggers zijn voor je marketing automation. Dit is natuurlijk ook van toepassing op de B2B-sector. Wie een webdeveloper zoekt, heeft mogelijk ook interesse in online marketing.

Niet vergeten: customer happiness

Het is altijd goed om te weten of je klanten tevreden over je zijn. Volgens het principe van Inbound Marketing zorgen tevreden klanten namelijk voor meer tevreden klanten. Hoe tevreden je klanten zijn, kun je meten met de Net Promoter Score. Hiermee worden klanten ingedeeld in ontevreden klanten, tevreden klanten en promoters, klanten die zo tevreden zijn over je product dat ze het ook aan andere aan zouden raden. En dat wil je natuurlijk. Door klanten na een aankoop een korte enquête in te laten vullen, kun je dit in de gaten houden en erop sturen.

Meer weten over marketing automation?

Meer weten over de mogelijkheden van marketing automation met HubSpot? Lees dan ook onze blogs over e-mailautomation en lead nurturing. Of ontdek alles wat je wilt weten over HubSpot op deze overzichtspagina.

Klaar om workflows op te zetten om je klanten omver te blazen? Laat het ons weten, we denken graag met je mee.

Download de whitepaper met 33 HubSpot-hacks

Als webdesigner is het mijn taak om na te gaan of een website digitaal toegankelijk is. Dat is belangrijk, omdat 20% van de Nederlandse bevolking behoefte heeft aan duidelijkere en betere websites. Kun je klikken zonder muis? Kan er op meerdere manieren genavigeerd worden, bijvoorbeeld via footer, zoekbalk en breadcrumbs? Is er voldoende kleurcontrast? Is het lettertype groot genoeg en kun je zonder problemen tot 200% schalen? Kan de website probleemloos gebruikt worden met hulpprogramma’s en hulpapparatuur?

Als specialist in digitale toegankelijkheid en design kan ik voor een groot deel voorzien of een website geschikt is voor groepen die problemen hebben met de online wereld. Het gaat dan om mensen met een visuele beperking, een auditieve beperking of een motorische beperking. Maar ook om minderbegaafden, laaggeletterden en mensen met dyslexie. De doelgroep zelf is echter de beste tester van digitaal toegankelijk webdesign.

 

Digitoegankelijkheid en UX Design

In principe heeft digitoegankelijk design veel overeenkomsten met UX design: het gaat allebei om ontwerpen met het oog op de best mogelijke gebruikerservaring. Digitoegankelijk design gaat wel verder dan UX design. Mensen die niet ervaren hoe het is om een trillende hand te hebben, zullen knoppen altijd te klein maken of te dicht op elkaar plaatsen. Daarom is het belangrijk om specifiek vanuit deze doelgroep naar webdesign te kijken.

Wat daarbij kan helpen zijn user stories van mensen die een beperking hebben, zoals: ‘Als website-bezoeker wil ik dat de taal van de site is aangegeven, zodat mijn schermlezer in de juiste taal voorleest.’

Het is ook belangrijk om een goed beeld te hebben van de beperkingen en wat dit betekent voor een website. Daarvoor maak ik onder andere gebruik van de Funkify Disablity Simulator. Dat is een plug-in van Google Chrome waarmee je kan ervaren hoe het is om met een bepaalde beperking een website te gebruiken.

Verder is het belangrijk om te testen en te blijven testen. Dat kan met deze doelgroep pas als de website helemaal af. Je kan niet met een paper prototype of wireframe aan de slag, onder andere omdat schermlezers en brailletoetsenborden hier niet op werken. Dat er pas in de laatste fase met de doelgroep getest kan worden, maakt het des te belangrijk dat designers goed kunnen voorzien wat wel en niet werkt voor deze doelgroep.

 

Digitale toegankelijkheid in concrete vorm

Digitoegankelijk design hebben we toegepast bij SiR Intergov. Deze instelling biedt start-ups, scale-ups en MKB-bedrijven de mogelijkheid om innovatieve oplossingen voor te dragen binnen overheidsorganen. Omdat SiR Intergov een overheidsinstelling is, zijn ze verplicht te voldoen aan niveau AA van de WCAG-richtlijnen. We hebben hier ingezet op alle algemene zaken als voldoende kleurcontrasts, grootte van het font, grootte van knoppen enzovoort.

Maar we werken nu ook voor Eyescan, een ooglaserkliniek. Op de website komen natuurlijk veel mensen met visuele beperkingen zoals staar. Dan is het belangrijk om hier extra aandacht aan te besteden in het design en daarbij gaan we verder dan wat de richtlijnen voorschrijven. Dat een website aan de richtlijnen voldoet betekent namelijk niet altijd dat de gebruiker er goed mee overweg kan.

 

De waarde van de digitoegankelijkheidsverklaring

Dat een website is goedgekeurd wil helaas niet altijd zeggen dat een website inderdaad digitaal toegankelijk is. Er wordt gekeken naar een aantal criteria, bijvoorbeeld of alle links uniek zijn en er geen flitsende onderdelen zijn. Maar een onlogische website waar de gebruiker in vastloopt, krijgt nog steeds het keurmerk. Voor dit soort zaken is testen met de doelgroep veel belangrijker dan de richtlijnen.

Het keurmerk is uiteraard wel een goede eerste stap, omdat het mensen bewust maakt van het probleem. En het geeft mensen met een beperking een opening om aandacht te vragen voor de problemen waar ze online tegenaan lopen. Overheidswebsites moeten namelijk een toegankelijkheidsverklaring online hebben staan met een contactpersoon erbij. Je weet dan wel waar je naartoe kan bij problemen rondom de digitale toegankelijkheid van bijvoorbeeld de website van je gemeente.

Alle overheidsinstanties hebben nu een digitoegankelijkheidsverklaring, maar daar mag ook in staan op welke vlakken ze nog willen verbeteren. Er is dus ook bij de overheid nog heel veel winst te behalen. De overheid heeft zoveel websites: het kan simpelweg niet dat die nu allemaal in orde zijn. In principe kan je als instantie zeggen: we moeten alles nog verbeteren en dan is de website officieel digitaal toegankelijk. Je moet dat dan wel binnen bepaalde tijd opgelost hebben en dat wordt ook gecontroleerd.

 

Samenwerking development

Bij Social Brothers gaan design en development naast elkaar en hand in hand. Hierdoor kunnen we snel problemen inzien en oplossen. Daarnaast hoeft digitale toegankelijkheid niet altijd zichtbaar te zijn in het design.

Denk bijvoorbeeld aan knoppen als ‘lees meer’. Om deze knoppen duidelijk te maken voor iemand met een schermlezer is het belangrijk dat je ook aangeeft waarover je meer gaat lezen als je op de knop drukt. Maar dit hoeft niet noodzakelijk op de knop te staan. Je kan dit als het ware verstoppen in de code, waardoor het wel voorgelezen wordt, maar niet zichtbaar is. Dit soort oplossingen maken een goede samenwerking tussen developers en designers extra belangrijk. Lees hier meer over digitoegankelijk development.

 

Digitale toegankelijkheid in de toekomst

Vroeger kwamen mensen bij ons om een website te laten maken die ook geschikt is voor mobiel gebruik. Nu vraagt niemand dat meer, omdat het als vanzelfsprekend wordt beschouwd dat een website geschikt is voor mobiel. Ik denk dat het met digitaal toegankelijke websites dezelfde kant opgaat. Over vijf jaar komen mensen vragen om een digitoegankelijke website te ontwerpen en over tien jaar is het de standaard.

Om dat te bereiken denk ik dat het nodig is dat elk bedrijf een adviseur digitale toegankelijkheid heeft. Die let dan op de toegankelijkheid van websites, app en pdf’s, maar zet zich ook in om awareness over het onderwerp te creëren. Dit is natuurlijk belangrijk voor elk bedrijf, maar vooral voor bedrijven de content, documenten en websites beheren.

 

Meer weten of meedenken?

Wil je meer weten over digitale toegankelijkheid? Lees dan ook onze blog Wat is digitoegankelijkheid? Of download onze whitepaper voor nog meer informatie. Of doe de scan om te ontdekken hoe digitoegankelijk jouw website is.

Behoor je tot de 20% van de bevolking die behoefte heeft aan toegankelijkere websites? Dan horen we graag van jou waar je tegenaan loopt. Neem contact op via sjors@socialbrothers.nl om met ons in gesprek te gaan.

Digitoegankelijkheid betekent simpel gezegd dat iedereen een website kan bedienen. Ook als je blind bent of een andere beperking hebt, moet je op een website alle functionaliteiten kunnen gebruiken die een persoon zonder beperking ook kan gebruiken. Het is belangrijk én wettelijk verplicht om niemand uit te sluiten.

Als je kijkt naar bijvoorbeeld openbare gebouwen zoals een station, dan zie je dat het daar normaal is om naast een trap ook een lift aan te bieden. Zo is er een alternatief om ook met een beperking op het perron te komen. Zo’n alternatief is online ook essentieel.

Digitoegankelijk development

Als we specifiek spreken over digitoegankelijk development, dan is het nodig om te realiseren dat websites bestaan uit code. Het belangrijk om die code gestructureerd op te bouwen. Als de code niet goed gestructureerd is, gaat iemand die met het toetsenbord navigeert of die gebruikt maakt van een screenreader op een heel onlogische manier door de website. Als je bovenaan de code voor de footer zet, en onderaan die voor de navigatie, dan gaat een screenreader dat verkeerd om oplezen.

Door via html-tags aan te geven welk onderdeel de header is, welk onderdeel kop 1, welk onderdeel kop 2, welk onderdeel de footer enzovoorts, kun je ervoor zorgen dat er ook met alternatieve methoden op dezelfde manier genavigeerd wordt als je met ogen en/of muis zou doen. De html-tags structureren de content en relateren de verschillende onderdelen van de website aan elkaar.

Dit soort tags zijn overigens ook belangrijk voor je SEO, omdat ze ervoor zorgen dat zoekmachines weten welke onderdelen belangrijk zijn, zoals de koppen. Zo sla je met digitoegankelijk development twee vliegen in één klap.

Een ander voorbeeld van de juiste structuur is het definiëren van de taal van je website, zodat de screen reader weet in welke taal hij voor moet lezen. Denk ook aan het correct afsluiten van html-code, omdat ook dit ervoor kan zorgen dat de screenreader niet goed doorheeft wat de volgorde is.

Samenwerking voor toegankelijkheid

Belangrijk voor een goede digitoegankelijk website is samenwerking tussen developers, designers en webredacteurs. Bij het design moet al nagedacht worden over digitoegankelijk development, omdat je anders het risico loopt dat er zaken ontworpen worden die niet digitoegankelijk te ontwikkelen zijn.

Zo dien je bijvoorbeeld voorzichtig te zijn met het gebruik van tabellen. Als die op een verkeerde manier ontworpen zijn, zijn ze in html niet digitoegankelijk te maken, waardoor een screen reader dit nooit voor kan lezen. Ook sliders zijn een lastig punt, omdat ze op heel veel verschillende manieren ontworpen kunnen worden. Als designers en developers hier op voorhand over overleggen, vang je deze problemen voor een groot stuk op. Lees hier meer over digitale toegankelijkheid en webdesign.

De webredacteur moet op zijn beurt er weer voor zorgen dat er in de content bijvoorbeeld goed gebruik wordt gemaakt van koppen. Maar met alleen een goede webredacteur heb je nog geen digitoegankelijke website. Als de html-code van de navigatie bijvoorbeeld niet goed in elkaar zit, kun je niet eens bij de content komen.

Hoe vind je een goede digitoegankelijke developer?

Als je een partner zoekt voor het ontwerpen van een digitoegankelijke website, is het belangrijk om een bedrijf te zoeken met ervaring met web accessibility. Vraag ook of de designers en developers gecertificeerd zijn en de benodigde cursussen hebben gevolgd. Ik heb zelf veel geleerd van de digitoegankelijkheidscursus, bijvoorbeeld om te denken vanuit het oogpunt van iemand die de muis niet kan gebruiken of van iemand die het beeldscherm niet kan zien. Dat is echt een bepaalde denkwijze.

Digitoegankelijkheid is meer dan de checklist

Digitoegankelijkheid gaat om meer dan het volgen van de regels en het voldoen aan de WCAG-checklist. Sommige zaken worden wel goedgekeurd, maar zijn net niet makkelijk om mee te werken. Dat is dan niet relevant voor het bereiken van niveau A, AA of zelfs AAA, maar wel voor gebruiksvriendelijkheid.

Digitoegankelijk development gaat ook om meer dan het installeren van bijvoorbeeld de Siteimprove Accessibility Checker Plugin. Er zijn meer van dat soort tools en ze zijn zeker nuttig voor de basischecks. Maar ze geven nooit een volledig beeld: ze zien bijvoorbeeld niet of je alternatieven aanbiedt, zoals ondertiteling bij een video. Je kan bij wijze van spreken 100% scoren met zo’n tool en toch heel veel fout hebben gedaan.

Daarom moet er ook altijd met de hand getest worden. Het heeft ook veel toegevoegde waarde om met groep mensen met een beperking te testen, omdat dan altijd zaken naar voren komen waar je niet aan hebt gedacht.

Bij Social Brothers beheersen we het developmentstuk en weten we hoe de regels van de WCAG 2.1 in elkaar zitten, maar we hebben ook een uitgebreide UX-ervaring. Daarbij draait het vooral om de daadwerkelijke ervaring van gebruikers met een beperking en het testen van verschillende opties hiervoor. Dit gaat dus verder dan het behalen van het verplichte niveau. Een ander sterk punt van ons digital agency is de goede samenwerking tussen developers en designer voor het beste resultaat.

Wanneer kies je voor digitoegankelijk development?

Voor overheidsinstanties, inclusief semi-overheid en zelfstandige bestuursorganen, zijn digitoegankelijke websites vanaf 23 september van dit jaar verplicht. Volgend jaar volgt ook de verplichting voor apps.

Let ook goed op of je moet voldoen aan de eisen. We merken dat onze klanten niet genoeg op de hoogte zijn. Als je organisatie deels wordt gefinancierd door overheidsgeld, moet je al voldoen aan niveau AA van de WCAG 2.1. Wij spelen daar vaak een adviserende rol in, want wij willen uiteraard een website opleveren die wel voldoet aan de eisen waaraan hij moet voldoen.

Voor andere organisaties en bedrijven is het een afweging die je zelf moet maken. Het is ook een stukje verantwoordelijkheid én een commerciële afweging. Als je website of app niet digitoegankelijk is, sluit je meteen een groep mensen uit die misschien wel geïnteresseerd is in je bedrijf, service of product. Ik sluit overigens ook niet uit dat digitoegankelijkheid voor meer instanties verplicht gaat worden in de toekomst.

Meer weten?

Overtuigd van de noodzaak van digitoegankelijk development? Neem contact op met Social Brothers!

Wil je meer weten, lees dan ook onze whitepaper over digitoegankelijkheid of vraag de gratis digitoegankelijkheidscan aan.

React Native is ontwikkeld door Facebook en is al sinds 2015 open source beschikbaar. Inmiddels is het een volwassenen en stabiele tool. De beta-versie van Flutter is gereleased in februari 2018 door Google. Sindsdien is de community groeiend, maar nog steeds beperkt. Dat als introductie, maar wat is er nu echt belangrijk bij een vergelijking van React Native vs. Flutter?

React Native en Flutter verschillen van elkaar qua programmeertaal, de manier waarop native componenten toegankelijk zijn, de documentatie, de testmogelijkheden en de manier waarop de export naar IOS & Android plaatsvindt. Laten we die elementen verder bekijken.

Twijfel je nog tussen hybrid of cross platform app-development? Lees dan ons blog over native. vs. hybrid vs. cross platform app-development.

Programmeertaal

React Native maakt gebruik van JavaScript, een veel gebruikte programmeertaal. Verder gebruikt React Native zoals de naam als zegt het framework React. Omdat dit veruit het meest gebruikte webdevelopment framework is, zal voor veel developers de stap naar React Native klein zijn. Verder zijn er genoeg tutorials te vinden en is het makkelijk om code te hergebruiken.

Flutter daarentegen werkt met de in 2011 door Google geïntroduceerde taal Dart. Deze relatief nieuwe programmeertaal wordt amper gebruikt. Door object oriented concepts is de taal makkelijk te leren voor developers die bekend zijn met Java, PHP of C#. Als de complexiteit van de apps toeneemt, is het echter nodig om meer over Dart te leren. Daarnaast wordt Dart door relatief weinig IDEs & text editors ondersteund.

Programmeertaal React Native vs. Flutter

Community

React Native heeft een grote community. Veel developers hebben ermee gewerkt en veel grote spelers op de markt gebruiken React Native, zoals Instagram, Facebook en Skype. De community deelt veel informatie met elkaar via GitHub en meetings. Deze grote community heeft als voordeel dat je als app-eigenaar makkelijk een developer kan vinden, en dat je als developer makkelijk informatie kan vinden. Het framework is hierdoor ook volledig battle-tested en voor bijna elke bug kun je op het internet een oplossing vinden.

De community van Flutter is al enkele jaren groeiende, maar nog niet erg groot om veelvoorkomende problemen op te lossen. Dat wil zeggen dat het lastiger is developers te vinden met veel ervaring met dit framework en het ook lastiger is om support te vinden in de community. Wel zijn er (online) meetups en andere events. Een ander nadeel van een kleine community is dat er relatief weinig extensies en plug-ins beschikbaar zijn. Ontwikkelaars van extensies en plug-ins gaan immers eerder aan de slag met veel gebruikte frameworks.

 

Hoe kom je aan native componenten?

De kern van React Native bevat UI rendering en API’s. Met die API’s kan React Native native modules bereiken. Veel van deze modules zijn van derden. Dat geeft veel mogelijkheden, maar kan ook leiden tot instabiliteit. Gelukkig is React Native al geruime tijd beschikbaar waardoor de meeste API’s stabiel zijn. Daar komt bij dat het werken met de native componenten betekent dat de apps gemaakt met React Native overeenkomen met de standaarden van de verschillende besturingssystemen (iOS/Android).

Flutter is widget-based. In plaats van met native componenten, werkt Flutter met een canvas-based rendering engine. Elke widget wordt uitgerust met een canvas waarop de widget zichzelf kan tekenen. Dit wordt samengesteld tot een scène die vervolgens gepresenteerd wordt als een pixelmatrix. In feite is de engine een volledige Software Development Kit (SDK) met componenten van UI rendering, API’s, navigatie, testmogelijkheden en veel bibliotheken. Ook zijn er widgets voor Material Design. Zo heeft Flutter alles al in zich om met hybrid app-development aan de slag te gaan.

React Native vs. Flutter

Documentatie

Voor vragen over React Native kun je vaak terecht bij de community, bijvoorbeeld via GitHub. Flutter heeft dit minder, maar daar staat tegenover dat Google wel uitgebreide documentatie aanbiedt, in de vorm van een getting-started-guide. Ook is er goede documentatie van livegang en CI/CD-support.

Handig is ook de CLI-tool Flutter Doctor die je door de setup loodst en het CI/CD-systeem Code Magic. Sinds 2019 heeft React Native echter ook een Doctor Command die onder andere kan helpen met trouble shooting en het automatisch oplossen van errors. Verder is er ook voor dit framework uitgebreide documentatie beschikbaar.

Testen

React Native maakt voor testen gebruik van tools van derden en API’s om dit mogelijk te maken, terwijl Flutter test tools ingebouwd heeft. JavaScript heeft weinig testing frameworks voor units en daarom zul je bij React Native tools van derden als Appium of Detox nodig hebben.

Flutter daarentegen heeft ingebouwde mogelijkheden voor het testen van zowel units als widgets en integraties. Ook over de testmogelijkheden is documentatie beschikbaar.

React Native vs. Flutter

En hoe werkt ‘ie?

Nadat je je app ontwikkeld hebt, moet hij uiteraard naar IOS en Android gepusht worden. React Native maakt hiervoor gebruik van de JavaScript Bridge API. Deze ‘mapt’ de JavaScript code naar native code. De Bridge wordt aangeroepen met een bepaalde functie en zorgt ervoor dat dit doorgestuurd wordt naar de bijbehorende functies op Android en iOS zonder compilation stap. Hierin zit een korte vertraging. Flutter heeft als hybrid app geen Bridge nodig. De app zal daardoor iets sneller functioneren.

React Native vs. Flutter?

Met React Native snel aan de slag kun je over het algemeen snel aan de slag en er is een grote community om op terug te vallen. Dat is handig zowel als je een nieuwe developer zoekt, als wanneer je als developer vragen hebt. Het framework is stabiel bijvoorbeeld qua API’s. Het is volwassen en betrouwbaar en wordt door veel grote spelers gebruikt.

Flutter heeft voordelen op het gebied van documentatie en de canvas-rendering-engine en testmogelijkheden, maar dat weegt niet op tegen de nadelen van het gebruik van Dart en de kleine community. Voorlopig zijn er nog teveel obstakels om Flutter een goed alternatief te laten zijn voor React Native.

Meer weten?

Social Brothers heeft veel expertise op het gebied van app development. Wil je meer weten over app development of wil je een app laten bouwen voor jouw organisatie? Neem dan contact op. Wij helpen je graag verder.