Maybe the most important piece of the puzzle is of course the lesson page. It's somewhat the heart of the page and where our user will spend most of their time. The lesson pages are also the pages that contains the most dynamic content as there will be new lessons over time. So what we needed to accomplish here was to make it easy to use from a teachers perspective while also creating a process where anyone can update and create new content with ease.

To solve the first problem we thought, what's the absolute easiest thing to do on a website? Just scroll and read, right? No fancy hovering or complex interactions. Just kick back, scroll at your own pace, and find what you need.

A major upgrade from the old setup where you had to click to reveal different sections of the lesson. And clicking on a new section would shut down the previous one – kind of messy. Users found it a bit tricky, so we switched it up to straightforward, no-frills text. The only thing you have to click on is the table of contents – which is completely optional.

This change also made life easier on the second front – setting up the CMS. Whoever's adding new lessons doesn't need to be a web whiz. They just need to think about breaking down the lesson into sections, throw in some details like duration, and then fill it up with content. No worries about anything playing hide and seek behind tricky interactions. Keeping it smooth and user-friendly for teachers browsing the lessons and making content creation stress-free in the CMS.