Accessibility Notice

  • Links open in new tab
  • Videos and gifs are set to auto-play
  • Designed for desktop viewing

Share

Facebook
Twitter
LinkedIn
Email

REVIVE DEAD SLIDE DECKS

Converting to Webpage Presentations

Rachel Winchester

Product Designer

Visual Webmaster, l. l. c.

“Building Value with the Web”

Why webpage presentations?

Questions & Considerations

In-person or online?

Where should it be published?

Version control and updates?

  1. Style Guide
  2. Template Parts
  3. Presentation

Style Guide

Text

Revive
Dead
Slide Decks

Rachel
Winchester

H2 Headers

  • Main Sections
  • Forms the table of contents

H3 Headers

  • Inner sections
  • nested in the table of contents one level deep

H4 Headers

  • Paragraph headers
  • not in the table of contents

Accent Text

  • <p>
  • Focus on text 

Small Text

  • Set a minimum size visible for your presentation format

Media

Revive
Dead
Slide Decks

Rachel
Winchester

Images

Gifs

Videos

  1. Style Guide
  2. Template Parts
  3. Presentation

Template Parts

Front Matter

Accessibility Notice

  • Links open in new tab
  • Videos and gifs are set to auto-play
  • Designed for desktop viewing

Presentation Dates

Page Builder Summit

Register at PageBuilderSummit.com

February 20-24th, 2023

Virtual

Reclaim Open

Buy a ticket @ ReclaimOpen.com

June 5-7th, 2023

In-person

WordPress Los Angeles

Sign up on Meetup.com

June 15th, 2023

Virtual

Indy Hall

RSVP @ IndyHall.org

October 5th, 2023

Virtual

Share

Facebook
Twitter
LinkedIn
Email

Front Cover

DEATH
TO
SLIDE
DECKS

Why your next presentation
needs to be a webpage

Rachel Winchester

Product Designer

Visual Webmaster, l. l. c.

“Building Value with the Web”

Main Section Title

  1. When
  2. Why
  3. How

Why?

T.O.C. & Inner Sections

Death to
Slide Decks

Rachel
Winchester

Slide Show:
Circa 1600

Images shown 1-by-1 in sequence

Slide Deck:
Circa 1600

Microsoft PowerPoint: Circa 1987

Predates the mass adoption of the internet 

images

Google Slides:
Circa 2006

Cloud-based software

Accent Section(s)

When you think of the word "page,"
what comes to mind?

Thesis

Webpage presentations fit in with today's visual culture. They match how we naturally view and experience the world.

Full Screen Media

Back Cover

Next time...

  • Presentations on a digital canvas (Adobe, Sketch, Figma, Balsamiq, Miro, etc.)
  • Presentations in Virtual Reality / Augmented Reality

Form

Thank You!

I appreciate your feedback and any tips for improvement:

Footer

  1. Style Guide
  2. Template Parts
  3. Presentation

Presentation

Revive
Dead
Slide Decks

Rachel
Winchester

Don't start in Elementor

Prioritize storytelling

  • Photos, Gifs, and Videos are essential for visual storytelling.

iterate and update

Next time...

  • Presentations on a digital canvas (Adobe, Sketch, Figma, Balsamiq, Miro, etc.)
  • Presentations in Virtual Reality / Augmented Reality

Thank You!

I appreciate your feedback and any tips for improvement: