We've all experienced the dreaded «Next, Next, Finish» type of online course. You know, the endless walls of text, uninspiring layouts and an interface that feels like it was made in the early 2000s.
But what if you actually need to build something that really engages your team? Imagine you've been tasked with creating your company's new onboarding course: «Sustainability in the Modern Workplace.» This isn't just a formality to tick off a compliance form - it's about a culture change. The course needs to look professional, be interactive and work perfectly on all devices.
The good news? You don't need a degree in web design to make it happen. Let's walk through how you can use MentorKit Creator to turn this vision into reality step by step.
Start with a solid foundation
All good projects start with a clear vision and a structured plan. Before we worry about colours and images, we need to lay the foundation.
When you open Creator for the first time, your dashboard is the command centre. Creating the course framework itself only takes a few seconds. You give the course a clear title, such as Sustainability 101, and a short description so participants know exactly what they're getting into.
See how easy it is to start your very first course from the main dashboard.
Once the course is created, the real magic happens in the structuring phase. A course is essentially a digital book, and a good book needs chapters. Instead of gathering all the content on one huge page, MentorKit allows you to create separate pages for topics such as «Energy efficiency», «Waste management» and «Green commuting».
The best part is how visually intuitive this is. By dragging one page slightly to the right below another, you instantly create a sub-chapter. This makes it easy for employees to navigate through a more comprehensive sustainability course.
See how drag-and-drop makes it easy to reorganise pages and build a clear chapter structure.
Bringing knowledge to life
Once the structure is in place, it's time to embed the content. Chances are you already have your training material in a Word document or PDF.
The text editor in MentorKit is designed to be smart. You can drag and drop text directly from your browser or document into your course. For example, if you're pulling statistics on global recycling rates from Wikipedia, you can easily embed links, bold important numbers and apply rich text formatting.
A pro tip for course developers: If you're copying text from a Word document with a lot of formatting, use the «Paste without formatting» feature to ensure the text fits into your design and keeps a consistent look.
See how you can easily capture text, apply rich formatting and manage tables and links.
Design for impact: Grid system
We're moving from being writers to being designers. A modern course shouldn't just consist of text; it needs variety in layout to hold attention.
MentorKit uses «Containers» flexible boxes that can contain text, images and interactive elements.
By default, a page may start with one large container, but you can easily choose a layout with two, three or four columns. In our sustainability course, for example, you can use a two-column layout: an engaging introductory text on the left and an inspiring image of a wind farm on the right.
See how to choose page layouts and fill flexible containers with content.
But what if you change your mind? Perhaps you've created a great page but realise that the image should be on the left to direct the eye better.
Instead of deleting everything and starting over, you can use the «Swap» feature to swap space between containers in an instant.
See how the Swap With tool allows you to redesign the layout without losing the content.
To bring your containers to life, you have full control over their properties. You can adjust the padding (the air around the content) so that the text is not right up against the edges. You can also use solid background colours or elegant gradients.
For example, a subtle green-to-blue gradient behind a container with «Recycling tips» can reinforce the environmental theme of your course.
Go in-depth on container settings from padding to custom background gradients.
Engage the senses: Visual elements and interactivity
A picture is worth a thousand words, especially in e-learning. To make your course visually stunning, you don't even need to leave the platform.
MentorKit is directly integrated with Unsplash, giving you access to millions of high-resolution and free images.
Whether you need an image of a bustling city or a quiet forest, you can add it directly into the course. The platform also allows you to define a focal point in the image. This means that even when the screen gets smaller, the most important subject such as the Eiffel Tower or a face will still be perfectly centred.
See how you can integrate Unsplash images, adjust transparency and use the Focus Point tool.
Sometimes you also have too much information for one screen. For example, if you need to explain «The 5 pillars of sustainable business», a long text can be overwhelming.
Then you can use the Accordion element. This allows you to collect information in clickable sections. Participants can open «Pilar 1», read text and see an image, and then close it again.
This turns a static text into an interactive discovery process. You can also customise colours, rounded corners and the spacing between sections.
See how you can use Accordion to present a lot of information in an organised and interactive way.
The final touch: Perfect mobile experience
You have now created a great course. The text is clear, the layout balanced and the images inspiring.
But here's the reality of modern corporate training: Half of attendees are likely to take the course on their mobiles.
If a beautiful four-column layout suddenly turns into microscopic text on an iPhone, you'll lose their attention.
This is where responsive design comes in. You don't need to create a separate mobile version of your course. By using the preview, you can simulate smaller screens.
MentorKit automatically recognises the screen width and stacks the containers vertically. The image that used to be on the right now sits below the text for a seamless experience on all devices.
See how responsive design automatically adapts the layout to any screen.
Now it's your turn
Creating a great course is no longer about wrestling with cumbersome software. It's about telling a good story.
With these tools at hand, your «Sustainability in the modern workplace» course can inspire and engage your team.
Would you like me to also help you create a concrete case example or a quiz section that can be placed in the middle of the blog post to make it even more convenient for readers?
English 
Norwegian