About
The innovative and award-winning course format gives teachers a variety of layout and design options for their courses. It is packed with features for professionals that want to create stunning courses. Designer was built on the assumption that not all sections and activities in a course are equal or equally important. Teachers can choose different layouts for activities and sections, even in the same course. Activities can be displayed as cards, lists, links or circles. This opens up a whole new world of possible course layouts — from minimalist micro-courses to multi-course programs. Mix & Match!
In addition, teachers can style sections and images with backgrounds, apply masks and choose which data is displayed. To illustrate the progress in a course, activities can display a different image upon completion. Cleverly used, this introduces a great tool to gamify courses. For smaller courses, Designer provides the dedicated course type “Flow”, which displays sections as stacks of tiles. There’s also a “Kanban” type that displays sections as columns on a board.
But Designer is more than just design. Teachers can enable a course header to display relevant information such as progress, dates and the teacher(s). Important „hero“ activities are conveniently accessible anytime directly from the secondary course navigation. Designer‘s course prerequisites feature makes it easy to create programs consisting of activities and courses.
Use Cases
- Increase learner engagement
- Enhance user experience
- Simplify onboarding
Key features
Styling options
Transform your Moodle courses into visually compelling learning environments…
Section layouts
Mix and match different section layouts and create your own individual course design….
Course types
Designer comes with four distinct course configurations – Flow, Kanban, Normal, and Collapsible….
Feature overview
Basic | Pro | |
---|---|---|
Course types Designer comes with four distinct course configurations – Flow, Kanban, Normal, and Collapsible. | ||
Flow Ideal for concise courses with a limited number of activities. | ✔ | ✔ |
Kanban Bring the efficiency and clarity of a Kanban board into your eLearning environment. | ✔ | ✔ |
Normal Offering maximum flexibility, the Normal course type allows educators to customize the appearance of course sections fully. | ✔ | ✔ |
Collapsible Building on the Normal type's flexibility, the Collapsible format adds the ability for students to expand or collapse sections. | ✔ | ✔ |
Section overview Providing a clear, comprehensive table of contents for all course sections – with a focus on usability and aesthetics. | ✔ | ✔ |
Dynamic table of contents A clickable table of contents is automatically generated for each course. | ✔ | ✔ |
Customizable section card layout Defining a sophisticated section card layout that incorporates numerous styling options. | ✔ | ✔ |
Purpose-defined activity icons Set a purpose for each activity that does not have to match the activity type. | ✔ | ✔ |
Section type labels Enhance your section overview with the addition of section type labels. | ✔ | ✔ |
Hero activities Define hero activities and automatically create a secondary tab navigation with activities that are cross-relevant. | ||
Secondary tab navigation Automatically generates a secondary navigation tab dedicated to defined hero activities. | ✔ | ✔ |
Customizable display settings Complete control over where hero activities are displayed within the course. | ✔ | ✔ |
Integrations Offering deep integration with specific Moodle activity types. | ||
Video Time Designer can display the status of the video progress bar directly within its interface. | ✔ | ✔ |
Subcourse Designer showcases the learning progress of subcourse activity types. | ✔ | ✔ |
Extended anatomy of an activity Increase the information content of the activity and integrate activating elements. | ||
Enhanced information display Display detailed information for each activity, including its availability status and the number of times it has been accessed. | ✔ | ✔ |
Customizable call to actions Increase student interaction with activities through a call-to-action (CTA) and add "open" or "review" links to activities. | ✔ | ✔ |
Due/overdue badges Instantly communicate the urgency of activities with dynamic due and overdue badges. | ✔ | ✔ |
Complete customization freedom Providing educators with the flexibility to choose exactly which elements to display. | ✔ | ✔ |
Section layouts Mix and match different section layouts and create your own individual course design. | ||
Text links Clean, simple and condensed. Best for large sections. | ✔ | ✔ |
List A clean and simple layout that provides generous space, making it suitable for sections with fewer activities. | ✔ | ✔ |
Cards Expands on the list layout by allowing more activities per row. | ✔ | ✔ |
Circles Choose between a vertical or horizontal circles layout for a fresh perspective on course design. | ✔ | |
Mix and Match Combine different section layouts within the same course, crafting a unique learning experience. | ✔ | ✔ |
Multi-column layouts Define the number of columns per viewport to ensure your course is fully optimized for mobile use. | ✔ | |
Styling options Transform your Moodle courses into visually compelling learning environments | ||
Color customization Select background and text colors for activities and sections. | ✔ | |
Background images/GIFs Elevate the look of your activities or sections with custom background images and GIF animations. | ✔ | |
Completion visualization Mark the completion of activities and sections with distinct images. | ✔ | |
Creative flexibility with masks Use masks to conceal or render parts of an image partially transparent. | ✔ | |
Course header Designer supports a highly customizable course header area. | ||
Dynamic display and organization Once integrated, sub courses appear within the main course layout, with options for standalone pages or alongside main activities. | ✔ | |
Header styling options Personalize your course header with a selection of text and background colors or images. | ✔ | |
Course tags and custom fields Utilize the course header to display tags for easy categorization or create custom fields. | ✔ | |
Profiles and communication The course header area allows to feature profiles, including options for messaging or direct contact. | ✔ | |
Dynamic course information display Showcase important course details such as enrollment start and end dates, due dates, and more. | ✔ | |
Prerequisites for programs (multi-course courses) Add sub courses to your main course, creating a seamless learning journey. | ||
Seamless integration of subcourses Enrich your main course by adding subcourses as prerequisites. | ✔ | |
Enhanced grouping and tracking Automatic group creation for participants transitioning from the main course to subcourses. | ✔ | |
Automated (un)enrollment Automatically enrolling participants in relevant subcourses upon their registration in the main course. | ✔ |