Interactive Slides

SHARE

guestboard

Interactive Slides

Interactive Slides

I
n
t
e
r
a
c
t
i
v
e
S
l
i
d
e
s

Design your deck on Framer

D
e
s
i
g
n
y
o
u
r
d
e
c
k
o
n
F
r
a
m
e
r

What if we can make decks dynamic with media like video and embeds, interactive, yet easy to share as an URL? Utilizing the web design tool, Framer, this template transforms frames into slides that adjust to any screen size and can be navigated like a presentation deck.

2023 / Product design
product design
development
framer
introduction video
Reimagining slides - like 'a website'
Connect slides into the component
Connect slides into the component
Focus on your content
Responsive to any screen size
Optimized for mobile
Made for the reader
Thumbnails mode as a bird-eye view
Tell more with micro- interaction
Micro interactions on cursor and navigation
Hacking a Framer into a presentation design tool
The initial idea came from my frustrations in finding a tool that I can add some videos on my deck. For sure I couldn't use Powerpoint or Keynote due to the heavy size, and even existing tools like Canva and Google Slides were so limiting. That's when I had a spark of an idea to build a component on Framer that scales frames to fit any screen size and navigates like a deck. It turned out to be really useful and even better way to design more interactive slides, so I turned it into a template. And way many people than I expected purchased it and shared a great feedback. The whole process - building a functional component to handle the responsiveness and performance, desigining a viewer and the user experience, spreading the word and getting feedbacks to further improve and develop it felt like I'm building a mini product.


seungmee lee © 2024
interaction designer

last updated/ 2024 May