A Brief History of Wind Power

An elearning infographic created in Flow.

This responsive elearning infographic was inspired by a poster created for Palm Springs Windmill Tours.

Our community manager saw the poster – created by a friend in the learning and development industry – and immediately recognized that the same information could be used to create an elearning infographic to take the information into the digital realm. Brent shares more details on how the infographic was made in our Flow authoring option in this blog post.

In the original poster the information was laid out in a large rectangular space. For a better digital presentation, the design became a vertical scrolling experience. The vertical approach works great across multiple devices and screen sizes and is also an effective way to present the content in its time-based sequence starting from ancient history right up to the present day.

The page experience is broken into sections based on an historic timeline, helping focus the learner’s attention on each significant milestone and helping prevent information overload.

The original images used in the poster are used as background images for each section in the elearning infographic, so the learner can focus on the information text first then incorporate the visual information provide in the images. The change from one background image to the next as the section tiles scroll by also creates additional interest in the content – it’s a small encouragement to the learner to keep scrolling, just to see what will happen next.

No items found.

Content provided by

Launch example

This sample is available as a template in dominKnow | ONE.
Sign up for a free trial to check it out!

There are other subtle visual hints used to help encourage the learner to scroll down through this elearning infographic, too. In the hero section at the top, there’s a small down-arrow image, which becomes a theme below the section titles through the rest of the page. And each section title uses a downward-angled decorative element as a background, to help guide the learner down through the content.

If you check out this elearning infographic on multiple screen widths and even on different devices, you’ll see that the overall scrolling experience remains consistent but the content adjusts its shape subtly, particularly the text boxes for each section. No matter what device or screen size you are using to view the elearning infographic, the Flow-based content makes sure that you have a great experience. In fact, you probably won’t notice a difference unless you know to watch for it.

And something to note – this elearning infographic took only a couple of hours to create in Flow, taking advantage of Flow’s collection of pre-made content sections.

An elearning Infographic like this one can stand on its own or be part of a larger learning experience or elearning course. And of course, it can be published to SCORM or xAPI if you need to have tracking in place for completion. You could even add a scored test to it.

You can find all of the details about how it was created in this blog post here.

Big thanks to Tom Spiglanin and Palm Springs Windmill Tours for agreeing to share this content with us.

For more details on how this infographic was created, check out the full blog article we’ve posted for this example.