Home

Capabilities

Page Types and Features for Visual Storytelling

Every part of a digital story yearns for a particular medium, suitable to let readers immerse deeply into the narrative. Pageflow’s concept of “Page Types“ supports this decision making process and provides intuitive tools for an exact application of the selected formats.

All page types can be extended with additional features: cross-page soundscapes, transition effects, autoplay, multiple storylines, delayed text fade-in and more. The platform simplifies Visual Storytelling and enables Online Journalists, digital storytellers and content agencies an intuitive creation of interactive web stories, online magazines and any kind of multimedia content. Pageflow empowers you to build stories within hours and to publish them within seconds.

Bild

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 focus are particularly appropriate to be complemented with text elements. Avoid text on text.

 

Availability

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone ✔*

*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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone *

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

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone ✔*

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

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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 optimum outcome. Animated graphics, colored maps or protagonists – the Hotspot page can be used in many ways.

 

Availability

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

* 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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

* Find out more about how to use KRPano

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

Version
Open Source
Hosted

 

Device
Desktop, Notebook
Tablet, Smartphone

* Find out more about how to use Datawrapper in Pageflow