Homepage Ideas & Examples

We are going to start by looking at a few homepage designs. Using these few variations you can create a unique and functional homepage that sets the tone for your course. At CDLI, we have become more mindful that homepages need to be not only responsive (elements resize according to screen size) but also accessible. That limits the choices in many ways but constraints often set the stage for better (and more innovative) design. To see more variations and get a template for your own course homepage, go the the CDLI Canvas Templates site.

example homepages

Here is a classic 8-week "box" layout. This is also available for 10-week courses.

This is a vertical version. The vertical banner was made in PowerPoint using a CDLI template.

Slide01.jpg

WEEK 1: Topic name goes here

WEEK 2: Topic name goes here

WEEK 3: Topic name goes here

WEEK 4: Topic name goes here

WEEK 5: Topic name goes here

WEEK 6: Topic name goes here

WEEK 7: Topic name goes here

WEEK 8: Topic name goes here

WEEK 9: Topic name goes here

WEEK 10: Topic name goes here

 

Here is playful version of same vertical layout used for an online summer accounting course.

Homepage for an accounting class, a variation of the template above showing coins for the weeks

Here is a classic homepage layout with course information on the left and weekly material on the right.

Project Management homepage.png

This is the same layout as above. The only difference is the cell background colors.

Buddhism and Film homepage, essentially the sams structure as above but with cell background colors