September 7, 2018
A Responsive Company Overview Template Using Captivate 2019 and Breakpoints
Comments
(10)
September 7, 2018
A Responsive Company Overview Template Using Captivate 2019 and Breakpoints
Jim is an independent consultant working in the fields of training, communication and change management. He has extensive experience supporting large scale organizational change efforts through the creation of training and communication programs. Jim is a licensed PROSCI professional and holds a Ph.D. in Organizational Psychology from the University of Akron.
Newbie 20 posts
Followers: 26 people
(10)

Play

Captivate 2019 is a powerful tool for creating interactive eLearning content with advanced features, such as interactive video and virtual reality. However, Captivate 2019 is also useful for less demanding learning projects and for projects that are considered “communications”.

This showcase presents a responsive company overview template, developed for a client, that has been recreated in Adobe Captivate 2019. The client requested a template that could be used in a variety of contexts, including internal meetings, conference presentations and employee training. In addition, they wanted a template that was very “visual” and “fun”, thus the use of a number of photographs. The overall content is structured around a narrative of presenting an emerging trend, describing the impact it has on the business of clients and then presenting the company’s offerings as a solution to the business impact.

The slides with device screens include placeholders so that screen content can be changed, depending on the subject matter. The screen capture below shows two of the graphic placeholders, one for the screen display of the tablet and one for the company logo. To prevent graphics from distorting in the views, I created graphics that matched the aspect ratio of the placeholders, and documented those dimensions for future reference. For background graphics, I avoided specifying a “background” photo. Instead, I imported a graphic into each master slide and then resized and re-positioned, as needed for each breakpoint.

Note: All graphics used were royalty free and are documented in the final slide of the demonstration.

Download Available Here:

_responsive overview 2018 09 05

Note (2018 09 18): The term “Template” holds a special meaning in Captivate and refers to a .CPTL (Template) file. In title for this post, and within the text, I use the word “template” in the generic sense, meaning the file has a specific structure and can be re-used with your own content. The actual project file is a .CPTX file.

10 Comments
2019-05-23 00:32:46
2019-05-23 00:32:46

Thanks  so much for sharing Jim!

Like
2018-09-22 10:56:50
2018-09-22 10:56:50

I like the approach to show how a certain application can be used outside of its primary mission.

Like
2018-09-10 14:15:58
2018-09-10 14:15:58

Jim,

I really appreciate these theme samples. I wanted to thank you for sharing them – and i totally love that you put them in CPTX files to share. I think that while themes contain everything you need to create great visual projects and share the basic visuals, I don’t like that for beginners it is not possible to share a sample of the end look, feel and recommended context of the project with a theme alone. Sharing the cptx file let’s those new to eLearning really get a good look at an example of a typical project in the intended context. I hope you’ll keep sharing these – I suspect for many users they are amazing resources to kick start similar projects.

Like
(2)
(1)
>
Allen_Partridge
's comment
2018-09-10 16:14:42
2018-09-10 16:14:42
>
Allen_Partridge
's comment

Allen,

thanks for the feedback. I’m happy to give something back after all the support from the Adobe eLearning community, in terms of comments, videos etc.

Jim

 

Like
(1)
2018-09-08 08:47:35
2018-09-08 08:47:35

Jim, I have already warned you in another thread about using ‘pixels’ as unit for both size and location. I have created quite a lot of a responsive projects with Breakpoint views, with a lot of testing also on small smartphones.

Never, never use a template please (cptl file), they are source of frustrations because of bugs. Create a theme, never a template.

Like
(2)
(3)
>
Lieve Weymeis
's comment
2018-09-09 23:21:33
2018-09-09 23:21:33
>
Lieve Weymeis
's comment

Hi Lieve. Thanks for the feedback. I probably should have watched out for using the term “template”, its meant as a design template, not a cptl file. The actual file extension is cptx for the project.

I understand there a lot of issues when using breakpoints, especially when moving across devices. I was simply using the pixels to get the specific aspect ratio of the graphics so I could size them in a graphics editor (e.g., the screen overlays for the computer screens).

 

Like
>
Jim Farrell
's comment
2018-09-10 07:46:35
2018-09-10 07:46:35
>
Jim Farrell
's comment

Design template is a very old term, which was used before version 6 of Captivate. Sorry to be so pushing on correct terminology. For design, a theme has all what is needed.

Keeping the aspect ratio in a responsive project with breakpoint views is done by defining the width in % and the height as Auto, not by using absolute units. It is very rare that you’ll want an object to keep its size and you can always set a minimum size.

Like
(1)
>
Lieve Weymeis
's comment
2018-09-10 16:22:46
2018-09-10 16:22:46
>
Lieve Weymeis
's comment

Hi Lieve,

no worries on the feedback, your point on using correct terminology is appreciated. I’m going to add some notes at the bottom of the post to clarify that the available file is not a cptl file.

Jim

Like
2018-09-08 05:31:34
2018-09-08 05:31:34

Hello Jim,

Please tell me how to download this template.

Like
(1)
2018-09-08 04:46:23
2018-09-08 04:46:23

R.I.P PowerPoint templates everywhere 😂

Like
(1)
Add Comment