Kijkje in de keuken: zo smeren wij onze digitale broodjes..
'K zag twee beren… tools kiezen, bouwen, ontwerpen en beveiligen. Geen wonder, wél vakwerk.
Bij Roadbear Studios vinden we dat goed design en slimme techniek niet alleen mooi moeten zijn, maar ook duurzaam, toegankelijk en privacyvriendelijk. Daarom kiezen we bewust voor open-source software, tools die we zelf hosten en diensten die ons onafhankelijk houden van Big Tech, zónder in te leveren op kwaliteit of gebruiksgemak.
Hieronder zie je onze dagelijkse gereedschapskist, per vakgebied. Bij elke tool staat waarom we hem gebruiken en welk kennisniveau je nodig hebt. Zelf proberen? Doen! Liever samen bouwen? Nog beter. Stuur gerust eens een berichtje!
Spring naar: Ontwerpen · Websites bouwen · Ontwikkelen · AI & automatisering · Samenwerken · Privacy & veiligheid · Marketing & verkoop · Extra's
Beginner: Je zit niet voor je lol achter een computer en wilt graag zo snel mogelijk weer verder met je bedrijf.
Gevorderd: Computeren is leuk en je rust niet tot je gedaan hebt wat je wilde doen. Daarna gauw weer verder met je eigen toko!
Pro: Elk vrij uurtje zit je achter een scherm en je bent tot diep in de nacht aan het klooien met je eigen website, designs of facebookpagina. Eigenlijk had je ook best webdesigner kunnen worden 😉
Ontwerpen & huisstijl
Van eerste schets tot drukklaar bestand: hiermee geven we merken een gezicht.
Penpot
Voor ontwerpen en prototypes
Level: Iedereen
Hét ontwerpprogramma waarin we tegenwoordig websites, social posts en complete designsystemen maken. Penpot kan net zoveel als Figma, is open-source en draait bij ons op een eigen server. Onze ontwerpen blijven dus van ons (en van jou). Gratis te gebruiken, gewoon in je browser. Goed design voor iedereen!
Brandbear
Voor een online brandbook
Level: Iedereen
Kleuren, lettertypes, logo's en huisstijlregels bewaren we niet in een PDF die niemand terugvindt, maar in Brandbear: ons eigen online brandbook. Zo pakt iedereen die met je merk werkt, van drukker tot stagiair, altijd de juiste versie. En omdat Brandbear ook met AI praat, houden zelfs onze ontwerp-assistenten zich netjes aan je huisstijl.
Adobe Creative Cloud
Voor drukwerk, logo's en beeld
Level: Pro
Voor drukwerk en huisstijlen werken we nog altijd met Adobe. Grofweg: InDesign voor drukwerk zoals folders, cd-hoesjes en stickers, Illustrator voor logo's en huisstijlen, Photoshop voor fotobewerking, en Premiere en After Effects voor video. Via de Creative Cloud-bibliotheken delen we logo's en huisstijlbestanden makkelijk met klanten.
Blender
Voor 3D-beelden
Level: Pro
Soms zegt een 3D-beeld meer dan een foto. In Blender bouwen en renderen we 3D-scènes, van een illustratie voor een homepage tot een productvisual. Open-source, gratis en minstens zo krachtig als de dure pakketten. De leercurve is wel stevig, dus reken op een paar lange avonden!
Canva
Voor zelf banners en drukwerk maken
Level: Beginner
Met een gratis Canva-account ontwerp je binnen kant-en-klare layouts zelf posts, flyers en banners. Met een betaald account zet je ook je eigen logo en huisstijlkleuren klaar.
Tip voor non-designers: wijk niet te veel af van de voorbeeldlayouts. Ze zijn misschien generiek, maar wel professioneel. Kleuren naar je huisstijl, eigen tekst erop en klaar!
Websites bouwen
Het fundament onder vrijwel alle sites die we opleveren.
WordPress
Voor snelle en professionele websites
Level: Gevorderd tot Pro
WordPress begon als blogplatform en is uitgegroeid tot het CMS waarop ruim 40% van alle websites draait. Dankzij de enorme community is er voor bijna alles een thema, plugin of tutorial, en developers kunnen er eindeloos op doorbouwen.
Het belangrijkste: je zit nergens aan vast. Bevalt je webbouwer niet, dan verhuis je zo naar een ander. Met een eigen, zelfgebouwd CMS kan dat niet.
WooCommerce
Voor webshops
Level: Gevorderd tot Pro
Maakt van je WordPress-site een webshop, voor fysieke producten en voor digitale downloads zoals e-books of cursussen. Met voorraadbeheer, verzendopties, kortingscodes, btw-instellingen voor internationale verkoop en een koppeling met Mollie. Flexibel en schaalbaar voor kleine tot middelgrote shops.
Divi
Voor snel en professioneel bouwen
Level: Gevorderd tot Pro
Divi is het thema en de sitebuilder waarmee we het merendeel van onze sites bouwen, inmiddels op Divi 5. Je klikt je pagina's in elkaar uit modules, en wat er niet in zit programmeren we zelf. We bouwen nogal uiteenlopende websites en Divi heeft ons nog nooit in de steek gelaten.
Als klant van Roadbear Studios zit een Divi-licentie bij je hosting inbegrepen. Wil je zelf aan de slag? Via onderstaande link koop je Divi en help je ons ook een beetje 🙂
Onze vaste plugin-basis
Voor vindbaar, snel en betrouwbaar
Level: Gevorderd
Een paar plugins zetten we op bijna elke site die we bouwen:
Yoast SEO voor de technische basis voor zoekmachines, LiteSpeed Cache voor snelheid, Contact Form 7 of Gravity Forms voor formulieren, en een nette SMTP-koppeling zodat je formulierberichten niet in de spambox belanden. Saai? Misschien. Maar hier begint een goede website mee.
WPML
Voor meertalige websites
Level: Gevorderd tot Pro
Dé plugin om je website in meerdere talen aan te bieden. Je kiest per onderdeel wat je vertaalt: alles, of bijvoorbeeld juist geen nieuwsberichten en agenda-items. Automatisch vertalen kan, en je kunt ook vertalers direct opdrachten sturen. Zo blijft je site up-to-date, in welke taal dan ook.
Hosting en domeinnamen
Voor alles onder één dak
Level: Iedereen
Je website, e-mail en domeinnaam kun je gewoon bij ons onderbrengen: snelle servers, met backups en updates geregeld. Eén aanspreekpunt als er iets is, en geen gedoe met drie verschillende partijen.
Ontwikkelen & code
Wat er niet is, bouwen we zelf. Dit is ons gereedschap daarvoor.
PhpStorm
Voor die-hard code-kloppers
Level: Pro-Pro
Voor het zwaardere programmeerwerk gebruiken we PhpStorm. Het werkt naadloos samen met Git, kent WordPress en frameworks als Symfony door en door, en compileert Sass zonder extra gedoe. Niet gratis, maar JetBrains heeft goede regelingen voor starters.
Docker
Voor alles netjes in containers
Level: Pro-Pro
Al onze zelfgehoste tools, van Nextcloud en Mattermost tot OpenProject, Matomo en Penpot, draaien in Docker-containers op onze eigen server. Elke tool in zijn eigen afgesloten doosje: makkelijk bij te werken, te backuppen en te verhuizen.
Cursor
Voor programmeren met AI
Level: Pro
Een code-editor met ingebouwde AI die je hele project begrijpt. Handig om snel iets uit te zoeken, code na te laten kijken of saai werk te automatiseren. Het denkwerk en de eindcontrole blijven bij ons.
Eigen plugins
Voor wat nog niet bestaat
Level: Iedereen
Soms bestaat de juiste plugin gewoon niet. Dan maken we hem zelf, zoals onze eventkalender of een filterbare kaart. Onze plugins worden automatisch en veilig bijgewerkt via onze eigen updateserver, dus jij hebt er geen omkijken naar.
Git en GitLab
Voor betrouwbaar versiebeheer
Level: Pro
Met Git bewaren we elke versie van onze code. Iedereen werkt op een eigen kopie, knipt het werk op in kleine, geteste stukjes en pusht die pas daarna naar de gedeelde server.
Die server is onze eigen GitLab. Daar draaien ook automatische controles voordat er iets live gaat, zodat een test nooit per ongeluk je website omver haalt.
AI & automatisering
AI doet het zware tilwerk, wij houden het stuur.
Claude AI
Voor het automatiseren van ons bedrijf
Level: Beginner tot Pro
Met Claude automatiseren we een groot deel van ons werk. Het werkt als een extra collega die dingen uitzoekt, teksten schrijft, code nakijkt en ontwerpen voorbereidt. En omdat we Claude gekoppeld hebben aan onze eigen systemen (daarover meer bij de MCP-koppelingen), kan het echt meewerken in plaats van alleen meepraten.
MCP-koppelingen
Voor AI die echt kan meewerken
Level: Gevorderd tot Pro
MCP (Model Context Protocol) is de stekkerdoos tussen AI en je software. We bouwen en beheren onze eigen MCP-servers, zodat Claude veilig kan werken met onder meer WordPress, onze projectplanning in OpenProject, agenda's via CalDAV, statistieken in Matomo, nieuwsbrieven in Laposta en ontwerpen in Penpot.
Alles loopt via één eigen gateway, en alles wat iets kan stukmaken vraagt eerst een akkoord-klik van een mens.
Lees: praten met je WordPress-website
ChatGPT
Voor een tweede mening
Level: Beginner tot Pro
Claude is onze vaste collega, maar af en toe vragen we ChatGPT om een tweede mening. Twee AI's met een andere kijk leveren soms net dat betere idee op.
Samenwerken & communicatie
Plannen, overleggen en delen, het liefst op onze eigen servers.
OpenProject
Voor projectmanagement en planning
Level: Gevorderd
Elke klus, van kleine wijziging tot complete website, staat bij ons als taak in OpenProject, met planning, tijdregistratie en documentatie. Ideaal voor trajecten met veel stappen en betrokkenen. En ook deze draait op onze eigen server.
Signal
Voor appen en korte berichtjes
Level: Iedereen
Voor privacyvriendelijk appen gebruiken we al jaren Signal in plaats van WhatsApp. End-to-end versleuteld, open-source en zonder reclame of trackers.
Joplin
Voor notities
Level: Gevorderd tot Pro
Onze ideeën, plannen en losse aantekeningen gaan in Joplin in plaats van Evernote. We werken volgens Getting Things Done: alles eerst in een “inbox”, later opruimen in een handvol mappen. Zelf gehost, met een app voor telefoon én computer, dus je noteert je ideeën altijd en overal.
Mattermost
Voor veilige interne chat
Level: Gevorderd tot Pro
Ons zelfgehoste alternatief voor Slack. We gebruiken Mattermost voor teamoverleg, projectupdates en snelle vragen tussendoor. Alles draait op onze eigen server, zonder externe afhankelijkheden.
Thunderbird
Voor e-mail en agenda
Level: Gevorderd
Onze dagelijkse mailhub, zonder Outlook of Apple Mail. Thunderbird is open-source en overzichtelijk, kan meerdere accounts tegelijk aan en de agenda synchroniseert met onze Nextcloud.
Passbolt
Voor het veilig delen van wachtwoorden
Level: Gevorderd
Wachtwoorden delen we nooit via mail of chat, maar via Passbolt: een open-source wachtwoordkluis voor teams. Alles versleuteld, en per wachtwoord bepalen we precies wie erbij kan.
Jitsi
Voor veilig videobellen
Level: Iedereen
Voor videobellen gebruiken we onze eigen Jitsi Meet in plaats van Zoom of Google Meet. Geen account nodig, geen tijdslimiet, geen tracking: link delen en praten. Werkt in de browser, ook op je telefoon.
Nextcloud
Voor onze eigen cloud
Level: Pro
Ons open-source alternatief voor Dropbox, OneDrive of Google Drive. Bestanden delen, backups, agenda's en contacten, allemaal op onze eigen server. Geen tracking, geen advertenties, wél volledige controle over onze (en jouw) data.
LibreOffice
Voor documenten
Level: Beginner
Al jaren onze standaard kantoorsoftware. Word- en Excel-bestanden openen en opslaan gaat inmiddels vrijwel één-op-één, zonder licentiekosten. Wij vinden het zelfs intuïtiever dan Microsoft Office.
Tip van de chef: werk je met mensen die Microsoft Office gebruiken? Ga naar Extra › Opties › Laden/Opslaan › Algemeen (op de Mac: LibreOffice › Instellingen) en kies bij Altijd opslaan als voor Word 2007-365 (.docx). Doe hetzelfde voor werkbladen met Excel 2007-365 (.xlsx). Voortaan slaat LibreOffice alles standaard in Office-formaat op.
Privacy & veiligheid
Je bezoekers hoeven niet te betalen met hun gegevens.
Matomo
Voor statistieken zonder Google
Level: Iedereen
Ons alternatief voor Google Analytics, zelf gehost. Je krijgt uitgebreide statistieken over je bezoekers, maar alle gegevens blijven op onze server en worden niet gedeeld met derden. Volledig in lijn met de AVG, en elke klantsite krijgt een eigen, afgeschermde toegang.
Bunny Fonts
Voor lettertypes zonder tracking
Level: Iedereen
Waar we lettertypes niet zelf kunnen serveren, gebruiken we Bunny Fonts. Het werkt net als Google Fonts, maar zonder tracking en cookiegedoe. Gewoon netjes volgens de AVG.
Complianz
Voor een cookiemelding die klopt
Level: Beginner tot Gevorderd
Een cookiebanner die wél klopt met de AVG. Complianz scant welke cookies je site plaatst, houdt ze tegen tot je bezoeker toestemming geeft en maakt meteen je cookieverklaring. Staat op bijna de helft van onze sites.
hCaptcha
Voor spamvrije formulieren
Level: Gevorderd tot Pro
In plaats van Google reCAPTCHA gebruiken we waar het kan hCaptcha. Het houdt bots uit je formulieren zonder gegevens van je bezoekers te verzamelen voor advertenties.
Marketing & verkoop
Klanten bereiken en betalingen ontvangen, zonder gedoe.
Laposta
Voor nette nieuwsbrieven
Level: Gevorderd
Met een gratis Laposta-account stuur je nette mailings naar 2000 adressen per maand. Kies een professioneel template, zet het in je eigen huisstijl en schrijf je tekst. Met een koppeling op je website schrijven bezoekers zich zelf in.
De kunst: stuur regelmatig iets, minstens één keer per maand. Anders weten mensen niet meer waarom ze je mail krijgen, en dan haken ze af!
Mollie
Voor online betalingen
Level: Beginner
Voor betalingen in je webshop of via je website adviseren we eigenlijk altijd Mollie. iDEAL, creditcard, Bancontact en meer in één koppeling. Je betaalt per transactie, het is makkelijk in te stellen en de uitleg is duidelijk als iets niet lukt.
Extra's
Nog een paar dingen die we je graag meegeven.
Persona's
Voor inzicht in je bezoekers
Level: Iedereen
Niet iedere bezoeker is zoals jij. De spontane bezoeker wil grote beelden en duidelijke knoppen, de methodische bezoeker lijstjes en specificaties, de humanistische bezoeker reviews en de competitieve bezoeker keurmerken. Met persona's (gebaseerd op de persoonlijkheidstypen van Jung) bedien je ze allemaal. Doe de test en ontdek welk type jij bent!
Nieuwe domeinnaamextensies
Voor een naam die opvalt
Level: Iedereen
Er is meer dan .nl en .com. Inmiddels bestaan er ruim duizend extensies, zoals .shop, .expert, .rocks of .bike. Doe er je voordeel mee en wees je concurrentie voor met een toffe domeinnaam!
Supertip: heb je een lange domeinnaam omdat de korte al bezet was? Registreer er een korte bij en laat die doorverwijzen. Op je bus en flyer zet je dan bijvoorbeeld bertvandijk.catering in plaats van www.bertvandijk-catering.nl. Wij regelen het graag voor je.
Kleurplaat
Gewoon een leuke extra
Level: Iedereen
Altijd al willen invullen hoe onze beer eruitziet? Dit is je kans 🙂 Download de kleurplaat en ga los!
