The Challenge

To update the existing EcoCRED app, which was originally created to let users track their carbon footprint reduction through gamification. Exelon, the owner of EcoCRED, is the largest producer of emissions-free electricity in the US. For this phase Exelon wanted to specifically focus on engaging their employees.

EcoCRED’s goals were to help employees and individuals understand their carbon footprint and find new ways to incorporate being green into their lifestyle while also serving as a platform for organizations and groups to engage and educate individuals about their eco-related goals and activities.

My role included leading workshops, working alongside a Researcher to conduct user interviews, creating wireframes, user stories, UI and microanimations of the final product.

Workshop til' you drop

The EcoCRED Product Team was dispersed across the US, so we turned on our cameras and held virtual workshopping to determine the new features of the MVP. We used Miro (formerly known as RealtimeBoard) to visually collaborate with sticky notes and stickers for voting.

From this workshop we established epics, features and priority to begin sprint planning and designing updates, bug fixes and resolving issues in the current app.

Focus on the goal

We collaborated as a team to collectively write user stories from previously established personas, research and analytics to ensure we were focusing on our end goals.

Start with paper

Although there was already a design language already establish, I jumped in and began sketching to brainstorm and generate ideas. This was able to get the conversation going to make sure we were moving in the correct direction.

Assessing current application environment

With the paper sketches completed, I placed them into a flow to ensure all of our basis were covered. This allowed us to see gaps and discuss specific aspects while reviewing.

Design + Prototype

With UI design moving forward, we created the first prototype in InVision to prep use causes for usability testing.

Testing time

Throughout the development cycle of this product, we went through two rounds of usability testing using this methodology:

• Qualitative unmoderated UX test with 5-7 people
• Online platform captured a picture-in-picture recording of the interaction of the participant operating the prototype on their native mobile device
• Think-aloud protocol involved the participant thinking aloud as they performed a set of specified tasks
• A standard usability metric, System Usability Scale (SUS), was utilized to benchmark the app design and measure improvements with future iterations

This first round revealed a System Usability Scale rating of 68.29 (A SUS rating above 68 is generally considered a good rating, and a SUS rating below 68 indicates that serious issues to be addressed). So working alongside the Researcher, I took considerations into account and updated the design.

The second round of testing revealed a SUS score of 77.92 a 14% increase from the last usability test.

The evolution of design

Since the design language was already established we jumped from paper sketches to higher-fidelity wireframes. I used an iterative design practice to evolve as we learned more about the users.

Just a few things we discovered with user testing, "Today's Eco Habits" needed to be moved above "Your Impact" and "Community" cards, so that eco habits are within thumb reach for easier access. Also that the "Your Impact" and "Community" cards did not afford clicking, so we added green link text to show it was clickable.

Bonus branding

With EcoCRED's new facelift, Exelon also requested an updated logo that reflected what the app better than the globe they were currently using. This new logo clearly showcases they are an eco and green app.

Launch and promote!

The marketing team worked to create a plan to increase downloads and engagement with a combination of content strategy, web-based advertising, social media campaigns, organic outreach, and internal marketing programs. I worked alongside them to help provide assets needed such as app store screenshots or animating a promotional video.

The Result

EcoCRED is currently being used by employees at Exelon, Clayco and Microsoft, employees have been engaging and competing on teams to reduce their carbon footprint. Two weeks after the launch of this version, Exelon saw an increase in employee users by over 650%.

Brands sponsoring offers and rewards continue to increase as EcoCRED becomes an awareness platform, elevating those brands as progressive participants in the climate change conversation.

The new features in this version of EcoCRED allows users to become a climate change storyteller by sharing insights, competing with other users, gaining knowledge and education of their carbon reduction in relatable terms, forming habits to change their lifestyle to fight climate change and earning EcoCRED points for completing these habits that can be redeemed for eco-conscious rewards.

Awards

EcoCRED won two W3 Silver Awards in 2019 for Mobile Features Best Practices and Mobile Features Experimental Innovation.