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

5 More Signals about the Future of AI Interactions by Jeff Humble Dear Reader, The way we interact with AI is changing, and it fascinates me. How will we interact with AI in 2035? Signals give us a hint. What are signals? Signals = surprising examples from today that suggest where the future might end up. Last year, I did part 1, and now I want to share 5 more. Signal #1: Google built an AI-enabled mouse pointer from Google DeepMind This is a signal that I think will catch on fast. The Google...

Which parts of your work do you actually want to keep? By Hannah Baker This one's a few days late; life got in the way. Back to our regular scheduled broadcast next week. For a long time, I was using Claude the same way most people do. As a chat function. A thinking partner. Something to help me get things done. But I kept running into the same problem. Every new conversation, I'd have to re-explain everything, my tone, my formatting, what I needed the output to look like. So I'd stay in the...

Purple gradients, an AI-generated tell

7 Tells that a UI is AI-Generated by Jeff Humble Dear Reader, You can see a vibe-coded app from a mile away, if you know what to look for. Here are seven design patterns that scream amateur vibe coder. Learn them, avoid them, and stay above the rising tide of slop, my friends. 1. Neon color palette from IceWhistle If it's vibe-coded, it's gotta be neon. To slop this one up to the max, use 5+ neon colors and never pick a single one to focus. Why AI loves it: Neon-on-dark is overrepresented in...