Un canal de communication client privilégié
Portails clients d’Idex : Un canal de communication privilégié
@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
Idex est un acteur français majeur de la transition énergétique, dont la vocation est de réduire l’empreinte carbone des territoires et d’optimiser la facture énergétique de ses clients, tout en assurant leur confort thermique. En 2014, le Groupe choisit Liferay et son partenaire Sedona pour l’accompagner dans la création de portails clients riches en contenus et services personnalisés.
Idex a créé un portail abonnés, dont l’objectif était de permettre aux clients d’avoir accès à un support 24/24, 7/7 dans le cadre de leurs contrats de service. Partenaire Liferay depuis 2011, SEDONA a réalisé, mis en ligne et fait évoluer ce portail. Depuis, ce dernier a été dupliqué pour d’autres marques du groupe et enrichi de services complémentaires.
Idex est désormais en mesure de créer rapidement un site personnalisé, d’y appliquer la charte client et de reprendre des fonctionnalités développées auparavant. De quoi simplifier la création et la gestion de sites en marque blanche.
Le groupe envisage de créer davantage de sites dans un futur proche, dans le but de mieux répondre aux besoins de communication de ses clients et de gagner de nouveaux contrats.
Case Study - FR
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
Du pilotage des demandes d’intervention en temps réel au suivi de la consommation d'énergie, nos portails abonnés offrent simplicité, efficacité et sécurité à nos clients
Chloé Zhang
Chef de Projet Smart City, Idex
Key Features
Administration et gestion des comptes, gestion des pages et des menus, intégration au SI
Défis
-
Échanger de manière plus fluide et interactive avec les clients
-
Centraliser la gestion documentaire et les demandes d’interventions en un seul et même endroit
-
Agréger les données de systèmes multiples pour répondre aux usages client
Résultats
Solution client personnalisée
Capacité à créer solution client personnalisée à partir d’un même socle technologique
Agrégation de données complexes
La solution présente les données d’exploitation agrégées pour répondre aux cas d’utilisation client
Suivi en temps réel
Pilotage optimisé des demandes d’interventions