Texas Co-Op Power (TCP) is a magazine published by Texas Electric Cooperatives that offers the best of Texas stories along with important news and information from reader’s electric co-ops. The print magazine is circulated to more than 1.7 million co-op members, and the website provides an elevated digital experience with exclusive online content and features.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","textContent":"The previous version of texascooppower.com was over 11 years old, and while it was well-maintained it was also showing its age and in need of an overhaul. The frameworks, software, and programming libraries that powered the site were antiquated and in many cases no longer supported by modern browsers and servers. The hosting environment was reaching end-of-life, and the site performance was suffering as a result. In addition to the user experience, the design of the site was outdated and lacked the clean and modern aesthetic the customer wanted.
\n\n
An overarching goal of the web redesign project was to increase site traffic, in order to boost ad revenue, by meeting programmatic ad buying standards. TCP was also looking to expand its audience to a younger generation and wanted to leverage the newly designed website to better promote their content.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlockWithAccent","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlockWithAccent","textContentWithAccent":"The Hahn team started with an audit of the existing website, documenting all the existing functionality and features that would carry over to the new site. The existing website had a robust user experience that needed to be replicated in the new environment. Some of the features we needed to support included:
\nHahn started the re-design with wireframes. Wireframes allow designers to explore the website in black and white without the distraction of color or images. For the TCP website, we knew there were several features the client wanted to keep mixed with new layouts they wanted to achieve. We also knew they wanted to add new advertising revenue streams throughout the entire site in a way they hadn’t done before. With the wireframes we focused on the primary top level pages to create a logical user flow. We collaborated with the client on content and features to make certain we were in agreement with all the bells and whistles needed.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_TwoColumnImages","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_TwoColumnImages","firstImage":{"localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB20pAWgB//8QAFRABAQAAAAAAAAAAAAAAAAAAIDH/2gAIAQEAAQUCNH//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAUEAEAAAAAAAAAAAAAAAAAAAAw/9oACAEBAAY/Ah//xAAeEAACAQMFAAAAAAAAAAAAAAAAAREQITFBYYHB0f/aAAgBAQABPyHk1yiWleJHh+lp6kVidN6f/9oADAMBAAIAAwAAABCjADz/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/EB//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/EB//xAAfEAACAgEEAwAAAAAAAAAAAAABEQAhMUFRYaGx0eH/2gAIAQEAAT8QQsp3NlC5cAixLTUIZCOQi9R6ha+kBJtqX4hLBBARzQio0aWBEqCAGEJ//9k="},"images":{"fallback":{"src":"/static/932e36109ac61ffc2fd59249838a0711/9366f/wire-view.jpg","srcSet":"/static/932e36109ac61ffc2fd59249838a0711/f7b1a/wire-view.jpg 175w,\n/static/932e36109ac61ffc2fd59249838a0711/7ba70/wire-view.jpg 350w,\n/static/932e36109ac61ffc2fd59249838a0711/9366f/wire-view.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/932e36109ac61ffc2fd59249838a0711/00dc1/wire-view.avif 175w,\n/static/932e36109ac61ffc2fd59249838a0711/7e92b/wire-view.avif 350w,\n/static/932e36109ac61ffc2fd59249838a0711/2c516/wire-view.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/932e36109ac61ffc2fd59249838a0711/51bad/wire-view.webp 175w,\n/static/932e36109ac61ffc2fd59249838a0711/6cac9/wire-view.webp 350w,\n/static/932e36109ac61ffc2fd59249838a0711/ec00d/wire-view.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":800,"height":800}}}},"secondImage":{"localFile":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAe3gYC5Cgf/EABgQAAMBAQAAAAAAAAAAAAAAAAABQSER/9oACAEBAAEFAiwzq1FP/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPwEf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwEf/8QAFxAAAwEAAAAAAAAAAAAAAAAAAREgIf/aAAgBAQAGPwKcLj//xAAdEAADAAICAwAAAAAAAAAAAAAAARExUSGRQYHB/9oACAEBAAE/IfZNvAnEwxtR57L0bIRJN2n0uMWDHCP/2gAMAwEAAgADAAAAENMIPP/EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8QH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8QH//EABwQAQADAQEAAwAAAAAAAAAAAAEAESExQVFxgf/aAAgBAQABPxCjcT1rX2lUtK6chLUV6aIlpSrbgPmBqo0DT9gFhRrci2xLvdb3kAwAHgVP/9k="},"images":{"fallback":{"src":"/static/aa45e60758093d7e72cb9c5b952d4ab2/9366f/design-view.jpg","srcSet":"/static/aa45e60758093d7e72cb9c5b952d4ab2/f7b1a/design-view.jpg 175w,\n/static/aa45e60758093d7e72cb9c5b952d4ab2/7ba70/design-view.jpg 350w,\n/static/aa45e60758093d7e72cb9c5b952d4ab2/9366f/design-view.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/aa45e60758093d7e72cb9c5b952d4ab2/00dc1/design-view.avif 175w,\n/static/aa45e60758093d7e72cb9c5b952d4ab2/7e92b/design-view.avif 350w,\n/static/aa45e60758093d7e72cb9c5b952d4ab2/2c516/design-view.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/aa45e60758093d7e72cb9c5b952d4ab2/51bad/design-view.webp 175w,\n/static/aa45e60758093d7e72cb9c5b952d4ab2/6cac9/design-view.webp 350w,\n/static/aa45e60758093d7e72cb9c5b952d4ab2/ec00d/design-view.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":800,"height":800}}}}},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","textContent":"Wireframes (on the left) start with desktop views and help us figure out the lay of the land. Design mockups (on the right) show pixel-for-pixel desktop and mobile views, and how fonts and color should be applied.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","textContent":"As we started, we knew the photography and articles needed to be the star of the show. At the same time, the rest of the site needed to feel modern and clean but free from clutter, allowing users to comfortably read articles on desktop screens or mobile phones. We took cues from TCP’s printed magazine and used design elements to help readers feel like they had a similar experience on the web as they had in print. This meant using similar fonts, design styles, and patterns to make it feel like a seamless experience. We took special care to set up typography in a sophisticated and meaningful way by deliberately mixing type styles. These subtle design elements guide the user throughout their site journey.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","textContent":"After weeks of wireframe and design creation, we were ready to start development. The team worked around the clock to meet our end-of-year deadline and bring the vision to life. Our focus in development is to build a system of reusable components, and to keep our code clean and DRY.
\n\n
We also had the challenge of migrating over the following 10 years’ worth of historical content from the previous site.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_ProjectStats","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_ProjectStats","statIncludeIcons":null,"statOneInfo":"Who want to experience a seamless experience when visiting the new website.","statOneIcon":null,"statOneNumber":"42,000","statOnePercentage":null,"statOneTitle":"USER PROFILES","statThreeIcon":null,"statThreeInfo":"Featuring user-submitted content.","statThreeNumber":"900","statThreePercentage":null,"statThreeTitle":"EVENTS & CONTESTS","statTwoIcon":null,"statTwoInfo":"Featuring rich content and imagery.","statTwoNumber":"3,000","statTwoPercentage":null,"statTwoTitle":"ARTICLES"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_ProjectStats","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_ProjectStats","statIncludeIcons":null,"statOneInfo":"From years past; each with a bevy of searchable content.","statOneIcon":null,"statOneNumber":"200","statOnePercentage":null,"statOneTitle":"ARCHIVED MAGAZINES","statThreeIcon":null,"statThreeInfo":"That populate stories and tell a story of Texas through the years.","statThreeNumber":"10,000","statThreePercentage":null,"statThreeTitle":"IMAGES","statTwoIcon":null,"statTwoInfo":"That members have come to rely on for new dishes.","statTwoNumber":"1,000","statTwoPercentage":null,"statTwoTitle":"RECIPES"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","textContent":"The goal of our digital campaign was to let the new website and user experience speak for itself. Rather than a big announcement of a new site launch, we encouraged TCP to promote their best content. If the content was engaging and the website was enjoyable to use, the audience would build from there. We designed a 2-month campaign scheduled between January and March, with digital ads running in newsletters, on Facebook, and programmatically.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlockWithAccent","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlockWithAccent","textContentWithAccent":"The new texascooppower.com speaks for itself: a clean look, a fast user experience, and an intuitive user interface that allows readers to fully engage with the content and site features.
\n\n
Since the new site launched in December 2021, TCP has seen a significant increase in web traffic year-over-year: more users, more new users, increased user sessions and number of sessions per user.
\n"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_ProjectStats","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_ProjectStats","statIncludeIcons":null,"statOneInfo":"In new users visiting the website.","statOneIcon":null,"statOneNumber":"54.16","statOnePercentage":true,"statOneTitle":"INCREASE","statThreeIcon":null,"statThreeInfo":"In the average time users are spending on the website.","statThreeNumber":"26.13","statThreePercentage":true,"statThreeTitle":"INCREASE","statTwoIcon":null,"statTwoInfo":"In the number of pages viewed by visitors.","statTwoNumber":"97.32","statTwoPercentage":true,"statTwoTitle":"INCREASE"},{"__typename":"WpOurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","fieldGroupName":"OurWorkProject_Ourworkcontent_PageBuilder_WorkContentBlock","textContent":"The targeted paid campaign succeeded in driving more, new, and better traffic to the site; and with the improved design, performance and user experience, visitors are staying longer and doing more on the site.
\n"}]}}},"pageContext":{"id":"cG9zdDoyNjQx"}}, "staticQueryHashes": ["2651704696"]}