Capabilities

Info

Fullscreen Image and Text
Basic module to combine images or graphics with text. Text elements can be aligned left or right and formatted. To gain a suitable readability, contrast can be intensified by slide control.

Tips
Consider a balanced ratio between motive and text (left/right) when producing images and graphics. Pictures with depth of field are particularly appropriate to be complemented with text elements. Avoid text on text.

Availability

Info

Text Page in Blog-Design
Basic module for longer paragraphs. Different scroll effects and fade options can be applied for the conduct of title images and banners. An additional image can be used in the continuous text.

Tips
Exempted graphics are ideally suited to complement continuous text with picture elements. Charts and maps can easily be built in as well.

Availability

Info

Video-Player with Player Controls
Pageflow’s integrated video player can handle any common video format. Text and/or infobox automatically fade out with short delay after a video started. Videos can start automatically when autoplay feature is activated.

Tips
To maintain reading flow, „auto scroll“ can be used for an automatic scroll to the next page at the end of a video. For longer introduction texts better deactivate the autoplay function.

Availability

*The autoplay function is still prevented on most mobile devices. Will soon be available for Android and iOS 10.

Info

Video Loop without Player Controls
Full screen videos are interweaved with text elements and automatically played as a loop. Smooth and steady sequences, time-lapses and animations work best for this page type.

Tips
Choose suitable length and motives, that allow cuts to pass unnoticed. Use a tripod and consider appropriate ratio between text and motive.

Availability

* available for Android and  iOS 10 or higher. Mobile browsers do not allow the necessary auto play function for videos with sound. Therefore video loops are muted on mobile devices.

Info

Embedded Video
External videos can be embedded with URLs from Youtube & Vimeo. Embed videos are displayed in a frame and can be complemented with a background image, text and video description.

Tips
Suitable for longer films or movies protected by copyright. 360° videos can also be used in all current browser versions.

Availability

Info

Audioplayer with Text and Background Image
Combines interviews, radio features or tracks with background image and text. Like the video page, audios can start immediately when users open the page.

Tips
When longer introduction texts are used, a manual start is reasonable to avoid an overstrain of users. In this case, an additional background audio can be chosen.

Availability

* The autoplay function for audios is still prevented on most mobile devices.

Info

Internal Links to other Pages
Module to create overviews of chapters, arrange storylines or specify certain topics. By clicking on the thumbnails users are directed to defined target pages.

Tips
For non linear and interactive narratives, internal links can direct into multiple „Storylines“.

Availability

Info

Links to External Websites
A collection of further information, backgrounds, sources and connected content in the web. External links appear as rectangle preview boxes with thumbnail, title and description.

Tips
External links are recommended to be deployed rather towards the end of a story, to avoid an early exit of a user.

Availability

Info

Interactive Panoramic Images
Hotspots are configurable click areas that can link to other pages, show information by mouse over or play audio files. Three different image layers allow compelling visual effects.

Tips
Teaming up with designers will lead to best results. Animated graphics, coloured maps or visually accentuated protagonists – the Hotspot page can be used in many ways.

Availability

* Find out more about how to use Hotspots in this demo

Info

Internal Links in Form of a Collage
Arrangement of thumbnails in different sizes, combined with optional background image. A collage can be used as an overview for topics, chapters or pages. Suitable to compile content in chronological, alphabetical or any kind of order.

Tips
For the use of internal links Pageflow provides an easy solution for non linear narratives in multiple storylines.

Availability

Info

Comparison of 2 Images
Two images lie on top of each other and can be compared by using a slide control. For example status quo and state of planning, 1986 and 2016, empty and full. The interactive section can be complemented with additional text.

Tips
Images in landscape format are recommended to fill out the maximum width of screens. Images with same angle and position ensure the best results.

Availability

Info

360°-Images with KRPano
Interactive view of 360° panoramic images, built with the software KRPano.

Tips
For the production of compelling panoramic pictures, team up with professional photographers, and use a panoramic tripod head.

Availability

* Find out more about how to use KRPano

Info

360° Video/VR
Pageflow contains an integrated VR player that enables processing and playback of mono- and stereoscopic 360° videos.

Tips
In case that a user’s browser is not capable of playing 360° videos an alternative link to Youtube can be displayed to allow viewing the video in the YouTube app.

Availability

* VR view on Google Cardboard

Info

Interactive Charts & Maps with Datawrapper
Datawrapper is a tool for the visualization of data. Different chart types can be created in a special Pageflow theme and then easily embedded via URL.

Tips
Besides charts, the tool provides a growing number of interactive maps. Like Pageflow, Datawrapper is also available under open source license.

Availability

* Find out more about how to use Datawrapper in Pageflow