E pluribus unum: Building a single-slide template

Of late, I’ve been focusing a lot on single slide design. I recently shared a video menu template and then revamped it into another video menu template. For this go-round, I decided to create a single slide template that could be used as a “get to know the company” motif for use in an onboarding course. This started out as a full-blown course template, with each menu item linking to a separate slide. The beauty of building in Storyline is that you can always find multiple ways to create the same thing. In the end, because I’m on this one-slide kick, I went that route.

I went for a clean and minimal design. It’s short and sweet. I really like using washed out background images and layering them with transparent shapes (in this case the purple menu and content blocks).

corporate-timeline

For some good examples of making your own background images, check out this E-Learning Heroes challenge.

I’m including the source file if you would like to tinker with this template.

Launch Demo

Source File

Building a Storyline Timeline Template

It seems that everywhere I look I’m seeing multimedia timelines. In fact, the latest Articulate Weekly E-learning Challenge involves building an interactive timeline. While I didn’t tackle the weekly challenge, I’ve been thinking about making a simple timeline template for a while.

First off, here is the published Timeline Template for you to check out. And here is the free source file for you to use in your own projects.  If the fonts aren’t displaying right, here is what I used.  For the title and year text I used ChunkFive and for the copy text I used Open Sans.

I started off with a “regular” look, but decided to give it more of a flat design look. Ironically, Tom Kuhlmann just wrote a post about giving your old course a new look by transforming it into a flat design.

This is a pretty simple timeline template as far as content placement. I placed text descriptions on the left and any media (pics, videos, etc.) on the right. I decided to forego a lot of animation and just focus on the straight timeline effects. The trickiest part of the timeline is getting the previous/next arrows to work in conjunction with the timeline radio buttons. The radio buttons on the timeline jump to each decade whereas clicking the next/previous arrows advance to specific years within that decade. I recorded the following Screenr to describe how I fixed the selected states on the radio buttons.  Let me know what you think!