I sketched out the overall flow of the magazine to figure out what the directional swipes should be to make the content easy to follow while signifying start and end points. I also sketched out the general content layouts for each of the screens and refined them further once I started building them.
Since I decided I wanted to construct it in a way that demonstrated that this medium is the future of storytelling, I was constantly scribbling down storytelling conventions, along with lines from famous stories that would help reinforce this concept with the section titles.
You can see the basics I originally sketched out ended up being modified once I got into InDesign. I tried to keep in mind all the possible interactions that could be built to make the most of each screen.
The storytelling conventions I had scribbled down were finally called into play for the page headlines.
For consistency, I kept the use of the same fonts on each page, but each section had its own look which reflected the particular piece I was showcasing.
A paper magazine has static images, but with an interactive magazine, the images can be animated. Each page was brought to life with video backgrounds and animations to fully utilize the unique nature of this medium.
I took inspiration from illuminated manuscripts for the title, contents, and credits pages. I used light animations in place of the traditional gold. I titled the publication "Illuminated Stories", as I felt it reflected what they really are - storytelling with light. Overlaying those elements on top of the modern images created a nice callback to the history of storytelling.
Learning to create this interactive magazine really helped push forward my thinking with interaction design, and gave me new ways to think about the display of information when constructing a story.