Een website en geïntegreerde Kajabi-leeromgeving voor TEMA

Logo

Web design

E-learning

UI/UX

Animations

Inleiding

In 2025 benaderden Marjan en Denise van TEMA (Tendermanagement) mij om hun merk en digitale platform vorm te geven. Samen ontwikkelden we een logo, website, e-learning en community, verrijkt met illustraties, animaties en een intuïtieve betaalomgeving.

Met deze oplossingen kan TEMA bedrijven en professionals op een heldere en visuele manier ondersteunen bij inschrijvingen op overheidsaanbestedingen.

Wensen, eisen en uitdagingen

Mijn rol als Digital Soulmate was het ontwerpen van alle digitale uitingen, strategisch meedenken met Marjan en Denise en het project soepel begeleiden van start tot finish.

Dit waren de belangrijkste wensen en eisen:

• Frisse en rustige uitstraling: Voor het logo en de website, zodat gebruikers direct een professionele en toegankelijke indruk krijgen.

• Platformonderzoek: Een onderzoek naar het beste platform voor de website en e-learningomgeving, waarbij rekening moest worden gehouden met o.a. gebruiksgemak, efficiëntie, schaalbaarheid en betalingsmogelijkheid via iDeal.

• Assets: Unieke illustraties en animaties die aansluiten bij de gebruikers van TEMA.

• Gebruikerservaring: Een optimale user flow voor het inloggen, registreren, navigeren en betalen.

• Toegankelijk: De website en leeromgeving moeten voldoen aan de Web Content Accessibility Guidelines (WCAG)

Marjan's ervaring

Niels heeft ons uitstekend begeleid in het creëren van een branding, website en het opzetten van een e-learning omgeving. Met een professionele aanpak en geduld heeft hij onze behoefte in kaart gebracht en verder uitgewerkt. Wij zijn trots op het eindresultaat.

Het proces in beeld

Screenshot van de animatietool Vyond met een geopende scene, zichtbare assets en de animatietijdlijn voor het bewerken van animaties. — Voor de animaties werkten we met Vyond. Deze tool is eenvoudig in gebruik en zeer geschikt voor het maken van animaties die er professioneel uitzien, zonder dat er specialistische software nodig is.

Illustratie van het schaakstuk-personage van TEMA, met op de achtergrond herkenbare Nederlandse overheidsgebouwen, als visuele verwijzing naar strategie en aanbestedingen. — We hebben diverse elementen ontworpen, zoals iconische Nederlandse gebouwen en een schaakstuk-personage dat veelvuldig terugkomt in de animaties. Al deze elementen zijn verwerkt in alle materialen, zoals de website, online cursus, video’s en andere marketinguitingen.

Screenshot van de Accessibility-plugin Silktide met een overzicht van gevonden toegankelijkheidsfouten, waarschuwingen en concrete suggesties voor verbeteringen aan de website. — Tijdens het project controleerden we de naleving van de Web Content Accessibility Guidelines (WCAG) met de Siteimprove-plugin in Chrome.

Screenshot van de betalingspagina van TEMA, met overzicht van cursusinformatie en invulvelden voor het afronden van de betaling. — Dit is een Kajabi-pagina met de betalingsgateway LinkToPay, een third-party plugin die we nodig hadden om iDeal te gebruiken voor eenmalige betalingen en automatische incasso’s.

Screenshot van de inhoudsopgave van het Google Doc-projectdocument, met secties zoals persona’s, customer journey, requirementslijst, navigatiestructuur en websitecontent. — Tijdens het hele project werkten we met een projectdocument. Hierin creëerden we onder andere persona’s, customer journeys, requirements en de navigatiestructuur, gebaseerd op ieders inbreng, onderzoek en expertise.

Eindresultaat

Screenshot van de ‘Community’-pagina op de TEMA-website, met een overzicht van community-onderdelen en bijbehorende prijsinformatie. — De website biedt een heldere en rustige ervaring. Deze pagina speelt een sleutelrol in het overtuigen van gebruikers om een communitylidmaatschap aan te schaffen.

Screenshot van de TEMA leeromgeving met een overzicht van beschikbare producten, waaronder de cursus ‘Aan zet bij aanbestedingen’, en toegang tot de community. — Dit is de homepagina voor cursisten in Kajabi. Hier kunnen zij al hun producten terugvinden, zoals cursussen, de community en het playbook.

Weergave van de cursus ‘Aan zet bij aanbestedingen’ binnen Kajabi, inclusief cursusmodules, inhoudsoverzicht en navigatie-opties. — Dit is de overzichtspagina van de cursus. Hier kunnen cursisten alle video’s en opdrachten doorlopen.

Screenshot van een animatie binnen de TEMA-cursus ‘Aan zet bij aanbestedingen. — Dit is een van de animatievideo’s die binnen Kajabi wordt afgespeeld.

Reflectie

Een goede platformanalyse aan het begin van een project is essentieel

Kajabi bood veel voordelen en voldeed aan de klantwens, maar voor nieuwe projecten met verplichte iDeal-betalingen zal ik zeker andere alternatieven overwegen.

Maak de introductievideo aan het eind in plaats van het begin

Halverwege het project ontstonden er nieuwe ideeën voor illustraties en kleuren. Hierdoor moesten enkele eerder gemaakte website-assets, zoals de introductievideo en productafbeeldingen, worden aangepast.

Een goede klik met je teamgenoten draagt bij aan een sterk resultaat

Het projectdocument, duidelijke en open communicatie, het nakomen van deadlines en regelmatige feedbackmomenten zorgden voor duidelijke richting en een soepel en zeer plezierig verloop van het project.

Geef jouw website of app ook een frisse, creatieve upgrade!

Boek je gratis 30-minuten kennismakingsgesprek en ontdek:

Zie ook