Storyline Example: Flashback to the 70s, 80s, and 90s
Feb 25, 2020
Are you feeling a little nostalgic? Flashback in time with this Polaroid inspired take on flashcards. Find out how much you remember from the 1970s, 1980s, and 1990s.
Here’s some info on how I made this:
Camera: I built out the Polaroid camera graphic using a variety of shapes in Storyline. This gave me the flexibility to individually animate each piece.
Instructions: The animated instructions were created 100% in Storyline. I used animations, motion paths, and triggers to create the motion graphic gif feeling.
Photo Vector: I leveraged David Anderson’s handy dandy Polaroid Vector Graphics download throughout this quiz. (Thanks, David!)
Drag & Drop Color Change: The photos turn red or green when dragged left or right using Storyline 360 intersecting triggers.
I hope this example brings back some fond memories of the good old times. What 70s, 80s, and 90s items do you remember?
26 Replies
Looks great Sarah, lovely engaging dynamic.
How fun!
I think my score reveals my age 🤣
AMAZING as always! I absolutely love the concept behind this and the illustrations and animations are to die for as well. Simply gorgeous! Thanks so much for sharing. :)
This is incredible! I love everything about it! The nostalgia, colors, interactions, etc. Beautiful work.
Oh wow, thank you for all the nice comments! Designing this course brought me back in time. Fun fact: I often travel with my pink Gameboy in hand. It still works! 😊
Looks amazing! Love all the small details!
Beautiful! I'm so old I have forgotten about all those devices already! But I did have the motorola phone (my dad had the first one in our town) and finally got rid of it in a garage sale a couple years ago. Some young boy bought it--I'm sure he just wanted to take it apart to see how it worked. It was about the size of a shoebox.
Wow! absolutely amazing!
Well done Sarah! very engaging and I loved the flat design used in this project. Thanks for sharing!
That was fun and engaging. Beautiful work with the graphics and interactivity - nice job!
Nice work, the animations are very well done and smooth.
This is great! It looks beautiful and is fun to interact with/ Thanks for sharing! :-)
Sarah, while we're so used to seeing photos (instead of illustrations) these days, the creative use of each illustrated component made it so memorable (and yes, 70s/80s/90s like!). Really nice!
Loved it, Sarah!
can you please share the storyfile
Love that retro vibe. Nice work!
So great!! Did you create your assets in Storyline?? I use Illustrator, but I'm seeing others use SL and I'm intrigued...
That was brilliant!! I loved the retro feel and the imagery.... well done and thanks for sharing!
Amazing! Great job.
Wow! Great work! This was very engaging in so many ways and flowed very nicely.
Love this!!!
Are you able to share the file?
Looks amazing. Very creative!
This is awesome! I love it :)
Thanks for participating but could you please suggest me what do you mean by the size of shoebox.
@walmart Ali - a "shoebox" is a term that describes the box that a pair of shoes is sold in. Shoeboxes are generally a similar size and (of course) similar shape, regardless of the shoes one may get. So when Jodi said that the moto phone was "about the size of a shoebox" she was saying the size of the phone was similar to the size of a typical shoebox. In this case, that would be an appropriate description: about 6 inches (length) by 4 inches (depth) by 12 inches (height). ("Mobile" phones, yes, but clearly not very easy to carry around.)