Timeline Modules

Many sites feature background or historical information about a company. Timeline modules can be tailored to convey a sense of your company's many years of experience or highlight exponential growth over a short period.

Module One

Active Timeline

This animated timeline uses a clean layout to denote important dates in the history of a company. Each milestone slides onto the page as you scroll.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    For mobile devices, milestones are stacked and arranged on one side of the timeline. Elements will still slide in as the page is scrolled.

  • Cost / Complexity

    This is a high value feature that looks polished and professional while requiring little design or development time.

  • Required Text

    A list of milestone dates and text descriptions.

timeline example

Play Module

Module Two

Horizontal Timeline

A shorter timeline can be displayed horizontally to highlight dates of importance. In this example, milestones become larger on hover to encourage engagement.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    This timeline scales for smaller screens. At mobile sizes, milestones are stacked and the 'line' element of the timeline is removed.

  • Cost / Complexity

    This feature is a simple and cost effective way to display historical milestones.

  • Required Text

    A list of milestone dates and text descriptions. Because of the horizontal display, the number of milestones is limited to what can fit across the screen.

timeline example

Module Three

Team History

Use this feature to highlight a large team.

Criteria

  • Responsiveness

    Team members stack in a single column for mobile devices.

  • Cost / Complexity

    Complexity in animated elements increases cost. Maintenance costs can also increase as adding team members requires rearranging groups and timeline points.

  • Required Assets

    High quality images for all team members.

  • Required Text

    A list of milestone years and team member names, titles, and hire dates.

timeline example

Play Module

Module Four

Animated Timeline

This static timeline uses graphic blocks of color to create a more interesting layout for historic milestones.

Criteria

  • SEO

    Content can be optimized to support on-page SEO.

  • Responsiveness

    For mobile devices, milestones are stacked and arranged on one side of the timeline.

  • Required Text

    A list of milestone dates and text descriptions.

timeline example

Play Module

Request More Information

  • I am interested in