Main purpose: the animated objects should disappear or appear before significant part of the article showed up in the viewport. First scene has info about the article (meta) the second scene (after animations completed) has actions that related to the reading process, for example social share button.

Key objects: social button (bottom left corner), logo (top right corner), display meta (viewport/above the fold textual content), three arrows (sliding from the middle of the screen toward the bottom).

Scenario: top - scroll down - scroll top.

Scenario: on works page click any article (choose heavy one - one that has big number of images :).

Key objects: four louvers, vertical logotype, progress line, display meta elements.

Key objects: animated text in the footer.

Scenario: start scroll down just above the footer all the way down.

The new logo is three letter monogram - wtt (ttw). Read more about the WebTalkTo v11 logo development here: New website, new logo.

Key objects: social button, overlay, social icons.

Scenario: scroll down - click the button to open overlay - icons hover - close overlay.

Scenario: hover logo - hover different menu items - move the mouse out of the menu panel to hide it.