The Logistics Landing Page is a one page, low complexity quickstart. This landing page is designed to guide the viewer through the content one scroll at a time. Viewers are welcomed with alternating topics in the hero section that works as a teaser, to the rest of the content. Viewers will encounter different interactive elements along the way, such as: animated images, videos and different flows. In the middle of the experience, the viewer can request a quote by filling out a form. At the end of the experience, the viewers can choose to subscribe to the newsletter. 

  • Type: Landing Page
  • Complexity: Low
  • Use case: Brand Awareness

Features available

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

  • Animation
  • Flows
  • Form
  • Odometer 
  • Video

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.

>> Framing screenshots

Animation

Step 1: To edit the Animation, begin by selecting the element you wish to animate on the canvas. 

Step 2: Under the Animations tab, select a new trigger from the dropdown menu. 

Step 3: After selecting a trigger, choose an Animation type from the dropdown menu. 

Step 4: You can remove animations by clicking on the X on the blue animation tag. 

Flows 

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

Step 2: Within the Flow, locate the first Flow Step at the top. Within this Flow Step is a one Row and two Column Responsive Grid. You can edit the contents within the columns, add content, or remove all of the content from the Flow Step.

Step 3: You can also change the transition between the Flow steps by selecting the Flow on the canvas and choosing the Flow microtheme.

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

Form

Step 1: To change a field on the Form, select the Form element on the canvas. 

Step 2: Select the Textbox within the Form field and click on the container under the Data Field panel on the right. 

Step 3: Select a new Data Field from the list then press OK.

Step 4: To change the copy within the Textbox, expand the Pre-Populated Value tab under the Variables panel. 

Step 5: Change the copy by clicking on the Placeholder Text container. 

Odometer 

Step 1: To edit the numbers on the Odometer, begin by double clicking the text element on the canvas, to open edit tools.

Step 2: Inside the edit toolbox, click on the Source button. 

Step 3: Change the “data-val=” number between the double quotations to your desire then press OK.

Video

Step 1: To edit the Video, select the Video element on the canvas. 

Step 2: Under the Variables panel, you can select the video type you will be inserting. Please note that each video type is slightly different from the one another. 

Step 3: In this example, we are using a Youtube video. Find the Video ID for the Youtube video by copying and pasting the ID after the “v=”.

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: