A website with an integrated Kajabi learning environment for TEMA

Logo

Web design

E-learning

UI/UX

Animations

Introduction

In 2025, Marjan and Denise from TEMA (Tender Management) approached me to shape their brand and digital platform. Together, we developed a logo, website, e-learning platform, community, enhanced with illustrations, animations, and an intuitive payment system.

With these solutions, TEMA helps companies and professionals navigate government tender registrations clearly and visually.

Needs, requirements, and challenges

My role as a Digital Soulmate was to design all digital assets, provide strategic input to Marjan and Denise, and guide the project smoothly from start to finish.

The key wishes and requirements were:

• Clean and serene look: For both the logo and website, creating an instant professional and friendly impression for users.

• Platform analysis: An investigation to determine the most suitable platform for the website and e-learning system, considering usability, efficiency, scalability, and support for iDeal payments.

• Assets: Custom illustrations and animations designed for TEMA’s audience.

• User experience: A seamless user flow for login, registration, navigation, and payment.

• Accessible: The website and learning environment must comply with the Web Content Accessibility Guidelines (WCAG).

Marjan’s experience

Niels provided outstanding guidance in creating our branding, website, and e-learning platform. With professionalism and patience, he identified our needs and brought them to life.

The process at a glance

Screenshot van de animatietool Vyond met een geopende scene, zichtbare assets en de animatietijdlijn voor het bewerken van animaties. — For the animations, we used Vyond. This tool is easy to use and ideal for creating professional-looking animations without the need for specialist software.

Illustratie van het schaakstuk-personage van TEMA, met op de achtergrond herkenbare Nederlandse overheidsgebouwen, als visuele verwijzing naar strategie en aanbestedingen. — We created elements like iconic Dutch buildings and a recurring chess-piece character, which are used consistently across the website, online course, videos, and other marketing materials

Screenshot van de Accessibility-plugin Silktide met een overzicht van gevonden toegankelijkheidsfouten, waarschuwingen en concrete suggesties voor verbeteringen aan de website. — Throughout the project, we monitored WCAG compliance using the Siteimprove plugin in Chrome.

Screenshot van de betalingspagina van TEMA, met overzicht van cursusinformatie en invulvelden voor het afronden van de betaling. — This Kajabi page integrates the LinkToPay payment gateway, a third-party plugin required to support iDeal for both one-time payments and recurring direct debits.

Screenshot van de inhoudsopgave van het Google Doc-projectdocument, met secties zoals persona’s, customer journey, requirementslijst, navigatiestructuur en websitecontent. — We used a project document throughout the project to capture personas, customer journeys, requirements, and the navigation structure, all informed by team input, research, and expertise.

Final result

Screenshot van de ‘Community’-pagina op de TEMA-website, met een overzicht van community-onderdelen en bijbehorende prijsinformatie. — The website provides a clear and calm experience. This page plays a key role in persuading users to purchase a community membership.

Screenshot van de TEMA leeromgeving met een overzicht van beschikbare producten, waaronder de cursus ‘Aan zet bij aanbestedingen’, en toegang tot de community. — This is the home page for learners in Kajabi. Here, they can access all their products, including courses, the community, and the playbook.

Weergave van de cursus ‘Aan zet bij aanbestedingen’ binnen Kajabi, inclusief cursusmodules, inhoudsoverzicht en navigatie-opties. — This course overview page allows learners to access and complete all videos and assignments.

Screenshot van een animatie binnen de TEMA-cursus ‘Aan zet bij aanbestedingen. — Here’s an example of an animation video used in Kajabi.

Reflection

Starting a project with a good platform analysis is key

Kajabi offered many advantages and met the client’s needs, but for future projects requiring mandatory iDeal payments, I will definitely consider other alternatives.

Produce the intro video at the end rather than at the start

Partway through the project, new ideas for illustrations and colours came up, requiring updates to some earlier website assets, including the introduction video and product images.

Having a strong rapport with your team helps achieve excellent results

The project document, transparant communication, adherence to deadlines, and regular feedback sessions provided clear direction and ensured a smooth and highly enjoyable project.

Refresh your website or app with a creative upgrade!

Schedule a free 30-minute discovery call and find out: