How to use the Branded Infographic Template

This infographic focuses on educating the viewers of your brand. The Branded Infographic is perfect for a higher amount of content. Each section is designed to make large amounts of copy, easier to digest as the viewer makes their way through the experience. Your viewers will be presented with 5 sections where they can further explore your company. To capture the visitor’s engagement, this infographic includes animated images, odometers, reveal elements, and is complete with an interactive timeline. Viewers are then presented with the option to get in touch with your company if they are interested in your brand. 

  • Type: Infographic
  • Complexity: Medium
  • Use case: Education

Features available

Here are the major features, abilities, and interactive elements used in this template.

  • Anchor
  • Animations
  • Flows
  • Form
  • Lightbox
  • Odometer
  • Reveals

How-to use

Here is a helpful guide on how to handle all the major features, abilities, and interactive elements available to make the most out of this template.

Scroll-to-Sections

Step 1: Select a section where you want the CTA to scroll to.

Step 2: Assign an anchor to a specific section where the button will scroll to. (Ie: Section 8 – Topic).

Step 3: Select the button that will link to the anchor and assign a unique tag.

Animation

Step 1: Select the element that you wish to animate.

Step 2: Under the animation panel, choose the type of animation trigger.

Step 3: From the list of animations, select the desired animation

Step 4: To remove an existing animation, click the X next to the animation tag under the animation panel.

Form

Step 1: To edit the different Form inputs, select one of the Textboxes.

Step 2: Under the Variables panel, click the Data field link to open up the lists of data fields.

Step 3: Select a category from the Categories panel to the left.

 Step 4: Choose your data field then press OK.

Flows

Step 1: To update the content within your Flow, begin by selecting it on the canvas.

Step 2: Within the Flow, locate the first Flow Step at the top. You can edit the contents within the container, add content, or remove all of the content from the Flow Step.

Step 3: At the very bottom of the Flow is a Progress bar navigation that is used to indicate the active Flow Step and is also used as buttons to navigate through steps. You can remove this by visiting the Edit tab and removing the Microtheme.

Step 4: You can also change the style of the navigation by choosing the Flow microtheme.

Step 5: After choosing the Flow Microtheme, another dropdown will appear where you can choose from a list of sub-category options.

Step 6: You can choose the behavior between the flowsteps by selecting from the All Steps category in the dropdown menu.

Content Writing Template

Here is the content structure’s template to make it easier for you when providing content guidelines or creating the copy for this template, from understanding the content structure to getting to know the amount of words needed to each text piece.

Related templates

If you like this template, you might want to check out these other similar models.

Have a question?

Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to [email protected], so we can make sure to have this article constantly up to date.

Share this:

Rapha Sathler is the UI/UX designer at Rock Content and has been dedicated to finding engaging solutions for challenging problems. Usability and accessibility are principles that drive his 12+ years in the creative market, either developing strategies or building interactive experiences. Type design also has its heart and he can spend hours adjusting type kerning. In his spare time, you'll find him taking the family out for some fresh air and doing crafty things.