HEET Website

Interaction Design
Tools Used
Adobe XD, Webflow

HEET Website Redesign

The objective of this project was to design and implement a new website for the Home Energy Efficiency Team (HEET). Through user interviews, user journeys, website benchmarking, many design reviews, and testing, testing, testing, I created a new website for HEET which reorganized the nonprofit's information into an easily navigable framework, with new tools for ease of information finding, a new CMS system for the in-house team to easily add content through, and new language to speak to a broader audience (written by HEET's director of communications). With the final site totaling nearly 30 pages (not including repeat items such as blog entries), this project was a massive undertaking. I learned a huge amount during the process, and I'm forever grateful for the team at HEET for supporting and assisting me through the journey.

Redesign Process

Website Link →

Infographic

Infographic describing 3 trips; One to school, 3 miles away, one to Amherst Massachusetts, 75 miles away, and one to Cape Town in South Africa, 7,716 miles away.

Illustrations

Illustrations

Escapebot Game Playthrough

Figma Link →

MBTA Buddy Platform Finder Workflow

Time Alert Workflow

App screen that reads: "Don't miss your stop! You are currently 6 stops away, approximately 12:02 minutes away from Ruggles station" And shows a notification timer set to 10 minutes. App screen that reads: "Don't miss your stop! You are pulling up to Ruggles station!" and a notification timer going off. App screen that reads: "Oops! You Passed Your Stop. No worries, we can get you back. Use the platform locator to reach your destination from the next stop." App screen that reads: "Oops! You Passed Your Stop. No worries, we can get you back. Use the platform locator to reach your destination from the next stop." with a popup that reads: "Platform Locator" with options "Roxbury Crossing" and "Ruggles" selected, and a button below that reads "Find My Platform".

Escapebot Process Book

Umbrella Intructional Diagram

Walkthrough

Map Images

Flyer Design

Animated Web Flyer

Redesign Process

Logo Images

HEET Website Redesign

Other Projects