{"id":5161,"date":"2022-07-20T13:56:31","date_gmt":"2022-07-20T13:56:31","guid":{"rendered":"https:\/\/ggcdigital.com\/?post_type=portfolio&#038;p=5161"},"modified":"2022-11-16T18:42:31","modified_gmt":"2022-11-16T18:42:31","slug":"oec-fiber-custom-website-design-development","status":"publish","type":"portfolio","link":"https:\/\/ggcdigital.com\/portfolio\/oec-fiber-custom-website-design-development\/","title":{"rendered":"Website Design and Custom Development &#8211; OEC Fiber"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5161\" class=\"elementor elementor-5161\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cac51eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cac51eb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0c0b409\" data-id=\"0c0b409\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7304ae3 elementor-widget elementor-widget-heading\" data-id=\"7304ae3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Custom web design and development <\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fb6087 elementor-widget elementor-widget-heading\" data-id=\"6fb6087\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fiber TV Company | OEC Fiber<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-378a9a51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"378a9a51\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a3ef648\" data-id=\"1a3ef648\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53f2c56 elementor-widget elementor-widget-image\" data-id=\"53f2c56\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1078\" height=\"856\" src=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/fiber-tv-company-website-design.webp?fit=1078%2C856&amp;ssl=1\" class=\"attachment-full size-full wp-image-5170\" alt=\"Snapshots of a TV fiber company website design both on desktop and phone designed by ggc digital in Tampa\" srcset=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/fiber-tv-company-website-design.webp?w=1078&amp;ssl=1 1078w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/fiber-tv-company-website-design.webp?resize=300%2C238&amp;ssl=1 300w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/fiber-tv-company-website-design.webp?resize=1024%2C813&amp;ssl=1 1024w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/fiber-tv-company-website-design.webp?resize=768%2C610&amp;ssl=1 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40f13f71 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"40f13f71\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-c5b3ef9\" data-id=\"c5b3ef9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d78e595 elementor-widget elementor-widget-text-editor\" data-id=\"3d78e595\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>OEC Fiber is a sister company for <a href=\"https:\/\/ggcdigital.com\/portfolio\/electric-coop-custom-website-design\/\">OK Coop<\/a> out of Oklahoma City. OEC Fiber offers internet, phone and cable tv services in Oklahoma. Unlike OK Coop, we did a custom build on OEC Fiber because they had some more advanced needs than OK Coop. This particular project required some detail requirements gathering in order to meet all the needs of the project and to deliver it without issue.<\/p><p>One of the main features is that each service offering page can pull in specific content based on that pages category. For example, if you scroll down toward the bottom of the TV offerings page, you will see blog posts and FAQ items specific to TV. Our custom page builder, with the use of advanced custom fields and post types, allows them to pull in specific items as it relates to TV. We included some automations but we allowed for overrides in case there was specific content they wanted to highlight first.<\/p><p><b>Package builder: <\/b>One of the major needs for the OEC Fiber website was the need for visitors to build out their service package and to see what their estimated final costs were. This particular piece required a lot of conditional logic based on parameters that the individual selected. Once they completed building their package, they could print or save their estimate sheet to then place an order.\u00a0<a href=\"https:\/\/oecfiber.com\/builder\/\" target=\"_blank\" rel=\"noopener\">https:\/\/oecfiber.com\/builder\/<\/a><\/p><p><b>Channel Guide + TV Packages:<\/b> Both of these pieces work together. Within the TV package options, are listed the channels that those packages include. These are also displayed in the channel guide. When you select to view the all the channels available in a package, it will take you to the channel guide for that package only. Within the channel guide itself, you can sort and view by package as well to see what&#8217;s available. It is also a digital guide for those who have service to see what their packages include.<br \/><a href=\"https:\/\/oecfiber.com\/channel-listing\/\" target=\"_blank\" rel=\"noopener\">https:\/\/oecfiber.com\/channel-listing\/<\/a><\/p><p><a href=\"https:\/\/oecfiber.com\/\" target=\"_blank\" rel=\"noopener\">Visit the website to see it in action<\/a>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5895dd1e\" data-id=\"5895dd1e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a0fc1ee elementor-widget elementor-widget-text-editor\" data-id=\"a0fc1ee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3>Services<\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-405863a1 elementor-widget elementor-widget-text-editor\" data-id=\"405863a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Graphic Design<br \/>Web Design<br \/>WordPress Development<br \/>Custom Development<br \/>Requirements Document<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c60aee0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c60aee0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-61c39aae\" data-id=\"61c39aae\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-546e6095 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"546e6095\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-28a95dbc\" data-id=\"28a95dbc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8506f00 elementor-widget elementor-widget-premium-image-scroll\" data-id=\"8506f00\" data-element_type=\"widget\" data-widget_type=\"premium-image-scroll.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"premium-image-scroll-section\" >\r\n\t\t\t\t<div class=\"premium-image-scroll-container\" data-settings=\"{&quot;trigger&quot;:&quot;hover&quot;,&quot;direction&quot;:&quot;vertical&quot;,&quot;reverse&quot;:&quot;&quot;}\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"premium-image-scroll-vertical\">\r\n\t\t\t\t\t\t<img decoding=\"async\" width=\"350\" height=\"1347\" src=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-homepage-screen.webp?fit=350%2C1347&amp;ssl=1\" class=\"attachment-full size-full wp-image-5171\" alt=\"Full screen capture of the OEC Fiber homepage custom designed and coded by GGC Digital a web design agency in Tampa Florida\" srcset=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-homepage-screen.webp?w=350&amp;ssl=1 350w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-homepage-screen.webp?resize=78%2C300&amp;ssl=1 78w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-homepage-screen.webp?resize=266%2C1024&amp;ssl=1 266w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/>\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-17f88340\" data-id=\"17f88340\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3ba3b9 elementor-widget elementor-widget-premium-image-scroll\" data-id=\"c3ba3b9\" data-element_type=\"widget\" data-widget_type=\"premium-image-scroll.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"premium-image-scroll-section\" >\r\n\t\t\t\t<div class=\"premium-image-scroll-container\" data-settings=\"{&quot;trigger&quot;:&quot;hover&quot;,&quot;direction&quot;:&quot;vertical&quot;,&quot;reverse&quot;:&quot;&quot;}\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"premium-image-scroll-vertical\">\r\n\t\t\t\t\t\t<img decoding=\"async\" width=\"350\" height=\"1519\" src=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-landing-page-design.webp?fit=350%2C1519&amp;ssl=1\" class=\"attachment-full size-full wp-image-5174\" alt=\"Full screen capture of a main landing page design of a fiber company website in oklahoma designed and custom developed in wordpress by ggc digital in tampa florida\" srcset=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-landing-page-design.webp?w=350&amp;ssl=1 350w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-landing-page-design.webp?resize=69%2C300&amp;ssl=1 69w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-landing-page-design.webp?resize=236%2C1024&amp;ssl=1 236w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/>\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-2232349e\" data-id=\"2232349e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c30493 elementor-widget elementor-widget-premium-image-scroll\" data-id=\"5c30493\" data-element_type=\"widget\" data-widget_type=\"premium-image-scroll.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"premium-image-scroll-section\" >\r\n\t\t\t\t<div class=\"premium-image-scroll-container\" data-settings=\"{&quot;trigger&quot;:&quot;hover&quot;,&quot;direction&quot;:&quot;vertical&quot;,&quot;reverse&quot;:&quot;&quot;}\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"premium-image-scroll-vertical\">\r\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1215\" height=\"2560\" src=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?fit=1215%2C2560&amp;ssl=1\" class=\"attachment-full size-full wp-image-5172\" alt=\"full screen design example of a conditional logic piece coded and designed by ggc digital in florida for a fiber tv company in Oklahoma\" srcset=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?w=1215&amp;ssl=1 1215w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?resize=142%2C300&amp;ssl=1 142w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?resize=486%2C1024&amp;ssl=1 486w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?resize=768%2C1619&amp;ssl=1 768w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?resize=729%2C1536&amp;ssl=1 729w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-pacakge-builder-screen-design-scaled.webp?resize=972%2C2048&amp;ssl=1 972w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-1433301a\" data-id=\"1433301a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6563902 elementor-widget elementor-widget-premium-image-scroll\" data-id=\"6563902\" data-element_type=\"widget\" data-widget_type=\"premium-image-scroll.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"premium-image-scroll-section\" >\r\n\t\t\t\t<div class=\"premium-image-scroll-container\" data-settings=\"{&quot;trigger&quot;:&quot;hover&quot;,&quot;direction&quot;:&quot;vertical&quot;,&quot;reverse&quot;:&quot;&quot;}\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"premium-image-scroll-vertical\">\r\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"889\" src=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-channel-listing-design.webp?fit=350%2C889&amp;ssl=1\" class=\"attachment-full size-full wp-image-5173\" alt=\"full screen example of a channel listing page with conditional logic built in wordpress by ggc digital of tampa florida\" srcset=\"https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-channel-listing-design.webp?w=350&amp;ssl=1 350w, https:\/\/i0.wp.com\/ggcdigital.com\/wp-content\/uploads\/2022\/07\/oec-fiber-tv-channel-listing-design.webp?resize=118%2C300&amp;ssl=1 118w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/>\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom web design and development Fiber TV Company | OEC Fiber OEC Fiber is a sister company for OK Coop out of Oklahoma City. OEC Fiber offers internet, phone and cable tv services in Oklahoma. Unlike OK Coop, we did a custom build on OEC Fiber because they had some more advanced needs than OK [&hellip;]<\/p>\n","protected":false},"featured_media":5163,"template":"","categories":[16,22],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/portfolio\/5161"}],"collection":[{"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":19,"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/portfolio\/5161\/revisions"}],"predecessor-version":[{"id":5455,"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/portfolio\/5161\/revisions\/5455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/media\/5163"}],"wp:attachment":[{"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/media?parent=5161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ggcdigital.com\/wp-json\/wp\/v2\/categories?post=5161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}