GeorgiaPower.com is maintained by the Adobe Experience Manager CMS platform and its suite of components. I helped develop the Georgia Power Brand Styleguide, and I was solely responsible for adapting it into a digital design system, as well as developing most of the CSS enhancements to the components necessary for the UX and UI.
I created this document to serve as a guide for content planners/strategists to ensure they gathered the required content and formatted it in a user-conscious way, for designers to be able to organize and lay out the content on a page in a consistent, optimal manner that would be brand aligned and ADA compliant, and for developers to understand the intricacies of the platform and components, and how to employ our custom classes.
Everything to consider before creating or revising a page.
GeorgiaPower.com has a lot of different types of pages – brand-building campaign pages, educational pages, program sales pages, product marketing pages, technical rate tariff pages, immense and sensitive governmental compliance archives, articles and press releases, and full micro-site hubs.
With so many different kinds of pages of different kinds of content, geared toward different purposes, one of the biggest challenges was creating general templates to at least keep to a familiar hierarchy, navigational structure, and information flow.
How to tweak, organize, and style content for better user experience using design principles.
When, how, and where to apply our custom classes to change the look and behavior of the CMS components.
Dotting i's and ensuring ADA and SEO.