.svg)
With this element you can mark the USP's components with dots. When the Point Of Interest dots (POI) are triggered the visual fades to grey and a system / unit / section lights up. This type of interactive technical animation is useful in a system overview.
Type:
Actions:
Max. POI:
USP (Points-Of-Interest)
Desktop: Hover / Mobile: Tap
10
This element has a fade overlay layer with the text on the right side. When the user scrolls through the page the different parts will light up. Highlight the USP components with this element.
Type:
Actions:
Max. layers:
USP (Fade overlay TR)
Desktop: scroll | Mobile: swipe
5 (recommended: 2)
This element has a fade overlay layer with the text on the left side. When the user scrolls through the page the different parts will light up. Highlight the USP components with this element.
Type:
Actions:
Max. layers:
USP (Fade overlay TL)
Desktop: scroll | Mobile: swipe
5 (recommended: 2)
This element is a short animation of the working of a (sub)system. With this you can show the workings of the (sub)system.
Type:
Actions:
Max. length:
USP (Animation)
Desktop: scroll | Mobile: swipe
25 frames
This element is a short animation of a (sub)system that usually scrolls into, or from an exploded view. With this you can show how different subsystems make up one main system.
Type:
Actions:
Max. length:
USP (Animation)
Desktop: scroll | Mobile: swipe
25 frames
This element visualises the flow of invisible (electrical) or hard to see (liquid) systems. The flow can be moving to represent the flow direction.
Type:
Actions:
Max. layers:
USP (Flow)
Desktop: N/A | Mobile: N/A
2 (background + flow)
This element lets you compare 2 renders by having them slide over each other. e.g You can compare a photorealistic render with a CAD render.
Type:
Actions:
Max. layers:
USP (Slide Wireframe)
Desktop: Scroll | Mobile: Swipe
2 (Background + slide frame)
This element lets you cover and uncover internal (sub)systems using animation. With this you can easily compare the insides to the outside.
Type:
Actions:
Max. layers:
USP (Slide Cover)
Desktop: Scroll | Mobile: Swipe
2 (Background + slide frame)
This element is the header of your page. Visitors can navigate through your pages from this menu. This can also be used to navigate through different parts of your technical presentation.
Type:
Actions:
Max. menus:
Menu
Desktop: Click | Mobile: Tap
2 per project
These elements make up the text on your page. Text inside the blocks are automatically resized to the device used.
Type:
Actions:
Max. blocks:
Text block
Desktop: N/A | Mobile: N/A
5 blocks per row
These elements take the visitor to pages you want. This can be a specific part of a page, or even external websites using the URL.
Type:
Actions:
Max. buttons:
Buttons
Desktop: Click | Mobile: Tap
5 buttons per row
These elements allow your visitors to send you a message directly from your page. You will receive their message in your email inbox.
Type:
Actions:
Max. forms:
Form
Desktop: N/A | Mobile: N/A
2 per project
These elements allow you to add images to your page. These can be either photos or 3D renders.
Type:
Actions:
Max. images:
Image
Desktop: N/A | Mobile: N/A
2 per project
These elements allow you to add videos to your page. These can be either real life videos or computer animations.
Type:
Actions:
Max. videos:
Video
Desktop: N/A | Mobile: N/A
2 per project
These elements allow you to add a footer to your page. Here you can show your company information, and even add a small contact form.
Type:
Actions:
Max. footers:
Footer
Desktop: N/A | Mobile: N/A
1 per project