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 geloven we dat goed design en slimme techniek niet alleen mooi moeten zijn, maar ook duurzaam, toegankelijk en privacyvriendelijk. Daarom kiezen we bewust voor een mix van professionele open-source tools, selfhosted oplossingen en software die ons helpt onafhankelijk te werken, zónder in te leveren op kwaliteit of gebruiksgemak.
De tools hieronder zijn dus niet alleen losse tips voor starters (al kun je er zeker zelf mee aan de slag), maar een kijkje in onze dagelijkse gereedschapskist. Je vindt er software die we gebruiken voor ontwerp, ontwikkeling, e-mail, videobellen, bestandsbeheer, projectplanning en meer. Vaak privacyvriendelijker dan de mainstream alternatieven — altijd gekozen met oog voor efficiëntie, veiligheid en schaalbaarheid.
We zetten de tools op een rij mét toelichting en kennisniveau zodat je kunt zien wat we gebruiken, waarom, en wat jij eraan kunt hebben. Zelf proberen? Doen! Liever samen bouwen? Nog beter. Stuur gerust eens een berichtje!
Joplin
Notitie App
Level: Gevorderd tot Pro
In plaats van apps zoals Evernote gebruiken we al jaren Joplin om onze ideeën, plannen, losse notities en referenties in te noteren. Als methode gebruiken we de Getting Things Done manier, dus ik heb 6 mapjes en een “inbox” map waarin ik alle losse notities maak voordat ik tijd heb om ze te organiseren. Wij gebruiken de self-hosted variant die bij ons op een docker-server draait. Mét handige app voor je telefoon én desktop. Dus altijd overal je ideeën noteren!!
hCaptcha
Anti Spam voor je formulier
Level: Gevorderd tot Pro
In plaats van Google reCAPTCHA gebruiken wij tegenwoordig waar mogelijk hCaptcha om spam tegen te gaan in formulieren. Deze dienst beschermt gebruikers tegen bots zonder gegevens te verzamelen voor advertentiedoeleinden. Je voorkomt ermee ongewenste inzendingen zonder in te leveren op privacy.
Mattermost
Voor veilige interne communicatie (via chat)
Level: Gevorderd tot Pro
Een zelfgehost alternatief voor Slack. We gebruiken Mattermost voor teamcommunicatie, projectupdates en snelle vragen tussendoor. Het mooie: alles draait op onze eigen server, zonder externe afhankelijkheden. Perfect voor wie grip wil houden op interne communicatie.
WooCommerce
Voor snel op te zetten webshops
Level: Gevorderd tot Pro
Deze populaire WordPress-plugin maakt het eenvoudig om een webshop toe te voegen aan je bestaande site. Of je nu fysieke producten verkoopt, digitale downloads aanbiedt (zoals e-books of cursussen): WooCommerce biedt alle basisfunctionaliteit én veel uitbreidingsmogelijkheden. Denk aan voorraadbeheer, verzendopties, kortingscodes, btw-instellingen voor internationale verkoop, en integratie met betaalproviders zoals Mollie of je eigen bank. Een flexibele en schaalbare oplossing voor kleine tot middelgrote webshops.
Divi
Voor snelle en professionele websites
Level: Gevorderd tot Pro
Divi is een thema dat je kunt installeren op je WordPress website. Met het Divi thema kun je in principe elke layout maken die je maar wilt. Het thema is eigenlijk een soort site-builder waarmee je met een soort modules je hele website ‘in elkaar klikt’. We gebruiken Divi al meer dan 5 jaar en zijn nog nooit teleurgesteld in de mogelijkheden. En dat zegt best veel, want we bouwen nogal diverse websites. Natuurlijk helpt het wel dat we zelf ook kunnen programmeren, dus wat er niet is bouwen we zelf, maar ook zonder deze kennis kun je met Divi een zeer nette en professionele website neerzetten. Als klant van Roadbear Studios zit een Divi abonnement inbegrepen bij je hosting, maar mocht je zelf aan de gang willen dan kan dat natuurlijk ook. Wil je Divi zelf kopen? Via onderstaande link kun je zelf Divi aanschaffen en help je ons ook nog een beetje mee :).
WPML
Voor meertalige websites
Level: Gevorderd tot Pro
WPML is dé plugin wanneer je je website in meerdere talen wilt aanbieden. Je kunt kiezen of je alle content wil vertalen of bijvoorbeeld voor verschillende talen verschillende pagina’s wilt serveren. Ook kun je er bijvoorbeeld voor kiezen om nieuwsberichten of andere vluchtige items (zoals agenda-items) niet te vertalen. WPML is de enige meertalige plug-in die ook over een goede automatische vertaling beschikt. Ook kun je externe vertalers opdrachten sturen om jouw originele teksten te vertalen. Zo blijft je website altijd up-to-date, in welke taal dan ook.
WordPress
Voor snelle en professionele websites
Level: Gevorderd tot Pro
WordPress is begonnen als blog-platform maar heeft zich inmiddels ontwikkeld tot full-blown CMS (Content Management Systeem). 20% van het internet draait inmiddels op WordPress en dat is niet zo gek gezien het gebruiksgemak en de standaard functionaliteiten van een WordPress website. Ook is er dankzij de wereldwijde grote community een enorme keuze aan gratis thema’s, plugins en tutorials waarmee je ook als niet-webdesigner uit de voeten kunt. Ook voor developers biedt WordPress uitgebreide mogelijkheden om je eigen plugin of toevoeging aan je website te coden. Met WordPress ben je ook niet afhankelijk van één partij, als je huidige webbouwer niet bevalt verhuis je zo naar een ander. (Dit kan niet als je website is gemaakt in een eigen, zelfbouw, CMS). Ook zonder webbouwer kun je aan de slag met WordPress, de meeste hostingpartijen bieden tegenwoordig speciale voorgeïnstalleerde WordPress pakketten. Voor een paar euro per maand heb je dan je eigen installatie!
Canva
Voor zelf maken van banners en drukwerk
Level: Beginner
Met een gratis account op Canva kun je gemakkelijk binnen een vooropgezette layout ontwerpen maken voor drukwerk, social media en allerlei uitingen voor je bedrijf. Met een Canva For Work account kun je je eigen huisstijl en logo’s uploaden in je library voor nog meer gebruiksgemak.
Tip voor non-designers: Wijk niet te veel af van de bestaande layouts. De designs die er als voorbeeld staan zijn misschien generiek, maar wel professioneel. Heb je dus geen budget om een designer in te huren, gebruik dan een van deze designs, pas de kleuren aan naar je eigen huisstijl en zet je eigen tekst erop!
Usability Checklist
Voor een gebruiksvriendelijke website
Level: Beginner tot Pro
Met deze standaard usability checklist maak je je website geschikt voor je bezoekers en gebruikers. Zie de checklist vooral als een richtlijn en geen harde wetenschap. Met deze tips ben je in elk geval hard op weg om je website gebruiksvriendelijk te maken!
Open Project
Voor projectmanagement en planning
Level: Gevorderd
Voor het plannen, volgen en documenteren van projecten gebruiken we OpenProject. Het biedt takenlijsten, Gantt-charts, tijdregistratie, documentatie en meer. Ideaal voor grotere trajecten met veel stappen en betrokkenen. En ook deze draait gewoon op onze eigen server.
Thunderbird
Voor e-mail en agenda
Level: Gevorderd
E-mail en agenda, netjes in één open-source pakket. Thunderbird is overzichtelijk, werkt vlekkeloos samen met Nextcloud en ondersteunt meerdere accounts. Dankzij handige extensies zoals kalenderintegratie en slimme zoekfilters is het onze dagelijkse e-mailhub en hoeven we geen gebruik te maken van Outlook of MacMail.
Jitsi
Voor veilig videobellen
Level: Alle
Voor videobellen gebruiken we onze eigen, zelf gehoste versie van Jitsi Meet. Daarmee houden we vergaderingen veilig en zonder afhankelijk te zijn van commerciële platformen zoals Zoom of Google Meet. Geen account nodig, geen tijdslimieten, geen tracking. Gewoon een link delen en direct overleggen. Werkt in de browser, ook op mobiel.
Adobe Creative Cloud
Voor professionele designs
Level: Pro
We maken in ons dagelijks werk gebruik van het gehele Adobe CC Pakket. Voor het ontwikkelen van custom drukwerk (CD verpakkingen, folders, banners, stickers etc.) en het ontwerpen van logo’s en huisstijlen bieden de apps van Adobe alle functionaliteiten die je als ontwerper nodig hebt. De grove verdeling voor ons werk is: InDesign voor drukwerk, Illustrator voor Logo’s en Photoshop voor het bewerken van foto en foldermateriaal. Daarnaast gebruiken we Premiere en After Effects voor film-nabewerking. Adobe biedt ook voor de tablet een aantal goede apps waarmee je heel gemakkelijk PS Brushes kunt maken of schetsen kunt maken rechstreeks op je iPad. Wij gebruiken hiervoor de Adobe Ink&Slide en de iPad Air 2. In de Creative Cloud kun je vervolgens complete bibliotheken aanleggen waarmee je gemakkelijk je assets van een project kunt delen met teamgenoten of klanten. Zo is je ontwikkelde logo en huisstijl toegankelijk voor de belanghebbenden.
Libre Office
Voor documenten
Level: Beginner
Al jaren is deze open-source Office-suite onze dagelijkse standaard. Dankzij de recente sprong in compatibiliteit zijn Word-documenten nu vrijwel één-op-één uit te wisselen en blijft de opmaak keurig intact. Wij ervaren LibreOffice als intuïtiever dan de Microsoft-variant én je betaalt er geen licentiekosten voor. Een complete, betrouwbare bundel voor tekstverwerking, spreadsheets en presentaties waarmee je direct aan de slag kunt.
Tip van de chef: Werk je samen met partners die nog Microsoft Office gebruiken? Zet in LibreOffice bij Bestand › Opslaan als… altijd even de optie “Automatisch ook in .docx/.xlsx opslaan” aan. Zo houd je beide werelden soepel in sync zonder extra handelingen.
Laposta
Voor het versturen van nette mailings
Level: Gevorderd
Met een gratis Laposta account kun je naar 2000 adressen per maand een nette opgemaakte mailing sturen. Je kunt kiezen uit heel veel professioneel opgemaakte templates. Pas de kleuren aan naar je eigen huisstijl, voeg een logo toe en je eigen teksten. Zin in een uitdaging? Als pro kun je Laposta ook koppelen aan je eigen website, zo kunnen mensen zich gratis voor je nieuwsbrief inschrijven. E-mail marketing is de meest directe manier van communiceren met je klanten, maar je moet er wel voor zorgen dat je dit regelmatig doet. (minstens 1x per maand) anders heb je kans dat mensen niet meer weten waarom ze ook al weer die mails krijgen. (en dan kappen ze er mee!)
PHP Storm
Voor die-hard code-kloppers
Level: Pro-Pro
Voor het zwaardere werk zijn we inmiddels overgestapt op PHP Storm, niet meer gratis (maar ze hebben we een goede regeling voor starters). Deze App werkt goed samen met GIT en vanuit de applicatie kunnen met FTP onze projecten ontwikkelen op onze live, development en acceptatie-omgevingen. Het sluit qua werkwijze meer aan bij apps zoals Netbeans en Eclipse, maar is lang niet zo traag. Ook biedt PHP storm uitstekende ondersteuning voor frameworks zoals Symfony en CMSsen zoals WordPress. Een compiler voor Sass zit er ook nog eens bij, dus het werken met de nieuwste technieken is met PHP Storm een eitje.
Kleurplaat
Gewoon een leuke extra
Level: Iedereen
Altijd al willen invullen hoe onze beer eruit ziet? Dit is je kans 🙂 Download je kleurplaat en vul in!
Bunny Fonts
Voor het embedden van privacyvriendelijke fonts
Level: Alle
Een open-source alternatief voor Google Fonts, maar dan zónder tracking of cookiegedoe. Wanneer we niet de kans hebben om fonts zelf te serveren gebruiken we BunnyFonts om lettertypes snel, privacyvriendelijk en lichtgewicht in te laden. Gewoon in je CSS-link opnemen, net als bij Google Fonts, maar dan wél netjes volgens de AVG.
Nextcloud
Voor het delen en werken in de Cloud
Level: Pro
Onze privécloud draait op Nextcloud: een open-source alternatief voor Dropbox, OneDrive of Google Drive. We gebruiken het voor het delen van bestanden, het maken van back-ups en het synchroniseren van agenda’s en contacten… alles veilig op onze eigen server. Geen tracking, geen advertenties, wél volledige controle over onze (en jouw) data.
Signal
Voor “appen” en korte berichtjes
Level: Alle
Voor privacyvriendelijk appen gebruiken we Signal. Deze app is end-to-end versleuteld, open-source en bevat geen reclame of trackers. We gebruiken Signal al jaren als alternatief voor WhatsApp.
Git
Voor betrouwbaar versiebeheer
Level: Pro
Git is een versie beheer systeem waarmee je je webprojecten en code in versies kunt bewaren. Het voordeel van Git is dat je niet alleen een gedeelde versie van de website-code hebt waar je aan werkt, maar ook een lokale eigen versie. Je kunt je code dus netjes opknippen in kleine stukjes om overzichtelijk te committen en daarna kun je elk afgewerkt en getest onderdeel ‘pushen’ naar de gedeelde server. Wij gebruiken Git om makkelijk gelijktijdig te kunnen samenwerken aan projecten en ook als extra check voordat onze code online gaat. Zo voorkom je dat er fouten online staan of dat je website opeens niet meer werkt omdat je graag iets wilde testen.
Penpot
Voor ontwerpen en prototypes
Level: Alle
Onze nieuwste tool in de toolbox is penpot! Een gratis! designtool die qua functionaliteiten niet onderdoet voor ‘de groten’ zoals Sketch, Figma en Adobe. We zijn fan, want penpot draait lokaal en is open-source! Goed design voor iedereen!
Persona's
Voor inzicht in de verschillende typen bezoekers op je website
Level: Alle
Door gebruik te maken van persona’s bij het inrichten en ontwerpen van je website kun je er voor zorgen dat je alle typen mensen iets te bieden hebt. Grote sfeerbeelden en duidelijke knoppen voor de spontane bezoeker, lijstjes met specificaties voor de methodische bezoekers, reviews voor de humanistische bezoeker en expert-reviews en keurmerken voor de competitieve bezoeker. Deze psychologie is bedacht door Jung en gebaseerd op de MBTI persoonlijkheids-typen. Test welke persona jij zelf bent en voorkom dat je je website alleen geschikt maakt voor jezelf!
Nieuwe Domeinnaam Extensies
Voor een onderscheidend vermogen in de markt
Level: Alle
De meeste ondernemers weten nog niet dat er veel toffere domeinnaam extensies beschikbaar zijn. Je kunt dus als je je bedrijf opstart kiezen uit veel meer dan alleen maar de .nl of de .com. In elke branche zijn er tegenwoordig tientallen extensies bijgekomen (in totaal meer dan 600!) en je kunt dus ook kiezen uit .expert .shop .rocks .email of .bike! Doe er je voordeel mee en wees je concurrentie voor met een hele toffe domeinnaam!
Supertip: Ook als je al een bedrijfsnaam hebt, maar je een hele lange domeinnaam hebt moeten kiezen (omdat alles al bezet was) kun je gewoon een nieuwe naam registreren en deze laten doorverwijzen naar je bestaande website. Je kunt dan op je bedrijfsbus en je folder de kortere, mooiere en beter te onthouden domeinnaam laten zetten! (Bijvoorbeeld www.bertvandijk-catering.nl wordt bertvandijk.catering)
Matomo
Voor statistieken en analytics van je website
Level: Alle
Matomo is ons alternatief voor Google Analytics. Wij gebruiken de self-hosted versie ervan. Het biedt uitgebreide statistieken over websitegebruik, maar dan zónder dataverzameling door derden. Alle gegevens blijven op onze eigen server, volledig in lijn met de AVG. We gebruiken Matomo om bezoekersgedrag te analyseren en websites te verbeteren, maar dan 100% privacyvriendelijk.