Sector(s)
Team Members
Delaware Electric Cooperative (DEC), is a member-owned utility company that serves central and southern Delaware. Their website was due for an update to improve the user experience and get more control over content layouts. This is the third time Inclind has provided website design and development services for the main DEC website.
In tandem with the website project, DEC wanted to create an app for its Beat the Peak program, an energy savings program where customers can scale back their electric use during peak hours to save money. The app would replace hardware indicators which would save the Co-op and its members money, while allowing for portability for members to remotely manage their electric use ahead of and during the peak hours.
Inclind plugged in a technology stack based on Drupal 8 to power the website and the app and integrated the Gutenberg content editor for greater flexibility in page layouts.
Dependable and responsive, Inclind offered accessible technical support and routinely met deadlines. Their professionalism and expertise distinguished them from other vendors.
Director of Marketing & Communications, Delaware Electric Cooperative
About the project
Design & Functionality
The DEC website was a few years old and ready for a face-lift to reduce its aging appearance. Improvements in user experience for both desktop and mobile were key along with the goal of providing plenty of inroads into content that a visitor may be looking for. Allowing members to log into their accounts directly from the home page was high on the list of improvements as well as highlighting promotions, attracting new members and keeping current members in the loop on power outages and safety information.
Better Page Layouts
DEC puts a lot of effort into marketing so we gave them the ability to create complex landing pages on the fly. The basic pages in the current website were content heavy, so elements were created to help make content more visually appealing and to provide a more consistent visual system. By using the atomic design approach, the designer worked with the front-end developer to move the design elements into Pattern Lab to establish a living reference of the visual system. The Gutenberg content editor was chosen to facilitate the layouts of pages with the new visual elements.
D7 to D8 Migration
Content was migrated from Drupal 7 to Drupal 8 to take advantage of Drupal 8โs features and the ability for Drupal 8 to power the Beat the Peak app. Once the content was migrated, Inclind did a careful inventory of the existing content to streamline the site architecture. Page content was converted to Gutenberg blocks and restructured to take advantage of the new visual system.
App Development
Members of DECโs Beat the Peak program had hardware indicators that lit up red for peak energy use hours, green for non-peak hours and yellow to indicate a pending peak. The indicators were costly to produce and distribute. With more and more smart homes being built in the market that DEC serves, it only made sense to transition out of using indicators and into using an app with push notifications to alert members of pending peaks or if they were in a peak. Members could then adjust their electric consumption accordingly and, if they had a smart home, having a mobile indicator allows them to manage their electric consumption on the fly from anywhere.
By powering the app with Drupal 8, DEC can update the website and app from one platform making communication management easier.
Project Outcome
The result is a whole new web and Beat the Peak experience for DEC members and gives the Co-op for opportunity to communicate and engage its audience. Jeremy Tucker, marketing manager for DEC, is the content manager for the website and is thrilled with the freedom he has with Gutenberg to create pages and edit in a more visual way.
โThe Inclind team has once again knocked it out of the park with a new website and app that will significantly enhance the member experience,โ stated Tucker. โ We asked for a site to help us better engage with our consumers and educate them about important Co-op programs. Inclind definitely delivered โ they provided incredible service throughout the design process.โ
Why Drupal was chosen
DECโs previous website was in Drupal 7 so an upgrade to Drupal 8 was a natural progression. The bonus is that the app could also be powered by Drupal 8, keeping everything on one platform for easy management.
Technical Specifications
Drupal version:
Particle
Allowed us to utilize Pattern Lab and the atomic design process
Gutenberg
Allowed us to create complex displays that could still be content manageable
REST API
Allowed us to create endpoints to feed data into the Beat the Peak app
Feeds
Allowed us to pull in articles from Delaware Living, an external magazine website.