Category
Company/Client
Published on
Location
Greenwood, Delaware (38.8071° N, 75.5913° W)
Slides
Challenge
The Delaware Electric Cooperative (DEC) 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.
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, saving the Co-op and its members money while allowing for portability for members to remotely manage their electric use ahead of and during peak hours.
Solution
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.
Drupal 7 to Drupal 8 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
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.
Result
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 and 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.
Article Photo
Article Type
Case Study
{
"jsonapi": {
"version": "1.0",
"meta": {
"links": {
"self": {
"href": "http:\/\/jsonapi.org\/format\/1.0\/"
}
}
}
},
"data": {
"type": "node--article",
"id": "a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440",
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440?resourceVersion=id%3A219"
}
},
"attributes": {
"internalId": 219,
"isPublished": true,
"title": "Delaware Electric Cooperative Website Redesign",
"created": "2022-07-15T14:08:20+00:00",
"changed": "2022-07-29T14:40:33+00:00",
"promote": false,
"sticky": false,
"metatag": [
{
"tag": "meta",
"attributes": {
"name": "title",
"content": "Delaware Electric Cooperative Website Redesign | Inclind"
}
},
{
"tag": "meta",
"attributes": {
"name": "abstract",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "link",
"attributes": {
"rel": "canonical",
"href": "https:\/\/www.inclind.com\/news\/delaware-electric-cooperative-website-redesign"
}
},
{
"tag": "meta",
"attributes": {
"name": "robots",
"content": "index, follow"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:site_name",
"content": "Inclind"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:url",
"content": "https:\/\/www.inclind.com\/news\/delaware-electric-cooperative-website-redesign"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:title",
"content": "Delaware Electric Cooperative Website Redesign"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:description",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:latitude",
"content": "38.77513"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:longitude",
"content": "-75.13974"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:street_address",
"content": "119 W. Third St., Suite 6"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:locality",
"content": "Lewes"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:region",
"content": "Delaware"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:postal_code",
"content": "19958"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:country_name",
"content": "United States"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:email",
"content": "hello@inclind.com"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:phone_number",
"content": "(800) 604-8139"
}
}
],
"path": {
"alias": "\/news\/delaware-electric-cooperative-website-redesign",
"pid": 424,
"langcode": "en"
},
"body": null,
"articleType": "case-study",
"author": null,
"authorTitle": null,
"challenge": {
"value": "\u003Cp\u003EThe Delaware Electric Cooperative (DEC) 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.\u003C\/p\u003E\u003Cp\u003EWith 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, saving the Co-op and its members money while allowing for portability for members to remotely manage their electric use ahead of and during peak hours.\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003EThe Delaware Electric Cooperative (DEC) 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.\u003C\/p\u003E\u003Cp\u003EWith 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, saving the Co-op and its members money while allowing for portability for members to remotely manage their electric use ahead of and during peak hours.\u003C\/p\u003E"
},
"introText": null,
"location": "Greenwood, Delaware (38.8071\u00b0 N, 75.5913\u00b0 W)",
"f_metatag": null,
"publishDate": "2022-07-15",
"result": {
"value": "\u003Cp\u003E\u003Cspan\u003EThe 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 and 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.\u003C\/span\u003E\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003E\u003Cspan\u003EThe 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 and 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.\u003C\/span\u003E\u003C\/p\u003E"
},
"solution": {
"value": "\u003Cp\u003E\u003Cstrong\u003EDesign \u0026amp; Functionality\u003C\/strong\u003E\u003Cbr\u003EThe 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\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EBetter Page Layouts\u003C\/strong\u003E\u003Cbr\u003EDEC 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EDrupal 7 to Drupal 8 Migration\u003C\/strong\u003E\u003Cbr\u003EContent was migrated from Drupal 7 to Drupal 8 to take advantage of Drupal 8\u2019s 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\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EApp Development\u003C\/strong\u003E\u003Cbr\u003EMembers of DEC\u2019s 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.\u003C\/p\u003E",
"format": "basic_html",
"processed": "\u003Cp\u003E\u003Cstrong\u003EDesign \u0026amp; Functionality\u003C\/strong\u003E\u003Cbr\u003EThe 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\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EBetter Page Layouts\u003C\/strong\u003E\u003Cbr\u003EDEC 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.\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EDrupal 7 to Drupal 8 Migration\u003C\/strong\u003E\u003Cbr\u003EContent was migrated from Drupal 7 to Drupal 8 to take advantage of Drupal 8\u2019s 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\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EApp Development\u003C\/strong\u003E\u003Cbr\u003EMembers of DEC\u2019s 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.\u003C\/p\u003E"
},
"subheader1": null,
"subheader2": null
},
"relationships": {
"contentType": {
"data": null,
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/contentType?resourceVersion=id%3A219"
}
}
},
"category": {
"data": {
"type": "catTerm",
"id": "1c393ecc-d2a4-4630-afc0-83f831c30ac9",
"meta": {
"drupal_internal__target_id": 4
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/category?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/category?resourceVersion=id%3A219"
}
}
},
"companyRef": {
"data": {
"type": "node--client",
"id": "5724ef8e-3e59-4d28-bae6-43a9f4dc3782",
"meta": {
"drupal_internal__target_id": 204
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/companyRef?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/companyRef?resourceVersion=id%3A219"
}
}
},
"image": {
"data": {
"type": "images",
"id": "d05eb901-54b9-4e96-96a2-c76aac8beea7",
"meta": {
"drupal_internal__target_id": 249
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/image?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/image?resourceVersion=id%3A219"
}
}
},
"slides": {
"data": [
{
"type": "images",
"id": "026e904f-fa05-4b90-bfb4-dd24572d8928",
"meta": {
"drupal_internal__target_id": 248
}
},
{
"type": "images",
"id": "e20399fb-69e5-4284-b915-408523563fba",
"meta": {
"drupal_internal__target_id": 247
}
},
{
"type": "images",
"id": "8141802c-e127-4172-9a57-a213ff524498",
"meta": {
"drupal_internal__target_id": 245
}
},
{
"type": "images",
"id": "86a99532-d48b-4c44-8365-00948ca39f4e",
"meta": {
"drupal_internal__target_id": 246
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/slides?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/slides?resourceVersion=id%3A219"
}
}
},
"teamMember": {
"data": [],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/teamMember?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/teamMember?resourceVersion=id%3A219"
}
}
},
"tags": {
"data": [],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/tags?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/tags?resourceVersion=id%3A219"
}
}
},
"topic": {
"data": [
{
"type": "topicTerm",
"id": "1a993f8f-ee53-4048-ba7a-94e301547386",
"meta": {
"drupal_internal__target_id": 2
}
},
{
"type": "topicTerm",
"id": "dc2c8a07-38a3-46e7-a5a9-93dc46b3b799",
"meta": {
"drupal_internal__target_id": 16
}
},
{
"type": "topicTerm",
"id": "8c44c30c-7ffe-44a0-bbfb-7642ac8d3b3c",
"meta": {
"drupal_internal__target_id": 17
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/topic?resourceVersion=id%3A219"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440\/relationships\/topic?resourceVersion=id%3A219"
}
}
}
}
},
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/a2c6d79f-4381-4a87-8ccc-b7fbb4ad8440?resourceVersion=id%3A219"
}
}
}