Blog

From Standard Pages to Standout Experiences

Most website pages follow a familiar format: headings, body copy, maybe a few images here and there. Of course, these elements provide clear, concise access to information for your site visitors. In certain scenarios, adding a bit of flair to the page can create content that stands out and breaks away from the basics.

Powerful’s visualized pages help make that possible by giving key content a more guided, engaging experience.

Standard Pages versus Visualized Pages

A standard page usually consists of plain text that establishes visual hierarchy through headers and sub headers. Standard pages may also include images or helpful features, such as online forms, calendars or news sections, when they support the content. Overall, these pages will look similar to what you have on your current site.

A visualized page, on the other hand, adds graphics, unique layouts, icons and micro-animations to help guide visitors through the content. These elements are shaped around your organization’s branding and the overall design of your website, whether you choose an Essentials or Premium package.

For example, if your website utilizes Powerful’s Halsey blueprint, slanted elements with sharp corners may carry through the visualized page design. If your logo has a wavy shape, that same wavy shape may appear in the background of sections on the page. Ultimately, these pages are meant to push the boundaries of a regular layout and make them more visually interesting for your site visitors.

Randolph EMC Outage Center visualized page
For Randolph EMC’s Outage Center page, the wavy shape of their logo (representing electrical lines) was incorporated as an accent shape in their safety section.

The Value of Visualized Pages

With these additional elements in place, you may be wondering how visualized pages benefit your site visitors:

Guide Visitors Through Key Information

Visualized pages allow for more flexibility with section sizes, colors, icons and layouts, helping draw attention to the most important parts of the page. For example, on an outage page, a “Report an Outage” section could include an alert icon, a strong heading and a standout accent color to help visitors quickly identify where to start.

Encourages Visitors to Spend More Time With the Content

We live in a digital age which means more and more people are skimming through information instead of reading the content in its entirety. Typically, they are looking for a specific thing, hoping it stands out to them right away, so they don’t have to waste time. With visualization it makes it easy but also encourages interaction with other elements of the page that visitors may not have intended to look at initially.

Since there is more to absorb from a visualized page, studies have shown that site visitors will spend about 4 minutes on one of those pages compared to the standard 30 seconds. This also signals that they are taking more time to absorb the information which will hopefully cut back on calls into the office and make members feel confident in the utility’s ability to communicate these common topics.

Farmer's Electric Cooperative Understanding Your Bill page
Farmer’s Electric Cooperative decided to visualize their Understanding Your Bill page to break down the information in a format that was easy to understand. By providing an abstract version of the bill, it makes the information feel less daunting and brings focus to each area being described.

Choosing the Right Pages

But there are so many pages on your site!! How could you possibly choose? Here are some things to keep in mind to make the decision easier:

How often are you planning to edit the page?

Unlike your standard pages, visualized pages involve more custom development which will likely require help from the Powerful team. If a page needs frequent changes, it may not be the strongest candidate for visualization. Instead, consider pages that only need to be updated once or twice a year and are unlikely to require entirely new sections.

How many people are visiting the page?

You’ll likely want to prioritize pages that receive steady traffic from new and returning visitors. When more people rely on a page, added visual structure can make a greater impact and help make the investment more worthwhile.

Northeast Oklahoma Electric Cooperative's Who We Are page
Northeast Oklahoma Electric Cooperative (NOEC)’s Who We Are page is a great example of a visualized page. Since it mainly cover’s their mission and history, they likely won’t be changing the information too often. Additionally, this will likely be a high traffic page for newer site visitors learning about NOEC before they start service.

Pages That Often Benefit From Visualization

Every utility is different, but common pages are often strong candidates for visualization:

The Powerful Approach

We understand it may be overwhelming to decide on what pages to visualize. That’s why, as part of your website redesign, you will work with our content strategist to determine which pages would be the strongest candidates. With industry best practices in mind, we will walk through the reasoning behind each recommendation and help you feel confident in the final selections. Your utility knows its story best. Powerful helps shape that story into a page that feels clear, intentional and easy for visitors to navigate.