This short demo showcases a selection of slides exploring eco-friendly coding practices. It’s designed to raise awareness among developers and product teams about their environmental footprint — using real-world examples, animated graphics, and accessible design.

In response to stakeholder feedback, I focused on simplifying complex ideas into clear, digestible chunks. The visual approach draws from familiar green and eco-focused aesthetics to strengthen message clarity and engagement.

Highlights include:

  • Interactivity such as carousels and Multiple choice questions
  • Infographics used to break down complex topics
  • Smooth transitions between sections
  • Unique visual identity that embodies the concept of “eco-friendliness”
  • Custom buttons and visuals

Try the Module

➡️ Use this link to preview the e-learning module.

Screenshots

A slide showing a comparisson between two percentages in an infographic format An interactive infographic where users can see various tips relating to IT energy efficiency.

Illustration of software vs. hardware A visual illustration of software / hardware.

Multiple Response question A Multiple Response type question example where all answers are correct.

An illustration on the scale of data networks. An illustration on the scale of data networks.

Infographic showing the energy differenes between multiple storage solutions Infographic showing the energy differenes between multiple storage solutions.

Tools & Skills Used

  • Articulate Storyline 360
  • Instructional Design
  • Adobe Illustrator, Photoshop