PPL BLOG REDESIGN

In this project, I single-handedly undertook the challenge of revamping a severely outdated blog, breathing new life into it by creating a custom WordPress theme specifically tailored for a utility company with over a century of history.

ppl in the community

My Role

Lead UX/UI Designer
Front-End Developer
WordPress Developer

Background

Over the course of several years, PPL’s brand evolved into a lighter, cleaner, more white space driven look and feel.

The communications and marketing team reached out to design asking for a complete overhaul. I jumped at the opporunity to work with comms on the entire end-to-end process of the redesign.

Problem to Solve

PPL’s look and feel has evolved leaving the blog looking disconnected and outdated.

 

    • Categories were not clear or easy to navigate
    • Stories were not viewable other than by most recent date posted, top to bottom of the page
    • There was no clear way to get back to the main PPL EU website
    • Archives were missing
    • No SEO strategy was being used for posts
    • WordPress theme was outdated
Goals
    • Create a custom WordPress theme
    • Migrate existing posts and content into the new theme
    • Include predefined categories and tags
    • Create badges and illustrations to go with each category page
    • Redesign the blog to align with the PPL brand
    • Teach the comms team best practices for maintaining the site and using good SEO habits

Colleen really nailed this whole thing from start to finish. She researched and implemented a new WordPress theme, created custom icons and illustrations, and wrote customized code to meet the requirements of EU Comms. She also tested, documented, and worked with the EU Comms team to allow them to manage and maintain the site moving forward. Great, great work, Colleen. So happy to see this out in the world.

Chris Martuza

Design Manager, PPL Electric Utilities

ILLUSTRATIONS

Blog badges

Custom badges were created to illustrate the unique areas of content on the website. I implemented these into the hero image as an animated overlay on each category page.

storm icons

Storm illustrations were created for storm related content and marketing materials such as blog and social media posts.

blog documentation
blog documentation
worepress theme
styles and taxanomies