Motion Editorial Menu
This is a working menu of the different ways Motion Editorial can bring stories, imagery, advertising and magazine layouts to life on mobile.
As you scroll, annotations will point out what you’re seeing and how each idea works within the format.
Everything here is illustrative - the point is to explore the possibilities and imagine how they could be shaped around your own publication, stories and advertisers.
SKIP TO ADS ↘
SKIP TO IMAGES & MOTION ↘
SKIP TO COVERS ↘
Editorial, Reimagined
The following demonstrates some of the ways Motion Editorial can bring a story into the reader’s attention.
Motion, changing imagery and carefully timed reveals create clear moments of visual interest - giving the reader a reason to pause, notice the editorial and continue through it.
Story format 1
Story title here
Story subheading here
By Author Name
IMAGE 1
👉 This format is characterized by an image scroll at the start of an article.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Story format 2
👉 This format is characterized by an image popping into view before the story appears afterwards.
Story title here
Story subheading here
By Author Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue.
Scroll-animated image sequences
Story title here
Story subheading here
By Author Name
👉 In the original print magazine, this photograph appeared with the interior lights off. For Motion Editorial, the image was reimagined as a scroll-driven sequence, with each pod illuminating as the reader moves through the story.
It’s a simple example of how existing editorial assets can be creatively extended for mobile - turning a static image into a more engaging moment of discovery.
Image heavy pages
👉 Print can hold many images across a single spread. On mobile, that same volume needs to be reconsidered. Motion Editorial can reorganize image-heavy layouts into grids, sequences and scroll-driven compositions that preserve the richness of the original story in a mobile format.
Mid-story moments
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
👉 Elevate the mid-story reading experience with visuals that reward the user for their attention to the story.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Glassmorphic
Story title
here
Story subheading here
By Author Name
👉 Blend art & copy with clear overlays, creating a moment of surprise that highlights the artful nature of your publication.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Glassmorphic long hold
TITLE
STORY
HERE
STORY SUBHEADING HERE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
👉 Notice how this gorgeous background visual keeps the user engaged to the moment while they experience the full range of art and copy from this story.
Motion Editorial concepts, formats and creative treatments are proprietary and presented for evaluation only. Reproduction or commercial use without permission is prohibited.
Advertising, Reimagined
You’re about to see a selection of ad formats designed around the Motion Editorial reading experience.
Some create longer, more intentional visibility for a campaign, while others keep actions like email capture or brand links present, and accessible, as the reader moves through a story.
Lead capture
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra. Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
👉 Maximize time on screen and enable a convenient lead capture moment.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Enhanced media placements
👉 Swap out static print ads for videos to increase engagement, and truly foster a multi-media moment for your motion editorial.
Link hold
👉 Increase time on screen for your advertisers and create a convenient way for readers to connect with their brand website.
Story title here
Story subheading here
By Author Name
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Multi-scroll ad placement
👉 Hold attention on an ad for multiple thumb scrolls.
Notice how the ad visual remains on screen throughout the duration of this segment.
Our magazine: Tell us about Ember & Oak.
E&O: Ember & Oak is a small-batch whiskey brand built around warmth, restraint and a slower approach to drinking. We wanted something that felt considered rather than overly polished or performative.
Our magazine: What inspired the brand?
E&O: The starting point was simple: oak, fire and time. Those ideas shaped everything from the flavour profile to the visual identity and the way we want people to experience the bottle.
Our magazine: Who is Ember & Oak for?
E&O: It’s for people who appreciate the ritual around a good drink — the pour, the conversation, the setting. Less about occasion, more about making an ordinary moment feel a little more intentional.
Our magazine: What makes the whiskey distinct?
E&O: We focus on depth and balance rather than chasing one dominant note. You get warmth, oak, subtle sweetness and a finish that hangs around without becoming heavy.
👉 Finish the ad moment with lead capture or a conventional CTA
Motion Editorial concepts, formats and creative treatments are proprietary and presented for evaluation only. Reproduction or commercial use without permission is prohibited.
Image meets motion
The following is an example of how motion editorial enhances a static image into a moment of motion.
Breaking free from the constraints of print, while not quite engaging in the production of video - just a small enough shift to create something special.
*Please note: these moments are only created with the consent of the publisher and related parties
Make models move
👉 All it takes is a subtle moment of motion to surprise the reader, and create a viral moment for your publication.
Story title here
Story subheading here
By Author Name
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
👉 Even a simple zoom in camera motion can create big results.
Turn on a fireplace
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere, neque vitae faucibus tincidunt, mauris justo feugiat risus, eget facilisis justo erat ut sapien. Integer non lectus vel augue luctus volutpat. Donec vitae sem at neque pretium viverra.
👉 Create a cozy fire-side reading experience, just by turning on a fireplace.
Curabitur finibus, urna vel tincidunt vulputate, sapien nisl placerat velit, vitae sollicitudin nibh lorem non augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent euismod, nunc sed feugiat fermentum, justo velit pulvinar erat, sed consequat augue neque vitae tortor. Morbi interdum ligula id mauris luctus, vel aliquet enim posuere. Donec ullamcorper, nibh sed interdum tincidunt, mi velit convallis lorem, sed posuere arcu lacus sit amet turpis.
Break the fourth wall
👉 This was a static image in the print magazine, depicting the cover artist laughing. A JPEG of the magazine cover was overlaid on top during editing. The cover was never physically there.
For Motion Editorial, that flat graphic becomes part of the scene. The artist reaches out, grabs the fictional cover, folds it back, and even signs it - turning a static print composition into something that suddenly feels physically real.
Motion Editorial concepts, formats and creative treatments are proprietary and presented for evaluation only. Reproduction or commercial use without permission is prohibited.
Covers explode
The following are examples of cover innovations.
A new way to 'get in' to a magazine on mobile.
The first of many scrolls - like cracking open the cover of your favourite book.
*Please note these cover entries will continue to evolve and are evaluated on an issue-by-issue basis.
BDC Magazine ISSUE 01
BDC Magazine ISSUE 02
Motion Editorial concepts, formats and creative treatments are proprietary and presented for evaluation only. Reproduction or commercial use without permission is prohibited.
Imagine Your Publication Here
Everything you’ve just seen can be shaped around the editorial identity, content and advertisers of your publication.
We’d love to show you what Motion Editorial could look like for yours.
Visit motion editorial
Motion Editorial Menu
This is a mobile only experience. Please scan the QR code.
Motion Editorial Menu
This is a mobile only experience. Please scan the QR code.