The 15 Best Utility Website Examples

{
    "jsonapi": {
        "version": "1.0",
        "meta": {
            "links": {
                "self": {
                    "href": "http:\/\/jsonapi.org\/format\/1.0\/"
                }
            }
        }
    },
    "data": {
        "type": "node--article",
        "id": "d4f5aa8c-9aca-415b-be0e-4bf1d6c000de",
        "links": {
            "self": {
                "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de?resourceVersion=id%3A461"
            }
        },
        "attributes": {
            "internalId": 459,
            "isPublished": true,
            "title": "The 15 Best Utility Website Examples",
            "created": "2023-10-31T13:46:40+00:00",
            "changed": "2024-06-11T14:02:39+00:00",
            "promote": false,
            "sticky": false,
            "metatag": [
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "title",
                        "content": "The 15 Best Utility Website Examples | Design Inspiration"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "description",
                        "content": "Utility companies provide a vital service to customers throughout the United States and the world. As if it weren\u2019t complicated enough to ensure everyone has"
                    }
                },
                {
                    "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\/best-utility-website-examples"
                    }
                },
                {
                    "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\/best-utility-website-examples"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:title",
                        "content": "The 15 Best Utility Website Examples"
                    }
                },
                {
                    "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\/best-utility-website-examples",
                "pid": 1217,
                "langcode": "en"
            },
            "body": {
                "value": "\u003Cp\u003EUtility companies provide a vital service to customers throughout the United States and the world. As if it weren\u2019t complicated enough to ensure everyone has access to clean, safe water, gas, and electricity, utility companies also have to provide high customer service. A well-designed website can help make this goal a reality.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EUtility company websites should provide basic information to customers. It should also allow them to access their accounts, report outages, and get alerts for bills and emergencies. As utility companies offer a public service, these websites should be easy to navigate and accessible so all customers can utilize them.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EInclind\u2019s award-winning website design and development team has significant experience helping utility companies build smart, responsive websites. We understand the specific needs of utility companies, including the need to have custom features like outage maps. Reach out today to learn more about our website design, development, and \u003Ca href=\u0022https:\/\/www.inclind.com\/support\u0022\u003Esupport and maintenance services\u003C\/a\u003E.\u0026nbsp;\u003C\/p\u003E\u003Ch2\u003EWhat a Utility Company Website Should Include\u0026nbsp;\u003C\/h2\u003E\u003Cp\u003EWhether you run an \u003Ca href=\u0022https:\/\/www.inclind.com\/clients\/web-design-oil-gas\u0022\u003Eoil and gas company\u003C\/a\u003E, a water company, a renewable energy start-up, or another type of utility operation, a website is a necessity. In 2023, customers and prospective clients expect that they will be able to find a business online. Ideally, they will be able not just to get information from the website but will also be able to pay their bill, start or stop service, and more.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EAs an initial matter, a utility company website should have an intuitive and responsive design. In addition to looking great and being visually appealing, your site should function well regardless of the device your customer is using. Navigation should be simple and easy to use, and the website should be fully \u003Ca href=\u0022https:\/\/www.inclind.com\/solutions\/accessibility-audits\u0022\u003Eaccessible\u003C\/a\u003E.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EUser experience (UX) is a key component of website design. Essentially, you want to be sure that your website isn\u2019t cluttered so that the focus can be on content. You can have the most informative, helpful site in the world, but people won\u0027t utilize it if it isn\u2019t set up in an easily usable way.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003ENext, utility company websites should have clear, consistent messaging. This includes your company\u2019s story (such as an energy company focused on customer service or a sustainable future) but the overall branding. Good design can help communicate your messaging using white space, consistent fonts and colors, and visuals.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EWhen it comes to technical aspects of your utility website, it should include:\u0026nbsp;\u003C\/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003EA customer portal and self-service options:\u003C\/strong\u003E having a portal enhances the customer experience and also reduces your own labor costs. With a portal, customers can view and manage their account details, check for outages, track usage, and access resources.\u0026nbsp;\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EBilling alerts and notifications:\u003C\/strong\u003E when customers sign up for an account, they should input their email and\/or phone numbers. You can then ask for permission to send billing notifications and alerts, which will help customers remember to pay their bills - and increase the likelihood that customers will pay their bills in full and on time.\u0026nbsp;\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EAuto-pay and online billing:\u003C\/strong\u003E as part of the customer portal, you should have an option for online billing and auto-pay. Many people prefer to pay online rather than write out a check. Giving customers the ability to make payments quickly and easily will benefit everyone.\u0026nbsp;\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EOutage maps:\u003C\/strong\u003E when possible, an outage map is an incredibly helpful tool a utility company should have on its website. This way, customers can easily report an outage and check for service interruptions in their area. This can reduce demand on your customer service team and make it easy for customers to get the information they need.\u0026nbsp;\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EConservation resources:\u003C\/strong\u003E whether customers are concerned about the environment or simply want to save money, utility companies can offer helpful tips on how to reduce their consumption of energy and\/or water. If your company has a program that offers energy audits, credits for switching to energy-efficient appliances, or another option, this is a good place for it.\u0026nbsp;\u003C\/li\u003E\u003C\/ul\u003E\u003Cp\u003EUltimately, the goal of a utility company website should be to provide the information that customers want and need. \u003Ca href=\u0022https:\/\/www.inclind.com\/solutions\/integrations\u0022\u003ECustom integrations\u003C\/a\u003E can help to achieve this goal, along with a clean, user-friendly design. An experienced website design and development team can help you achieve these goals.\u0026nbsp;\u003C\/p\u003E\u003Ch2\u003E15 Great Utility Website Examples\u0026nbsp;\u003C\/h2\u003E\u003Cp\u003EIf you\u2019re looking to design - or redesign - a website for your utility company, having examples can help you figure out what you want (and don\u2019t want). Below, we have collected some of the best utility website examples to help you get started.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image8.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EPA Power Switch\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.papowerswitch.com\/\u0022 target=\u0022_blank\u0022\u003EPA Power Switch\u003C\/a\u003E is a website that Pennsylvanians can use to comparison shop for an energy provider. It is affiliated with the Pennsylvania Public Utility Commission. Right on the home page, visitors can enter their ZIP code to find what energy providers are available in their area - which is the website\u0027s primary purpose.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EThe website also features a navigation bar at the top with information that customers will find helpful, including rates, terms, and ways to save energy. Signing up for rate change alerts is also an option to make more informed choices about power providers.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image16.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EAltogether\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/altogethergroup.com.au\/home-business\/\u0022 target=\u0022_blank\u0022\u003EAltogether\u003C\/a\u003E is an Australian utility company that puts its customer portal front and center. As soon as you visit the site, a pop-up asks you to enter a passcode to connect your new utility account. You can also go directly to your account, get help and support, or check for outages using the navigation bar at the top.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EThe website has a clean, bright design with a vivid green\/yellow color bringing it together. It is easy to navigate, with pull-down menus for power and water at the top.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image11.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EDTE Energy\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.dteenergy.com\/\u0022 target=\u0022_blank\u0022\u003EDTE\u003C\/a\u003E is a Detroit-based energy company that provides electric and natural gas utilities to consumers in Southeast Michigan. DTE does a great job of keeping their site simple and easy to navigate. The links below the hero on the homepage guide users to four of the most popular pages across the site. The toggle at the top on both desktop and mobile lets users seamlessly switch between the consumer and business sections of the site. The navigation also collapses well on scroll to allow users to continue to navigate to different pages without taking up too much space at the top of the screen.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image10.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003ECalifornia Public Utility Commission\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003EThe \u003Ca href=\u0022https:\/\/www.cpuc.ca.gov\/\u0022 target=\u0022_blank\u0022\u003ECalifornia Public Utility Commission\u003C\/a\u003E (CUPC) is a government agency responsible for ensuring that residents can access clean, safe utility services. When users navigate its website, they will immediately see four graphics that offer ways the CUPC can help. As visitors scroll, they can access additional information, like rate comparisons, drought and conservation info, and wildfires.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image15.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003ENova Scotia Power\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003EIn Canada, \u003Ca href=\u0022https:\/\/www.nspower.ca\/\u0022 target=\u0022_blank\u0022\u003ENova Scotia Power\u003C\/a\u003E has a simple-to-use website. Right up front, the company highlights its commitment to sustainability with text and a photo of a windmill farm. Beneath the picture, customers can choose from 6 options, including reporting an outage, viewing a live outage map, and starting or stopping service. In addition, visitors can access information specifically for residential and commercial customers at the top.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image4.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EComEd\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003EThe Ed in \u003Ca href=\u0022https:\/\/www.comed.com\/Pages\/default.aspx\u0022 target=\u0022_blank\u0022\u003EComEd\u003C\/a\u003E stands for Edison. ComEd was one of several energy companies owned by the father of electricity, Thomas Edison. Today, ComEd is the largest electric utility company in Illinois and a Fortune 200 energy company. The site design maintains simplicity to make navigation easy for users. The entire homepage can be digested without scrolling. The design also uses a simple block format to keep content sections visually separated.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image14.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EDominion Energy\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.dominionenergy.com\/virginia\u0022 target=\u0022_blank\u0022\u003EDominion Energy\u003C\/a\u003E is a utility company that operates in eight different states. Building easy-to-navigate site architecture when operating across multiple states is difficult, but Dominion does this well. The site uses a dropdown in the navigation that allows you to select your location. Your selection will then take you to the proper subsection of the site for your state. A corporation as large as Dominion could easily have confusing navigation, but the designers did an excellent job of clarifying things.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image5.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003ESouthern California Edison\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.sce.com\/\u0022 target=\u0022_blank\u0022\u003ESouthern California Edison\u003C\/a\u003E is one of the nation\u2019s largest utility companies. The corporation has been powering Southern and Central California for over 135 years. Like many utility companies featured on this list, SCE keeps some of their most important links below the hero with icons for easy navigation. The nav menu displays five of the most popular pages on the site and keeps all other pages collapsed in a toggle to reduce clutter. The site also offers multilingual support with the language dropdown.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image7.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003ESouthern Company Gas\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/southerncompanygas.com\/\u0022 target=\u0022_blank\u0022\u003ESouthern Company Gas\u003C\/a\u003E is a company that is responsible for providing natural gas to 4.4 million customers throughout the South. Its website focuses on telling a story of who the company is and what its values are. Scrolling down the page, you can find links to its subsidiary companies - like Atlanta Gas Light - with customer portals on their websites.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image1.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EFirstEnergy\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/firstenergycorp.com\/fehome.html\u0022 target=\u0022_blank\u0022\u003EFirstEnergy\u003C\/a\u003E is an electricity provider that has an easy-to-use website. When you land on its page, you will immediately see an option to log into your account. Underneath are three buttons you can click to report an outage, pay your bill, or get help stopping or starting services if you are moving. These options are repeated beneath the large photograph and are also included in the navigation bar - so that it is as simple as possible for users to find what they need.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image3.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EDelaware Electric Co-Op\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.delaware.coop\/\u0022 target=\u0022_blank\u0022\u003EDelaware Electric Co-Op\u2019s website\u003C\/a\u003E is one of our designs at Inclind. It\u2019s a great example of using color to create a consistent message. The website uses the brand\u2019s signature colors, dark blue, light blue, and white. This use of color also makes it easy to read and accessible because of its high contrast.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EOn its home page, Delaware Electric Co-Op has a large button to report or see current outages and a tab on the side to start service. Along the top, you can find a button to log into your account, learn about energy savings, and participate in its \u201cBeat the Peak\u201d program. There is information about how to prepare for a power outage.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image9.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EAquarion Water Company\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.aquarionwater.com\/\u0022 target=\u0022_blank\u0022\u003EAquarion Water Company\u003C\/a\u003E has a clean, well-designed website. At the top, you can choose from several options, including paying your bill, logging into your account, and starting or stopping service. There is also a large photograph with a button to learn more about saving water. In addition, the site can be translated into several different languages using a drop-down box.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image2.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EFlorida Power \u0026amp; Light\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.fpl.com\/\u0022 target=\u0022_blank\u0022\u003EFlorida Power \u0026amp; Light\u003C\/a\u003E (FPL) serves two distinct areas of Florida. To make it as easy as possible for visitors to get the information they need, the site immediately asks which region they want to access. Once visitors make that selection, they are taken to the specific site for that area. At this point, users can log into their accounts, peruse services, and find support.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image13.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003EOrange \u0026amp; Rockland\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.oru.com\/en\/\u0022 target=\u0022_blank\u0022\u003EOrange \u0026amp; Rockland\u003C\/a\u003E makes good use of its signature color - orange - on its website. On the main landing page, two large photographs prompt users to log into their account or learn how to conserve energy. The navigation bar provides additional options, including services and outages. The website can also be translated into different languages.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image6.jpg\u0022\u003E\u003C\/p\u003E\u003Ch3\u003ELiberty Utilities\u0026nbsp;\u003C\/h3\u003E\u003Cp\u003E\u003Ca href=\u0022https:\/\/libertyutilities.com\/\u0022 target=\u0022_blank\u0022\u003ELiberty Utilities\u003C\/a\u003E recently revamped its website to provide a more streamlined user experience. It starts by asking users to select a region. Once you make your selection, it redirects you to the site for that subsidiary - an excellent option for companies that operate in a number of areas. On the regional pages, the branding is consistent, and users can report an emergency or an outage, log into their account, and learn about smart energy usage.\u0026nbsp;\u003C\/p\u003E\u003Ch2\u003ENeed to Design a Utility Website? We Can Help\u003C\/h2\u003E\u003Cp\u003EUtility company websites are incredibly important to the company\u2019s bottom line and the well-being of the community as a whole. These sites must provide critical, up-to-date information and allow customers to get the needed services. Our website design and development agency can work with you to build a beautiful, functional, and secure utility company website.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EAt Inclind, we offer a full range of \u003Ca href=\u0022https:\/\/www.inclind.com\/services\u0022\u003Eweb development\u003C\/a\u003E and \u003Ca href=\u0022https:\/\/www.inclind.com\/solutions\/website-redesigns\u0022\u003Edesign\u003C\/a\u003E services for utility companies. We know how vital these sites are to our clients and their customers, so we strive to make them as effective and efficient as possible. Our services include everything from website design and redesign to accessibility audits to custom integrations.\u0026nbsp;\u003C\/p\u003E\u003Cp\u003EWe\u0027re available if you\u2019d like to learn more about our web services for utility companies. You can fill out our online contact form or hit the live chat button to talk to one of our experts about your website.\u003C\/p\u003E",
                "format": "full_html",
                "processed": "\u003Cp\u003EUtility companies provide a vital service to customers throughout the United States and the world. As if it weren\u2019t complicated enough to ensure everyone has access to clean, safe water, gas, and electricity, utility companies also have to provide high customer service. A well-designed website can help make this goal a reality.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EUtility company websites should provide basic information to customers. It should also allow them to access their accounts, report outages, and get alerts for bills and emergencies. As utility companies offer a public service, these websites should be easy to navigate and accessible so all customers can utilize them.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EInclind\u2019s award-winning website design and development team has significant experience helping utility companies build smart, responsive websites. We understand the specific needs of utility companies, including the need to have custom features like outage maps. Reach out today to learn more about our website design, development, and \u003Ca href=\u0022\/support\u0022\u003Esupport and maintenance services\u003C\/a\u003E.\u0026nbsp;\u003C\/p\u003E\n\u003Ch2\u003EWhat a Utility Company Website Should Include\u0026nbsp;\u003C\/h2\u003E\n\u003Cp\u003EWhether you run an \u003Ca href=\u0022\/clients\/web-design-oil-gas\u0022\u003Eoil and gas company\u003C\/a\u003E, a water company, a renewable energy start-up, or another type of utility operation, a website is a necessity. In 2023, customers and prospective clients expect that they will be able to find a business online. Ideally, they will be able not just to get information from the website but will also be able to pay their bill, start or stop service, and more.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EAs an initial matter, a utility company website should have an intuitive and responsive design. In addition to looking great and being visually appealing, your site should function well regardless of the device your customer is using. Navigation should be simple and easy to use, and the website should be fully \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003Eaccessible\u003C\/a\u003E.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EUser experience (UX) is a key component of website design. Essentially, you want to be sure that your website isn\u2019t cluttered so that the focus can be on content. You can have the most informative, helpful site in the world, but people won\u0027t utilize it if it isn\u2019t set up in an easily usable way.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003ENext, utility company websites should have clear, consistent messaging. This includes your company\u2019s story (such as an energy company focused on customer service or a sustainable future) but the overall branding. Good design can help communicate your messaging using white space, consistent fonts and colors, and visuals.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EWhen it comes to technical aspects of your utility website, it should include:\u0026nbsp;\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cstrong\u003EA customer portal and self-service options:\u003C\/strong\u003E having a portal enhances the customer experience and also reduces your own labor costs. With a portal, customers can view and manage their account details, check for outages, track usage, and access resources.\u0026nbsp;\u003C\/li\u003E\n\u003Cli\u003E\u003Cstrong\u003EBilling alerts and notifications:\u003C\/strong\u003E when customers sign up for an account, they should input their email and\/or phone numbers. You can then ask for permission to send billing notifications and alerts, which will help customers remember to pay their bills - and increase the likelihood that customers will pay their bills in full and on time.\u0026nbsp;\u003C\/li\u003E\n\u003Cli\u003E\u003Cstrong\u003EAuto-pay and online billing:\u003C\/strong\u003E as part of the customer portal, you should have an option for online billing and auto-pay. Many people prefer to pay online rather than write out a check. Giving customers the ability to make payments quickly and easily will benefit everyone.\u0026nbsp;\u003C\/li\u003E\n\u003Cli\u003E\u003Cstrong\u003EOutage maps:\u003C\/strong\u003E when possible, an outage map is an incredibly helpful tool a utility company should have on its website. This way, customers can easily report an outage and check for service interruptions in their area. This can reduce demand on your customer service team and make it easy for customers to get the information they need.\u0026nbsp;\u003C\/li\u003E\n\u003Cli\u003E\u003Cstrong\u003EConservation resources:\u003C\/strong\u003E whether customers are concerned about the environment or simply want to save money, utility companies can offer helpful tips on how to reduce their consumption of energy and\/or water. If your company has a program that offers energy audits, credits for switching to energy-efficient appliances, or another option, this is a good place for it.\u0026nbsp;\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cp\u003EUltimately, the goal of a utility company website should be to provide the information that customers want and need. \u003Ca href=\u0022\/solutions\/integrations\u0022\u003ECustom integrations\u003C\/a\u003E can help to achieve this goal, along with a clean, user-friendly design. An experienced website design and development team can help you achieve these goals.\u0026nbsp;\u003C\/p\u003E\n\u003Ch2\u003E15 Great Utility Website Examples\u0026nbsp;\u003C\/h2\u003E\n\u003Cp\u003EIf you\u2019re looking to design - or redesign - a website for your utility company, having examples can help you figure out what you want (and don\u2019t want). Below, we have collected some of the best utility website examples to help you get started.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image8.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EPA Power Switch\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.papowerswitch.com\/\u0022 target=\u0022_blank\u0022\u003EPA Power Switch\u003C\/a\u003E is a website that Pennsylvanians can use to comparison shop for an energy provider. It is affiliated with the Pennsylvania Public Utility Commission. Right on the home page, visitors can enter their ZIP code to find what energy providers are available in their area - which is the website\u0027s primary purpose.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EThe website also features a navigation bar at the top with information that customers will find helpful, including rates, terms, and ways to save energy. Signing up for rate change alerts is also an option to make more informed choices about power providers.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image16.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EAltogether\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/altogethergroup.com.au\/home-business\/\u0022 target=\u0022_blank\u0022\u003EAltogether\u003C\/a\u003E is an Australian utility company that puts its customer portal front and center. As soon as you visit the site, a pop-up asks you to enter a passcode to connect your new utility account. You can also go directly to your account, get help and support, or check for outages using the navigation bar at the top.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EThe website has a clean, bright design with a vivid green\/yellow color bringing it together. It is easy to navigate, with pull-down menus for power and water at the top.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image11.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EDTE Energy\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.dteenergy.com\/\u0022 target=\u0022_blank\u0022\u003EDTE\u003C\/a\u003E is a Detroit-based energy company that provides electric and natural gas utilities to consumers in Southeast Michigan. DTE does a great job of keeping their site simple and easy to navigate. The links below the hero on the homepage guide users to four of the most popular pages across the site. The toggle at the top on both desktop and mobile lets users seamlessly switch between the consumer and business sections of the site. The navigation also collapses well on scroll to allow users to continue to navigate to different pages without taking up too much space at the top of the screen.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image10.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003ECalifornia Public Utility Commission\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003EThe \u003Ca href=\u0022https:\/\/www.cpuc.ca.gov\/\u0022 target=\u0022_blank\u0022\u003ECalifornia Public Utility Commission\u003C\/a\u003E (CUPC) is a government agency responsible for ensuring that residents can access clean, safe utility services. When users navigate its website, they will immediately see four graphics that offer ways the CUPC can help. As visitors scroll, they can access additional information, like rate comparisons, drought and conservation info, and wildfires.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image15.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003ENova Scotia Power\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003EIn Canada, \u003Ca href=\u0022https:\/\/www.nspower.ca\/\u0022 target=\u0022_blank\u0022\u003ENova Scotia Power\u003C\/a\u003E has a simple-to-use website. Right up front, the company highlights its commitment to sustainability with text and a photo of a windmill farm. Beneath the picture, customers can choose from 6 options, including reporting an outage, viewing a live outage map, and starting or stopping service. In addition, visitors can access information specifically for residential and commercial customers at the top.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image4.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EComEd\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003EThe Ed in \u003Ca href=\u0022https:\/\/www.comed.com\/Pages\/default.aspx\u0022 target=\u0022_blank\u0022\u003EComEd\u003C\/a\u003E stands for Edison. ComEd was one of several energy companies owned by the father of electricity, Thomas Edison. Today, ComEd is the largest electric utility company in Illinois and a Fortune 200 energy company. The site design maintains simplicity to make navigation easy for users. The entire homepage can be digested without scrolling. The design also uses a simple block format to keep content sections visually separated.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image14.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EDominion Energy\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.dominionenergy.com\/virginia\u0022 target=\u0022_blank\u0022\u003EDominion Energy\u003C\/a\u003E is a utility company that operates in eight different states. Building easy-to-navigate site architecture when operating across multiple states is difficult, but Dominion does this well. The site uses a dropdown in the navigation that allows you to select your location. Your selection will then take you to the proper subsection of the site for your state. A corporation as large as Dominion could easily have confusing navigation, but the designers did an excellent job of clarifying things.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image5.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003ESouthern California Edison\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.sce.com\/\u0022 target=\u0022_blank\u0022\u003ESouthern California Edison\u003C\/a\u003E is one of the nation\u2019s largest utility companies. The corporation has been powering Southern and Central California for over 135 years. Like many utility companies featured on this list, SCE keeps some of their most important links below the hero with icons for easy navigation. The nav menu displays five of the most popular pages on the site and keeps all other pages collapsed in a toggle to reduce clutter. The site also offers multilingual support with the language dropdown.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image7.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003ESouthern Company Gas\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/southerncompanygas.com\/\u0022 target=\u0022_blank\u0022\u003ESouthern Company Gas\u003C\/a\u003E is a company that is responsible for providing natural gas to 4.4 million customers throughout the South. Its website focuses on telling a story of who the company is and what its values are. Scrolling down the page, you can find links to its subsidiary companies - like Atlanta Gas Light - with customer portals on their websites.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image1.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EFirstEnergy\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/firstenergycorp.com\/fehome.html\u0022 target=\u0022_blank\u0022\u003EFirstEnergy\u003C\/a\u003E is an electricity provider that has an easy-to-use website. When you land on its page, you will immediately see an option to log into your account. Underneath are three buttons you can click to report an outage, pay your bill, or get help stopping or starting services if you are moving. These options are repeated beneath the large photograph and are also included in the navigation bar - so that it is as simple as possible for users to find what they need.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image3.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EDelaware Electric Co-Op\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.delaware.coop\/\u0022 target=\u0022_blank\u0022\u003EDelaware Electric Co-Op\u2019s website\u003C\/a\u003E is one of our designs at Inclind. It\u2019s a great example of using color to create a consistent message. The website uses the brand\u2019s signature colors, dark blue, light blue, and white. This use of color also makes it easy to read and accessible because of its high contrast.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EOn its home page, Delaware Electric Co-Op has a large button to report or see current outages and a tab on the side to start service. Along the top, you can find a button to log into your account, learn about energy savings, and participate in its \u201cBeat the Peak\u201d program. There is information about how to prepare for a power outage.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image9.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EAquarion Water Company\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.aquarionwater.com\/\u0022 target=\u0022_blank\u0022\u003EAquarion Water Company\u003C\/a\u003E has a clean, well-designed website. At the top, you can choose from several options, including paying your bill, logging into your account, and starting or stopping service. There is also a large photograph with a button to learn more about saving water. In addition, the site can be translated into several different languages using a drop-down box.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image2.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EFlorida Power \u0026amp; Light\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.fpl.com\/\u0022 target=\u0022_blank\u0022\u003EFlorida Power \u0026amp; Light\u003C\/a\u003E (FPL) serves two distinct areas of Florida. To make it as easy as possible for visitors to get the information they need, the site immediately asks which region they want to access. Once visitors make that selection, they are taken to the specific site for that area. At this point, users can log into their accounts, peruse services, and find support.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image13.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003EOrange \u0026amp; Rockland\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/www.oru.com\/en\/\u0022 target=\u0022_blank\u0022\u003EOrange \u0026amp; Rockland\u003C\/a\u003E makes good use of its signature color - orange - on its website. On the main landing page, two large photographs prompt users to log into their account or learn how to conserve energy. The navigation bar provides additional options, including services and outages. The website can also be translated into different languages.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003E\u003Cimg style=\u0022height:auto;width:100%;\u0022 src=\u0022https:\/\/backend.inclind.com\/sites\/default\/files\/media\/images\/2023-10\/image6.jpg\u0022\u003E\u003C\/p\u003E\n\u003Ch3\u003ELiberty Utilities\u0026nbsp;\u003C\/h3\u003E\n\u003Cp\u003E\u003Ca href=\u0022https:\/\/libertyutilities.com\/\u0022 target=\u0022_blank\u0022\u003ELiberty Utilities\u003C\/a\u003E recently revamped its website to provide a more streamlined user experience. It starts by asking users to select a region. Once you make your selection, it redirects you to the site for that subsidiary - an excellent option for companies that operate in a number of areas. On the regional pages, the branding is consistent, and users can report an emergency or an outage, log into their account, and learn about smart energy usage.\u0026nbsp;\u003C\/p\u003E\n\u003Ch2\u003ENeed to Design a Utility Website? We Can Help\u003C\/h2\u003E\n\u003Cp\u003EUtility company websites are incredibly important to the company\u2019s bottom line and the well-being of the community as a whole. These sites must provide critical, up-to-date information and allow customers to get the needed services. Our website design and development agency can work with you to build a beautiful, functional, and secure utility company website.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EAt Inclind, we offer a full range of \u003Ca href=\u0022\/services\u0022\u003Eweb development\u003C\/a\u003E and \u003Ca href=\u0022\/solutions\/website-redesigns\u0022\u003Edesign\u003C\/a\u003E services for utility companies. We know how vital these sites are to our clients and their customers, so we strive to make them as effective and efficient as possible. Our services include everything from website design and redesign to accessibility audits to custom integrations.\u0026nbsp;\u003C\/p\u003E\n\u003Cp\u003EWe\u0027re available if you\u2019d like to learn more about our web services for utility companies. You can fill out our online contact form or hit the live chat button to talk to one of our experts about your website.\u003C\/p\u003E\n",
                "summary": ""
            },
            "articleType": "news",
            "author": "Shaun Tyndall",
            "authorTitle": null,
            "challenge": null,
            "introText": null,
            "location": null,
            "f_metatag": "{\u0022title\u0022:\u0022The 15 Best Utility Website Examples | Design Inspiration\u0022}",
            "publishDate": "2023-10-31",
            "result": null,
            "solution": null,
            "subheader1": null,
            "subheader2": null
        },
        "relationships": {
            "contentType": {
                "data": null,
                "links": {
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/contentType?resourceVersion=id%3A461"
                    }
                }
            },
            "category": {
                "data": {
                    "type": "catTerm",
                    "id": "e7befc73-77f0-46c9-aedf-608856a6a450",
                    "meta": {
                        "drupal_internal__target_id": 52
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/category?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/category?resourceVersion=id%3A461"
                    }
                }
            },
            "companyRef": {
                "data": null,
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/companyRef?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/companyRef?resourceVersion=id%3A461"
                    }
                }
            },
            "image": {
                "data": {
                    "type": "images",
                    "id": "4a318129-683f-4cbc-ba8e-0d35fcc5295a",
                    "meta": {
                        "drupal_internal__target_id": 816
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/image?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/image?resourceVersion=id%3A461"
                    }
                }
            },
            "slides": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/slides?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/slides?resourceVersion=id%3A461"
                    }
                }
            },
            "teamMember": {
                "data": [
                    {
                        "type": "node--person",
                        "id": "87407245-73a3-43f8-9f44-9e70f40a0e1a",
                        "meta": {
                            "drupal_internal__target_id": 120
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/teamMember?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/teamMember?resourceVersion=id%3A461"
                    }
                }
            },
            "tags": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/tags?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/tags?resourceVersion=id%3A461"
                    }
                }
            },
            "topic": {
                "data": [
                    {
                        "type": "topicTerm",
                        "id": "0984d812-630f-4a8a-9399-55a9e54fe4fb",
                        "meta": {
                            "drupal_internal__target_id": 124
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "722e13ae-76a4-4531-883a-afa3f4013f46",
                        "meta": {
                            "drupal_internal__target_id": 121
                        }
                    },
                    {
                        "type": "topicTerm",
                        "id": "8c44c30c-7ffe-44a0-bbfb-7642ac8d3b3c",
                        "meta": {
                            "drupal_internal__target_id": 17
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/topic?resourceVersion=id%3A461"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de\/relationships\/topic?resourceVersion=id%3A461"
                    }
                }
            }
        }
    },
    "links": {
        "self": {
            "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/d4f5aa8c-9aca-415b-be0e-4bf1d6c000de?resourceVersion=id%3A461"
        }
    }
}