You've seen it... Digidop has unveiled the Digidop Academy. An online training platform built 100% on the no-code Webflow website creation tool. Discover in this articlethe tools we used and how we created the front and back office on Webflow.

1. The tools we used

Finally, very little.

1.1 Webflow (for the site 💜)

Obviously we used Webflow to build the online training platform 💜.

1.2 Loom (registration tool)

More than a productivity tool, ,we used the Loom application to record our videos in 4K, for only a few euros per month.

1.3 Imovie (video editing tool)

Easy to use and efficient. Imovie allowed us to realize our needs for the editing of training videos.

1.4 Vimeo (hosting platform)

Vimeo is a hosting platform (paying and quite expensive) to host all our videos. Why didn't we use Youtube (free and complete) this time? Find out further down in the article.

Bonus 🎁 : the Window Resizer plugin

A very useful plugin for formatting your screen when you save your screen with Loom.

2. How to structure the site?

A Digicalidad front-end with a design made on Figma by Thomas Labonne. But above all, a well structured CMS to organize all the training content directly on Webflow.

2.1 The structure of our Webflow CMS

• A static page
• 2 dynamic pages
• 3 Collections

A static page

This web page gathers all our training

2 dynamic pages

A web page for the chapters, and a page for each course. All the content of these "template" pages is fed directly from the Webflow back-office, called the CMS. Learn more about the features of the webflow CMS.

3 CMS collections

• Chapter
• Training
• Part

2.2 Hosting our videos

We have hosted our videos on vimeo, mainly to avoid Youtube ads during your training.

Once on vimeo, each video has a unique URL link that you can integrate into your Webflow CMS. Each dynamic training page now has its own video.

Go further?

We have left the entire content of our training platform developed on Webflow free and accessible to all. But we could have blocked the access to the trainings only to paying users.

For that it would have been enough for us to :

1. Activate member space restrictions on our training pages
2. Activate an e-commerce plan on Webflow

Learn more about Webflow's plugin-free member space feature

Want to know more?

• Follow the Youtube channel 🍿
• Follow Digidop on TikTok 🎬
• Discover the site with the Figma training

And recently ...

Webflow Editor Training