Visual Design & Media Tools – “From Idea to Eye Candy”

Session Breakdown:

The Power of Visual Communication in STEAM

• Data Point: Visual content is processed 60,000x faster than text
• STEAM Context: Science diagrams, Engineering blueprints, Math visualizations, Arts expression
• Show Don’t Tell: Side-by-side comparison:
  • Slide A: Bullet points explaining photosynthesis
  • Slide B: Infographic showing process visually
• Group Poll: “Koji bi ti slide koristio?”

Canva Deep Dive – 4 Essential Projects

Project 1: STEAM Workshop Poster (15 min)

• Live Demo:
  • Template selection strategy (don’t start blank!)
  • Brand kit setup (your org colors, fonts, logo)
  • Element manipulation (resize, align, layer)
  • Export settings (PNG vs PDF, print vs digital)
• Participant Challenge: “Duplicate my design and customize for YOUR next workshop”
  • Async Assignment Seed: Finish + share in Viber group

Project 2: Interactive Presentation (20 min)

• Showcase Feature: Canva Presentations > PowerPoint
  • Animations & transitions
  • Embedded videos/GIFs
  • Clickable prototypes (linking pages)
  • Presenter notes
• Live Build: 5-slide “Intro to Your STEAM Topic”
  • Slide 1: Title with animated text
  • Slide 2: Problem statement (image + overlay text)
  • Slide 3: Process diagram (custom infographic)
  • Slide 4: Results (data visualization)
  • Slide 5: Call to action (QR code embedded)
• Breakout (5 min): Pairs give feedback on each other’s draft

Project 3: Social Media Content Series (15 min)

• Batch Creation Magic: Create once → resize for all platforms
  • Instagram Post (1080×1080)
  • Instagram Story (1080×1920)
  • Facebook Cover (1640×924)
  • LinkedIn Post (1200×627)
• Template: “3 STEAM Tips” carousel post
  • Page 1: Hook (“Did you know…”)
  • Pages 2-4: Tips with icons
  • Page 5: CTA (“Follow for more”)
• AI Integration: Use ChatGPT to generate tip content → paste into design

Project 4: Printable Worksheets & Handouts (10 min)

• Education-Specific Templates:
  • Lab report template
  • Observation journal
  • Design thinking canvas
  • Rubric/assessment sheet
• Pro Tips:
  • Set up grids for alignment
  • Use editable text boxes (participants can fill in)
  • Save as PDF (print-ready)

Alternative Tools Quick Tour

Adobe Express (10 min)

• When to use instead of Canva: Video editing, animation, Adobe ecosystem integration
• Demo: Quick 15-second animated explainer video

Figma (10 min)

• Teaser: “This is where professionals work”
• Use case: Collaborative design (team all editing same file live)
• Show: Simple wireframe mockup of e-learning platform

Utility Tools Speed Round

• Remove.bg: Instant background removal (product photos, profile pics)
• Pixlr/Photopea: Free Photoshop alternatives (quick edits without subscription)
• Unsplash/Pexels: High-quality free stock images
• Coolors.co: Color palette generator
• FontJoy: Font pairing suggestions

 Assignment Launch “The Visual Identity Challenge”

• Create comprehensive visual package for one STEAM unit:

  ☐ Workshop announcement poster
  ☐ 3-slide intro presentation
  ☐ Social media promo (Instagram + Facebook)
  ☐ Student handout/worksheet
  ☐ BONUS: Animated explainer video (Adobe Express)

• Deliverable: Shared Google Drive folder with all files
• Evaluation: Peer vote – “Whose design would make YOU want to attend?”