Sustainability for Social Good

We were heavily inspired to create something simple that everyone could use, to orient themselves to make more sustainable lifestyle choices. A quote/suggestion is displayed on the left hand side under our logo. This extension is intended to be a Google Chrome Extension for all to use, especially those who want to try being more sustainable and just need some suggestions on how to do so when opening a new tab.

Time and Location Aspect

The time and location is tracked using Javascript. We display the time beneath the quote, and next to the location of the user. This way, the user can easily check the time if they need to while also keeping the quote/suggestion up as a reminder.

Time-adjusted Ambient Lighting

There is a night filter applied between the hours of 8PM to 8AM, which accommodates to the user's screen. The night mode dims/brightens as each hour passes, so at night, users' screens are darker. This helps limit bright screen exposure as well as increases the emphasis on the time and quote (since the text is white).

Exploring Linked Items

On the bottom right hand corner, there is a link that users can click to learn more about topics involving the quote/suggestion that is currently shown on their screen. Using Javascript, a search is conducted with key terms loaded into an array.

Design Decisions

The visuals (illustrations) are also linked to the quotes and search terms. The logo shows two infinity symbols linked against a green background, which symbolizes the green choices we make and how they are linked to our environments. The colors we chose are ambient, analogous, and green, which we hope to induce a sense of calm and serenity. The typography we chose have a serious aspect as well as a more playful one, juxtaposed to provide visual interest while still retaining readability.

Share this project: