Telecommunications company meets customer needs with modern website
Building for the Future of Telecommunications
@media (min-width: 980px) {
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-transparent.fill-banner .osb-nav-primary-item-title,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-transparent.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-transparent.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER - change to default "action" blue*/
.aui .nav-transparent.fill-banner #salesContactCTA span,
.aui .nav-transparent.osb-nav-active .osb-nav-primary #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui .nav-transparent.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-transparent .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
.aui .cta.cta-light {
color: #C7E9FF;
text-decoration: none;
}
.aui .hero .cta.cta-light {
padding-bottom:1px;
position: relative;
}
.aui .hero .cta.cta-light:after {
background: #0B5FFF;
border-radius: 5px;
content: '';
height: 3px;
left: 0;
position: absolute;
top: 100%;
transition: background 0.5s;
width: calc(100% - 10px);
}
.aui .hero .cta.cta-light:hover {
color: #FFF;
transition: color .5s;
}
.aui .hero .cta.cta-light:hover:after {
background: #FFF;
transition: background 0.5s;
}
@media (max-width: 979px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
width: 26em;
}
}
@media (max-width: 767px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
left: -2em;
width: 100%;
}
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override button color to white and font color to blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA {
background: #FFF;
color: #0B5FFF;
}
/*HOVER, FOCUS, ACTIVE - font color change*/
.aui:not(.ie) .nav-transparent #salesContactCTA span:hover, .aui .nav-transparent #salesContactCTA span:focus {
color: #0053F0;
}
.aui:not(.ie) .nav-transparent #salesContactCTA span:active {
color: #004AD7;
}
.aui.osb-nav-mobile-active:not(.ie) .nav-transparent #salesContactCTA {
background: #0b5fff;
color: #FFF;
padding: .5em 1.5em;
}
@media (min-width: 980px) {
html.ie .nav-static .content .osb-banner .osb-site-menu {
transform: translateY(-150%);
}
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-static.fill-banner .osb-nav-primary-item-title,
.aui .nav-static.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-static.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-static.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-static.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1) #salesContactCTA span:after,
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1):hover #salesContactCTA span:after {
visibility: visible;
}
.aui:not(.ie) .nav-static .osb-nav-primary-item #salesContactCTA span:before,
.aui:not(.ie) .nav-static .osb-nav-primary-item:hover #salesContactCTA span:before {
background: #fff;
opacity: 1;
transform: scale3d(1,1,1);
transition: none;
visibility: visible;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui:not(.ie) .nav-static.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui:not(.ie) .nav-static.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui:not(.ie) .nav-static.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-static.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-static.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-static .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
Jump to Section
Outline
Jump to Section
EATEL Business is a Louisiana-based provider of business-technology solutions and telecommunication services, with hundreds of local businesses connected to their fiber internet service. EATEL operates three high-tech data centers in Louisiana, including the state’s only Tier III facility, located in Shreveport.
EATEL’s vision is to become the regional leader in digital communication and data services for home and business. However, the company’s web presence was outdated and hampered by an older content management system (CMS). As such, the team wanted an overhaul for mobile responsiveness and to prepare for a customer portal. EATEL needed a platform that addressed those concerns, allowed for continued growth and provided greater customer service.
“Our Liferay partner Xtivia worked directly with our sales and marketing leadership as well as our IT Dept to quickly assess our needs to deliver a modern, clean, mobile responsive web site for our business customers,” said Kevin Phillips, Executive Vice President of IT & PMO at EATEL.
A Six-Month Website Launch
EATEL chose Liferay, which they saw as a visionary leader in this space, as it supported the company’s customer portal plans. Also, Liferay DXP was the most cost-effective feature set with a purpose-developed platform while avoiding unnecessary complexities found in competitor offerings. An EATEL cross-functional team worked with Xtivia during the visual design phase and throughout the iterative implementation phases. The process began in December 2016 and the website launched in May 2017.
“Liferay allowed us to roll out a mobile responsive website for EATEL Business with a more modern digital experience and CMS platform,” said Phillips. “Liferay also allowed us to generate leads fed directly into our CRM.”
EATEL’s new website, EatelBusiness.com, uses Liferay DXP to create a modern and beneficial user experience for visitors by helping them quickly and easily find product and service information. This new interface leverages Liferay DXP responsive design and application display templates to meet customer needs. In addition, leads generated through the website are directly funneled into the Salesforce customer relationship management system used by EATEL through integration with Liferay software.
Creating State-of-the-Art Customer Service
EATEL is working on the next phase of their digital transformation, which is focused on building their customer self-service portal. This will integrate Liferay with an iPaaS cloud integration platform for state-of-the-art customer self-service capabilities including the ability to view statements, transactions, existing services, network performance and more. In addition, the portal will provide account registration capabilities, payment system integration, account preference controls and support case management.
The telecom company anticipates a significant improvement in customer satisfaction and operational efficiency because of this next phase.
Case Study
Having Trouble?
Oh no! Sorry about that. If you’re running into issues, we suggest you try:
- Disabling your pop-up blocker
- Clearing your browser’s cache
- Disabling any plugins on your browser
- Using an alternate browser
- Updating your browser to the latest version
The Liferay platform, being a visionary leader in this space, was the right fit for us, especially as it related to our customer portal plans. Liferay Digital Experience Platform provided the most cost-effective feature set with a purpose developed platform.
Kevin Phillips
Executive Vice President of IT & PMO
Key Features
Responsive Design, WCM, SSO, Application Display Templates
Challenges
-
Overhaul web presence previously based on a limited and outdated CMS
-
Create a responsive website focused on great customer experience
-
Prepare for a customer portal that improves customer service capabilities
Results
Modern Web Experience
Users easily find product and service information
Fast Launch
Six-month time span from start to website launch
CRM Integration
Website leads funnel directly into back-end systems
Responsive Design
Application display templates match unique screen sizes