The green web design goodness that’s in store
Everything you’ll learn in the course modules.
Intro to Green Web Design
This module covers what the heck green web design is and why it’s important. We take a look at how it touches the physical world as well as a brief look at the history of the Internet and web design in all its glory.
This unit serves to ground us in our definition of Green Web Design and to clear up myths you may have heard regarding the Internet’s impact. We take a dive through history to learn how we got here (remember Flash? Yeah, neither do I) and discuss if there’s anything we can take away from the past as we head into the future.
- Welcome to the Course!
- What is Green Web Design
- Green Web Design Myths
- Electricity’s Carbon Footprint: An Introduction
- Technology + The Physical World
- The Web: A Look Through Time
Content & Organization
In this unit we start strategizing on the website. There’s a lot of moving pieces to consider before you decide on a builder, a host, and an aesthetic. Strategy is the foundation of all design.
We’ll talk through site mapping, choosing content, and developing page structure. If you’ve been designing websites for awhile, this might sound redundant. But, we’ll be doing it all through a sustainable lens.
- Site Mapping + Sustainability
- Choosing Content For People and Planet
- Page Structure + Sections
- Case Study: Optimal Organization
Before you Build
After you have a strategy in place, there’s still a lot of work that goes into a website before code touches web browser. We’ll go through how to choose the right website builder for your project. Yes, even Squarespace has its place – and no need to shamefully recommend it, either!
If you’re using a platform like WordPress that doesn’t have its own hosting, you’ll also need a web host. You’ll learn how to pick that, too.
Then we’ll dive into the sustainability of the popular website builders. What’s Shopify doing to help the planet? Or Show It? We’ll find out!
And finally, we’ll conclude with an overview of some of the tools you’ll be using in the units to follow.
- How to Choose a Website Builder
- How to Choose a Web Host
- The Sustainability of Website Builders
- Green Web Design Tools
Images & Video
In unit four we start to get to the nitty gritty step-by-step how-to videos. This is where rubber meets the information highway and you’ll start seeing tangible impact through grams of CO2.
We’ll talk through different image file types, how to size them, and then how to save them through different programs. Then we’ll move onto video: how to know whether to included them or not, their file types, and how to optimize them.
- Images: File Types + Sizing
- How to Save + Optimize Images
- TinyJPG / TinyPNG
- Adobe XD
- Video: File Types + Optimizing
- Case Study: Imaginative Imagery
Fonts, Code, & More
While images and video are flashy and a quick way to reduce your impact, fonts, code and plug-ins also contribute to a website’s carbon footprint.
We’ll go through how to choose fonts for your site and then how to implement them. We’ll also take a quick detour into code to talk through what you need to know and what’s not worth the effort.
And finally, we’ll talk about plug-ins, those so-called magic bullets of solutions. Some are definitely worth the hype but a lot are nothing more than a good marketing strategy. And while we can’t get into every single one out there, you’ll get an overview into knowing how to tell a legit plug-in from a poser.
- Choosing Fonts: File Types + Font Types
- Crash Course into Code
- Colors and Their Energy Impact
- Plug-Ins + Possibilities
- Case Study: Small Touches with Big Impact
Accessibility & Designing for People
If you want to make a greener, radder website, you gotta account for the people that will visit it.
Accessibility is a topic that can make people freeze up and panic. It’s a huge topic! And while this course will get nowhere near being able to teach you all of the accessibility things, it will help you get your website on the right track for design and usability.
We’ll talk about how to design for those with disabilities and for those without access to the infrastructure needed to access the fanciest of sites.
- Who to Keep in Mind
- Colors, Contrast, + Visuals
- Alt Tags, Labels, + Captions
- Rural Areas + Urban Poverty
- Case Study: Accessible & Beautiful
Marketing + Beyond
At this point, you’ll have all the tools you need to get through the technical sides of a website. But, your work doesn’t start and end with the design. There’s marketing effort before (and after) and upkeep.
Websites are kinda like living things. Do you want to help maintain it or is that not for you? If you killed your tamagotchi back in the day, that might be a good indicator on the direction you should take.
- Marketing Green Web Design to Clients
- Gone Too Green: Avoiding Sustainability Pitfalls
- Website Upkeep + Ongoing Changes
SOUND LIKE YOUR JAM?
Learn all the nifty tricks to create low carbon websites
Investment: $300 USD (payment plans available)