A laptop, cellphone, and tablet showing pages from the Good Energy Collective website.

Good Energy Collective Brand and Website

Launching an identity and website for a brand-new nuclear energy think tank

The founders of Good Energy Collective are energy policy writers focused on climate change. They believe that nuclear power can lead the clean energy transition if we can deploy safer technologies and reform the nuclear sector through policies based on social and environmental justice frameworks. 

The founders noticed that there was no truly progressive voice for those ideas in the nuclear policy space, so they started Good Energy Collective. They approached me to establish their brand identity and craft a website to launch their new organization.

Project Type
UX/UI Design and Development of responsive website
Team
1x Designer (me)
1x Developer (also me)
Tools
Paper + pencil
Adobe Illustrator
Adobe XD
Google Slides
Webflow
Timeline
4 months
(May-August 2020)

Challenge

How might we build support for progressive nuclear energy policies?

Project Goals

  1. Craft a brand identity that helps build credibility within the energy policy space.
  2. Establish an online presence that helps Good Energy Collective inform, connect and gather support for their policies from young progressive climate change organizations and lawmakers on Capitol Hill.

My Process

Four stages that read "Research and Branding," "User Interface," "User Experience," and "Web Development" with summary text for each stage.

Research and Branding

The clients were active partners in the design process and eagerly participated in several online design workshops I facilitated for them. Together we defined the organization’s mission and strengths, identified their competition and target audiences, and shaped their brand’s positioning, personality, and style.

Personas

I worked with the clients to create 2 personas representative of the client’s target audiences: young progressive climate change organizations and lawmakers. These personas were informed by the founder’s past experiences working at other energy think tanks.

Competitive Analysis

Using information from the internal interview, I created a chart to understand where Good Energy Collective fits among its competitors in the nuclear energy policy space. Good Energy Collective’s policies skew far more progressive than other energy policy organizations.

New logo development

I led a series of online workshops with the clients to co-develop the brand personality and style. I then designed the logo, brand guidelines, and several brand applications.

The final logomark is a serif-style wordmark combining the letters g and e inside a bright green circle, chosen for its associations with nature, freshness, the environment, and energy. I designed it to appeal to the target audiences’ sense of optimism and determination.

User Interface

I turned the brand's building blocks—visuals, tone, behaviors—into the foundation for the digital strategy. I chose free resources for fonts, icons, and photography to keep costs low and help the clients avoid confusing licensing agreements.

To reduce eye strain and create a more enjoyable reading experience for users, fonts with larger point sizes, limited line-lengths, and wider line-heights were selected, along with a range of header sizes to create a clear hierarchy of information. To balance the contrast between the text and the background colors, various shades of gray were used, while still meeting WCAG AA contrast requirements for accessibility.

Since the site’s main offering is long-form articles and reports, fonts were chosen with readability, legibility, and accessibility at top of mind, while also seeking to convey the brand attributes of wisdom and trustworthiness.

User Experience

Establishing the information architecture

To prepare for the build, I designed a site architecture that could scale easily as the site grew.

A sitemap. Staff profiles are subpages of the About section, and policy articles fall under the policy section, both of which are organized under the homepage.

Crafting high-fidelity mockups

I created a prototype in Adobe XD, using colors and fonts from the design system. I also introduced an earthy color for the background to contrast with the brighter page elements.

Homepage

Policy articles

  • Articles include a summary so users can quickly access key information.
  • Share buttons are docked at the left so users can easily repost articles, boosting the organization's traffic and credibility.
Article page from Good Energy Collective website, showing a large image of a warming earth in space.

Staff Profiles

  • Other competitors had traffic to the About section, so I made it prominent in the navigation.
  • I created Staff profiles so curious visitors could verify staff credibility and view their publications.

Policy Section

  • To help busy users find clean energy policies quickly, we created a Policy Hub in the top navigation.

Future considerations to boost website traffic

  • Supporter engagement: Petitions, letter-writing campaigns, live events, and volunteer opportunities could provide calls-to-action so supporters can engage with the organization on issues they care about. They can also help to collect contact information and increase donations.
  • Blog: A blog could be used to grow traffic to the site and create content that would further build credibility.
  • Chatbot: A Chatbot could be used to establish a connection with new users to the site and to answer any questions.

Web Development

Leveraging my prior knowledge of HTML & CSS, I built out the site using Webflow, a visual-coding platform I chose for its flexibility and CMS capabilities. This was my first time using the platform but I learned it quickly through video tutorials and articles.

Custom-building a CMS

I developed a Styles page and several CMS collections (i.e. content databases) so that the clients could easily update the site themselves in the future. I also crafted dynamic page templates for article posts, staff profiles, press mentions, job listings, and landing pages. These dynamic templates effectively manage content while ensuring the site always looks fresh and can scale easily.

Results

Website impact since August 2020 launch

$5,000+
in individual donations
1,000+
email subscribers
10,000+
new visitors annually

Good Energy Collective is thriving and has secured sustainable funding through The Nuclear Energy Alliance, The Gates Foundation, and The Walker Foundation. They have successfully partnered with young progressive climate change organizations like Data for Progress. Their policies have influenced the Biden administration’s Build Back Better plan and one of the co-founders recently accepted a role as Senior Advisor at the US Department of Energy. The organization continues to shape the current discourse around deploying nuclear energy in an environmentally-just way to fight against climate change.

“Liz created a gorgeous and functional website from scratch for our team. She also helped us articulate our strategy and facilitated multi-stakeholder decision-making processes. She is remarkably talented and a dream to work with. I cannot recommend Liz and her design services highly enough.”

Profile photo of Suzanne Baker. She is smiling with glasses and straight, long hair.
Suzanne Baker Hobbs
Founder, Good Energy Collective
4 cellphones showing different web app screens. The first features a van and a headline reading "Find a safe dollar van ride."
DollarVan.nyc
Making it easier for New Yorkers to find safe rides