Scrollytelling is an excellent way to engage and actively keep your audience ‘in touch’ with the story you are telling; the scroll gives them a sense of control, exploration, and discoverability.
Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, fold open and spin around, showing off the hardware, demonstrating the software and telling interactive stories of how the products are used.
Scrollytelling is a good way to engage and actively keep your audience ‘in touch’ with the story you are telling; the scroll gives them a sense of control, exploration, and discoverability.
Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, fold open and spin around, all while showing off the hardware, demonstrating the software and telling interactive stories of how the products are used.
Working process
scrolling animation
BRIEF
We listen to your objectives and goals to understand the story you wish to convey along with your target audience, deadline and budget requirements.
storyboard
Creating a storyboard might sound like an extra step in the process, but trust us — it’s a step you won’t want to ignore. Like a script, your storyboard visually guides you throughout the production process. You can get others’ feedback early on and make simple adjustments to your storyboard rather than making significant changes while rendering.
model
3D models can be created from scratch or imported from AutoCAD. Once the model is approved, it will be rigged and textured preparing the model for animation and lighting.
ANIMATE
Animations bring objects to life through movement. A previsualisation (previs) forms the bridge from the initial storyboards to the final production stage. Here we can fine-tune camera movement, angles, staging and timing of the animation.
render
During the rendering process, what has been done in modelling, rigging, animation, shading, texturing and lighting will be merged and rendered into visuals. Rendering can be done in a short period using render farms.
post
Rendered visuals are Photoshop-files with layers and channels. In post-production we can make all kinds of adjustments to improve the final result.
json
Story-JSON is a JavaScript that describes interactive content that users can "tap" through. This interactive storytelling format is optimized for quick consumption on a smartphone or tablet.
WEB
Kleinstudio can design and make your product webpages or work with your own web designer.
Lorem Ipsum
I’ll gladly discuss your wishes and all the possibilities
06 82621419
info@kleinstudio.nl
Atoomweg 63
3542 AA Utrecht
