THE PROJECT
As part of the redevelopment of the Evoenergy website, FIBER was charged with creating a digital design system (or style guide) for the new-look site, aligned with the existing Evoenergy brand. The designs were to be implemented on Sitecore (version 10), Evoenergy’s CMS system and needed to take the website to WCAG2.0 AA accessibility
Our strategy was grounded in comprehensive understanding, rigorous planning, and seamless execution. The process unfolded in the following steps:
PHASE 1: DISCOVER
Understanding version 10 of Sitecore underpinned our strategy as its restrictions do not allow designers and developers the same creative freedoms as many other systems.
Design Audit
We audited Evoenergy’s existing digital assets to identify any user interaction (UI) issues.
PHASE 2: DESIGN
On Figma, we consolidated Evoenery’s visual language, including the colours, typography, iconography, graphic elements, typography, colour scheme, general formatting, UI components and more, into a unified system.
Documentation And Guidelines
Testing and Validation
The best way to measure the success of a Design System or Digital Brand guide is through its feedback and application.
The design system we developed for Evoenergy enhanced the design and development processes, helped maintain brand consistency and improve overall efficiency and collaboration. Additionally, we finalised our first draft, ensuring a seamless and earlier-than-expected implementation onto Sitecore.
More Projects
