From Ideas to
Interactions –
Tapping the full potential
of ePublishing
Carl-Benz-Straße 21
phone +49.69.20161782
D-60386 Frankfurt / Main
www.CrKr.cc
The situation of
ePublishing as we see it,
and what we do about it.
1 complexity
2 lack of
original ideas
Problem
Problem
Potentially high coding
costs prevent from
developing challenging
implementations.
Sometimes the
unsuspectingness of
technical and creative
possibilities are paired
with the premonition
of required time for
realisation. That leads to
a cautious attitude while
designing wich often
produces unsurprising
results.
Solution
Leveraging the
power of cross
plattform frameworks
and programming
technologies, it is often
not necessary to start
the development at
zero, making it easier
to accurately estimate
development costs and
calculate risks.
ePublishing | From ideas to interactions
2/10 Status 140415
Solution
Generating interesting
ideas has a high priority in
our concept phase:
creative techniques operated by our multidisciplinary
team help to find solutions
that impress.
3 many target
devices
4 hard to
understand
Problem
Problem
The great number of
possible devices for
a sufficient spread of
the publication blows
production costs and
sometimes leads to
unforeseen results.
Many people enjoy
browsing through digital
magazines and like
the possibilies given.
Nevertheless studies
show, that many more or
less tricky features are
barely used by most of
the readers.
Solution
Adaptive layouts are
flexible. We support
you to pick the optimal
production framework to
provide an optimal user
experience on a wide
range of devices.
Solution
We provide in depth
analysis of customer
needs and behavoir.
Therefore we are able
to develop a product
based on the needs,
experiences and abilities
of the target audience.
©2014
ePublishing – what we offer
ePublishing used for
• Interactive experiences
• Magazines, enhanced eBooks
• Marketing communications
• Tools for sales enablement
• Internal Communications (newsletters, training)
• eLearning
• exhibitions
Deployment of existing
content for mobile devices.
Creation of additional rich-mediacontent, to be interactively perceived.
Dynamic media input brought from
online sources.
Interactive Experiences that leave the
boundaries of a single medium.
ePublishing | From ideas to interactions
3/10 Status 140415
Concept
Information Architecture
Graphic Design
Animation and Movies
Interactive Infographics
Programming
End-User-Testing
Deployment
©2014
Technical Standards
we support
We already have experience and a fundamental understanding of the following
approaches to ePublishing. Based on the pros and cons of these solutions and
your individual requirements we will find the right choice to fulfill your needs
and delight your customers.
HTML5 webapps / websites optimised for mobile view
ePub3 / HPUB
• Reflowable Text best for longer reads
• CSS styling possible
• DRM
• Video/Audio possible
Native Apps, PhoneGap
Adobe DPS
• codeless app generator for publications
• interactive elements
• iOS: interactive support
• Android: reduced to static content
• cross platform
• desktop-accessible
• supports HTML
• webviewer included
• low cost
• monetisation in own store
• highest performance
• access to hardware features: camera, gyro, microphone, iBeacons etc.
• access to contacts, maps, photos etc.s
Bonnier Mag+
• codeless app generator for publications
• cross platform
• HTML Elements
ePublishing | From ideas to interactions
4/10 Status 140415
• rich interactivity
©2014
Examples
iOS Native + HTML5
Kopfabenteuer
The App »Kopfabenteuer« is part of a wine
exhibtion in Austria we designed in 2013.
It’s an educational station, part animated
infographic, part eMagazine with interactive
content. The starting point is the »Kopfkino«
wich introduces the senses used for the
enjoment of wine flavours.
Videolink
user: gast
password: onetwo
ePublishing | From ideas to interactions
5/10 Status 140415
©2014
Examples
HTML5
The responsive Website for the art gallery
»Phillip Pflug Contemporary« mirrors the
simplicity in design the Office BLILA has
given their graphical appearance. It comes in
three viewing sizes with different amount of
information. Swiping up and down changes
the colorset for every exhibition.
ePublishing | From ideas to interactions
6/10 Status 140415
The responsive Website for the building
project »The Twentyfive« offers different
viewing modes for the optimal experience on
every system and in every browser possible.
©2014
Examples
Adobe DPS
CrKr
Our Studio’s App »CrKr« is used for
spontaneous presentations on the iPad and
is showed on the big screen in meetings. It’s
easy to swipe from slide to slide and open
up additional information by tapping the red
areas. In some places it shows short clips.
ePublishing | From ideas to interactions
7/10 Status 140415
©2014
Examples
iOS Native
»You name it« in an app in development,
that helps creatives to find names for
products, service or companies.
You enter a term and it combines querys to
different search engines.
You get back a list of translations, rhymes,
synonyms and also proposals for word
combinations.
You can save and combine the results,
you can split the syllables.
You can use them for new querys.
You just need your thumb to get inspired.
»Forum MLP« is a quaterly magazine that
now only is published digitally. The production
being made at the interactive Studio SensoryMinds we participated in idea-finding and
conception of an issue.
ePublishing | From ideas to interactions
8/10 Status 140415
©2014
Examples
HPUB
We tried the promising format HPUB to
deliver fixed layout multimedia enriched
publications. With the Baker Framework we
were able to build an indiviudal bookshelf
inside of iOS Newsstand. All the files are
hosted on an own server.
There are few steps to go from Indesign
to HTML files that contain the Layouts wich
makes the production process easy and lean.
Just like ePub all the assets are being zipped
to a single package.
ePublishing | From ideas to interactions
9/10 Status 140415
©2014
Studio & Scope of work
Cristinetti /Kreuzer has been conceived as an design
office planning, developing and implementing
two- and three-dimensional solutions for our clients.
architectural services
• brand architecture, environmental brand communication
• signage & orientation systems
• communication concepts for work spaces
• spatial graphic design & illustration
• exhibitions
product related services
• product concepts & scenarios
• product presentation
• product communication & manuals
graphic design
• corporate design & visual identities
• communication & PR
• graphic sign & pictogram systems
• web & print
Denis Kreuzer
concept and media
[email protected]
media-based services
• interactive exhibits
• eLearning-, eTraining- & eEducation applications
• ePublishing
• film- & animation- based communication
Carl-Benz-Straße 21
D-60386 Frankfurt / Main
phone +49.69.20161778
www.CrKr.cc
©2014