Skip to content
solar system

Featured Work

Dollar Energy

Dollar Energy proudly provides assistance to households that are going through financial hardships. They’ve created a seamless grant process to ensure that those in need are able to pay their monthly basic utility bills like gas, water, wastewater, and electric services.

Dollar Energy Fund - 04 - Case Study Hero Image
Dollar Energy Fund - 01 - Case Study Hero Image
solar system

Overview

Client

Logo@3x (white)

Year

2023

Platform

WordPress

Key Services

Branding, Copywriting, Digital Strategy, Full-stack Development, UI/UX Design

The Objective

Dollar Energy has the goal of providing the much-needed service of offering those going through financial hardship the funds to ensure that they are able to pay their basic utility bills.

 

In order to do this, it was essential that their redesign created a welcoming space that’s easy to navigate and optimized for various device and browser speeds to accommodate audience demographics. It was particularly important for their mobile experience to be intuitive, as their audience relies heavily on mobile devices.

 

In addition to making the website more accessible, it was also crucial that a better tracking system was put in place for donations that are made to them.

solar system

Testimonial

“Huemor impressively met our nonprofit's tight deadline for a full website redesign. Their efficient workflows, coupled with excellent collaboration from their team, brought our complex requests to life. The outcome was a visually stunning and user-friendly website. We anticipate an ongoing, post-launch support relationship with their team and wholeheartedly recommend Huemor to those seeking a well-executed project.”

Ashley Neapolitany_Dollar Energy

Ashley Neapolitan, Communications and Content Specialist, Dollar Energy

Before

Dollar Energy Fund - 05 - Before
arrow-right

After

Dollar Energy Fund - 05 - After
solar system

01. Design System

Global Design
System

Dollar Energy benefitted from introducing a lighter, happier feel to their website that welcomes not only those in need of their services but donors, as well.

 

Utilizing whitespace and a straightforward color palette allows for an easily navigable website with clear CTAs.

Dollar Energy Fund - 06 - Heading Card
Dollar Energy Fund - 06 - Body Card
Dollar Energy Fund - 06 - Colors
Dollar Energy Fund - 07 - UI Kit
Dollar Energy Fund - 02 - UI Kit
solar system

02. Research

Research &
Discovery

Dollar Energy caters to individuals who are in need of financial assistance with their utilities and individuals who are looking to donate to their cause. To create a user-friendly experience for these targeted audiences, the website needed to provide a calming visual presence.

Additionally, making it easy to edit pages in the back end and creating tracking capabilities for donations was important, as well.

 

We accomplished creating solutions for these issues by utilizing analytics to better track donations, optimizing the site speed and the mobile website for a better user experience, and reorganizing the website so it’s not only more easily navigable but also more convenient to edit the separate pages.

Dollar Energy Fund - 08 - Persona Card (01)
Dollar Energy Fund - 08 - Persona Card (02)
Dollar Energy Fund - 08 - Persona Card (03)
Dollar Energy Fund - 09 - Sitemap
Dollar Energy Fund - 03 - Sitemap
Dollar Energy Fund - 10 - Wireframe Card (01)
Dollar Energy Fund - 10 - Wireframe Card (02)
solar system

03. Creative

Homepage

When you reach Dollar Energy’s home page, it is very clear what they do and what actions can be taken on the website. The three CTAs are at the top of the page with buttons labeled “Donate,” “Need Utility Assistance,” and “Check Application Status.” This is followed by a cheerful graphic that keeps the website welcoming and light-hearted.

 

The center of the home page focuses on giving a more detailed description of what Dollar Energy does, building trust with the company’s statistics, and giving a thorough guide to how the process works, with buttons at the top to choose whether you’re interested in the getting assistance or donating. This interchangeable guide saves space and makes the steps to follow for each process unmistakable.

 

At the bottom of the page, there is a dropdown and interactive map to search for assistance programs by location. This is followed by a section of their most recent blogs and resources.

Dollar Energy Fund - 11 - Homepage - Sec01
Dollar Energy Fund - 11 - Homepage - Sec02
Dollar Energy Fund - 11 - Homepage - Sec03
Dollar Energy Fund - 11 - Homepage - Sec04
Dollar Energy Fund - 04 - Homepage - Sec01
Dollar Energy Fund - 04 - Homepage - Sec02
Dollar Energy Fund - 04 - Homepage - Sec03
Dollar Energy Fund - 04 - Homepage - Sec04
Dollar Energy Fund - 04 - Homepage - Sec05
Dollar Energy Fund - 04 - Homepage - Sec06
Dollar Energy Fund - 04 - Homepage - Sec07
Dollar Energy Fund - 04 - Homepage - Sec08
Dollar Energy Fund - 04 - Homepage - Sec09

Mobile Design

Because Dollar Energy’s demographic relies so heavily on mobile devices, it was absolutely crucial to create a smooth mobile experience.

 

To guarantee that everything was accessible, we ensured that the mobile website was extremely intuitive and easy to navigate. The experience was optimized for ideal load speed times, as well.

Dollar Energy Fund - 12 - Mobile Design

Navigation

Navigation has never been more intuitive than on the Dollar Energy website. Beyond the unmistakable CTAs that pop with color at the top of the page, there is a dropdown of all the pages available. The pages are organized in an instinctive fashion and are clearly labeled to describe exactly what the content is.

Dollar Energy Fund - 13 - Navigation - Sec01
Dollar Energy Fund - 05 - Navigation - Sec01

Programs

The programs section is a key component of the Dollar Energy website. Previously, this vital information was only accessible through PDFs and was difficult to find.

 

We created a custom section for the programs, which is not only easy to find on the website but also easily crawled by search engines. It was essential that potential clients could easily access such important information.

Dollar Energy Fund - 13 - Programs - Sec01
Dollar Energy Fund - 13 - Programs - Sec02
Dollar Energy Fund - 13 - Programs - Sec03
Dollar Energy Fund - 13 - Programs - Sec04
Dollar Energy Fund - 05 - Programs - Sec01
Dollar Energy Fund - 05 - Programs - Sec02
Dollar Energy Fund - 05 - Programs - Sec03
Dollar Energy Fund - 05 - Programs - Sec04
Dollar Energy Fund - 05 - Programs - Sec05
Dollar Energy Fund - 05 - Programs - Sec06
Dollar Energy Fund - 05 - Programs - Sec05

Eligibility Quiz

A unique aspect of the Dollar Energy website is its Eligibility Quiz. Due to the nature of their services, this quiz is important to instantly allow potential clients to know if they are eligible for grants without needing to start the process and later find out they are not eligible.

 

The eligibility quiz is designed to streamline the process. All potential clients need to do is input a few key details to find out if the program is right for them conveniently and quickly.

Dollar Energy Fund - 13 - Eligibility Quiz - Sec01
Dollar Energy Fund - 05 - Eligibility Tool - Sec01

Donations

Because donations are vital to Dollar Energy, we created a custom integration with Authorize.net to capture donations directly, as well as a system to track donations through data analytics.

 

We made sure that it was clear where the donations go, who they help, and what the different ways to donate are. To emphasize who the donations are helping, we used lifestyle photography and testimonials from previous clients.

Dollar Energy Fund - 13 - Donations - Sec01
Dollar Energy Fund - 13 - Donations - Sec02
Dollar Energy Fund - 13 - Donations - Sec03
Dollar Energy Fund - 05 - Donate - Sec01
Dollar Energy Fund - 05 - Donate - Sec02
Dollar Energy Fund - 05 - Donate - Sec03
Dollar Energy Fund - 05 - Donate - Sec04
Dollar Energy Fund - 05 - Donate - Sec05

Careers Page

Enthusiastic employees who believe in Dollar Energy’s cause are the foundation of the company. To guarantee that they are able to find the best-qualified employees, we created custom job posts built directly in WordPress.

 

Additionally, we incorporated more lifestyle photos in areas like the image marquee on the top of the page and included video testimonials from current employees at Dollar Energy to showcase the benefits of working at the company.

Dollar Energy Fund - 13 - Careers - Sec01
Dollar Energy Fund - 13 - Careers - Sec02
Dollar Energy Fund - 13 - Careers - Sec03
Dollar Energy Fund - 13 - Careers - Sec04
Dollar Energy Fund - 13 - Careers - Sec05
Dollar Energy Fund - 05 - Careers - Sec01
Dollar Energy Fund - 05 - Careers - Sec02
Dollar Energy Fund - 05 - Careers - Sec03
Dollar Energy Fund - 05 - Careers - Sec04
Dollar Energy Fund - 05 - Careers - Sec05
Dollar Energy Fund - 05 - Careers - Sec06
Dollar Energy Fund - 05 - Careers - Sec07
solar system

Get Started Today

Your Website Is Your Marketing Foundation.

Investing in digital marketing without having a great website will only result in lost time, lost revenue, and poor brand perception.

 

Ready to avoid that headache?

Good, because we're ready to help.