Designing Websites for Sustainability


Dear Reader,

Have you ever thought about the environmental impact of UX/UI design?

Today's advice letter comes from the master of eco-friendly UX/UI: Lizzie Hamblin

Last night, she gave a talk for our monthly meetup that was all about designing websites with a low carbon footprint.

As the Lead UI designer at a design studio, Lizzie can easily design a website. But when she took on the redesign of her company's website, she decided to go all in on sustainability.

She gave concrete ways to:

  • Streamline websites to make them more eco-friendly
  • Reduce the carbon footprint of our design work
  • Check the sustainability impact of any website

My big takeaway: better UX = a better environment ...when we optimize the user experience, we also reduce the energy to run sites/apps. So by making better UX, we reduce the carbon footprint of websites. 🤯

You can get the full talk + her tools for eco-friendly design here:

This talk might have changed the way I think about digital design forever. I hope you enjoy it as much as I did.

Lizzie was also kind enough to share her slides if you want to click through the talk: Designing-websites-for-sustainability.pdf​

​

Until next week!

Jeff Humble
​
Designer & Co-Founder
​
The Fountain Institute

​

P.S. We just launched a FREE mini course on UX research. Check it out!

The Fountain Institute

The Fountain Institute is an independent online school that teaches advanced UX & product skills.

Read more from The Fountain Institute
diverge explore converge diagram

10 Design Diagrams To Study Instead of Staring Into the Void by Jeff Humble Dear Reader, It's that time of the year. Another boring Q3 earnings call, and all you want is to go back to the beach. You look at yourself in Zoom, and all you see is a bottomless void. Hey. Stop that. Instead, check out some of the best Jeffing diagrams on the internet. At least you will look like you are kind of working... 1. Diverging and converging in action by Nicholas Frota Designers talk a lot about diverging...

Six-screen signup: SSO/login, email entry, verify email (pre- & post-entry states), OTP with timer, success.

Level-up your critiques in 3 questions By Hannah Baker Dear Reader, You know the critique that starts with “quick feedback” and ends 45 minutes later with five conflicting opinions and no next step? Or the one where a senior voice speaks first and the room quietly aligns, even when the data points elsewhere. Here’s a simple pattern, adapted from Visual Thinking Strategies (VTS), that pulls critiques out of taste debates and into clearer decisions. What VTS is (in 60 seconds) VTS is a...

What is design strategy?

The Summer Edition(and a Free Masterclass) by Jeff Humble Dear Reader, I'm taking some time off for summer, and I hope you are, too. When I'm off, I end up watching a lot of YouTube, so... A Free Masterclass on YouTube If you've ever wondered about design strategy, this masterclass has you covered. It's called "What is Design Strategy?" The toolbox of the design strategist is incredibly powerful, but it's not well documented. See what it looks like when the designer's sphere of influence...