Environment Sensing App & Air Toxicity

Javascript MERN React

Dubai EXPO 2020 & Siemens, their digital transformation partner – wanted a multi-sensorial experience designed for building management staff to continuously monitor air toxicity, pollution levels, water availability, electricity consumption, and other parameters that make a sustainable environment. They needed zoomable dashboards & control panels (streamed on large TVs) placed in the basements of large buildings – that not just use colors & shapes to communicate the message, but also sounds of varying intensities to alert the technicians.

User personas:
Infra management/Building maintenance staff, Platform administrators

User journeys:

Highlights:

Client

Project Date

Tags

Design Development

Expo 2020 - IoT data visualization — Expo 2020 – IoT data visualization

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}body{font-family:Nunito Sans;font-weight:400;}h1,h2,h3,h4,h5,h6{font-family:Nunito Sans;font-weight:700;}.secondary-nav .menu > .menu-item > a{font-size:80px;}.secondary-nav .menu > .menu-item .sub-menu .menu-item a{font-size:32px;}.c-header__logo img,.c-header-sticky__logo img{max-height:48px;}.c-navigation__popup-logo img{max-height:48px;}h1,h2,h3,h4,h5,h6,a,.c-header__logo,.c-post__readmore{color:#1f1f1f;}body{color:#777;}button,input[type="submit"]{background-color:#1f1f1f;color:#fff;}.header-nav .menu > .menu-item > a,.c-navigation-woocommerce__account a,.c-navigation-woocommerce__cart-link,.c-navigation-woocommerce.c-navigation-woocommerce--light .c-navigation-woocommerce__cart-count{color:#1f1f1f;}.c-navigation__button{border-color:#1f1f1f;}.c-navigation__button-dots span,.c-navigation__button-lines span,.c-navigation__button.c-navigation__button--fill,.c-navigation__button.c-navigation__button--light.c-navigation__button--fill .c-navigation__button-dots span,.c-navigation__button.c-navigation__button--light.c-navigation__button--fill .c-navigation__button-lines span,.c-navigation-woocommerce__cart-count{background-color:#1f1f1f;}.header-nav.header-nav--light .menu > .menu-item > a,.c-navigation-woocommerce.c-navigation-woocommerce--light .c-navigation-woocommerce__account a,.c-navigation-woocommerce.c-navigation-woocommerce--light .c-navigation-woocommerce__cart-link,.c-navigation-woocommerce__cart-count{color:#fff;}.c-navigation__button.c-navigation__button--light{border-color:#fff;}.c-navigation__button.c-navigation__button--light .c-navigation__button-dots span,.c-navigation__button.c-navigation__button--light .c-navigation__button-lines span,.c-navigation__button.c-navigation__button--light.c-navigation__button--fill,.c-navigation__button.c-navigation__button--fill .c-navigation__button-dots span,.c-navigation__button.c-navigation__button--fill .c-navigation__button-lines span,.c-navigation-woocommerce.c-navigation-woocommerce--light .c-navigation-woocommerce__cart-count{background-color:#fff;}.header-nav .menu > .menu-item > .sub-menu,.header-nav .menu > .menu-item:not(.mega) .sub-menu .sub-menu,.c-navigation-woocommerce__cart-inner,.c-mini-cart__buttons .c-mini-cart__button--white:hover{background-color:#1f1f1f;}.c-mini-cart__buttons .c-mini-cart__button--light:hover,.c-mini-cart__buttons .c-mini-cart__button--white{background-color:#fff;}.header-nav .menu > .menu-item:not(.mega) .sub-menu .menu-item a,.header-nav .menu > .menu-item.mega > .sub-menu > .menu-item > .sub-menu .menu-item a{color:#f7f8f9;}.header-nav .menu > .menu-item.mega > .sub-menu > .menu-item > a,.c-mini-cart__item-title a,.c-mini-cart__item-remove:hover,.c-mini-cart__subtotal-amount,.c-mini-cart__buttons .c-mini-cart__button--light,.c-mini-cart__buttons .c-mini-cart__button--white:hover{color:#fff;}.c-mini-cart__buttons .c-mini-cart__button{border-color:#fff;}.c-mini-cart__item-quantity,.c-mini-cart__item-remove,.c-mini-cart__subtotal-name{color:#a3a4a4;}.c-cursor,.c-cursor__after,.c-cursor__before{border-color:#1f1f1f;}.c-cursor.c-cursor--light,.c-cursor.c-cursor--light .c-cursor__after,.c-cursor.c-cursor--light .c-cursor__before{border-color:#fff;}.c-navigation__popup{background-color:#1f1f1f;}.c-navigation__popup-button{border-color:#fff;}.c-navigation__popup-button-lines span{background-color:#fff;}.c-navigation__contacts-item h5,.c-navigation__address:hover,.c-navigation__email:hover,.c-navigation__phone:hover,.social-nav .menu > .menu-item > a:hover,.secondary-nav .menu > .menu-item > a,.secondary-nav .menu > .menu-item .sub-menu .menu-item a,.mob-nav .menu > .menu-item > a,.mob-nav .menu > .menu-item .sub-menu .menu-item a{color:#fff;}.c-navigation__contacts a,.social-nav .menu > .menu-item > a,.secondary-nav .menu > .menu-item .sub-menu .menu-item a:hover,.mob-nav .menu > .menu-item .sub-menu .menu-item a:hover{color:#a3a4a4;}.secondary-nav .menu > .menu-item > a.open,.secondary-nav .menu > .menu-item > a:hover,.secondary-nav .menu > .menu-item.current-menu-parent > a,.secondary-nav .menu > .menu-item.current-menu-ancestor > a,.secondary-nav .menu > .menu-item.current-menu-item > a,.mob-nav .menu > .menu-item > a:hover,.mob-nav .menu > .menu-item.current-menu-item > a,.mob-nav .menu > .menu-item.current-menu-ancestor > a,.mob-nav .menu > .menu-item.current-menu-parent > a,.mob-nav .menu > .menu-item > a.open{color:#777;}.c-footer,.c-site-info,#footer{background-color:#1f1f1f;}.c-footer-widget,.c-footer-widget > h5,.c-footer-widget.widget_search .c-search-form__field,.c-footer-widget .thefutur-subscribe-form input[type="email"],.c-footer-widget.widget_search .c-search-form__button .thefutur-icons,.c-footer-widget .thefutur-subscribe-form .thefutur-icons,.thefutur-contacts-widget .thefutur-contacts-widget__item--address > a:hover,.thefutur-contacts-widget .thefutur-contacts-widget__item--email > a:hover,.c-site-info__text a:hover,.c-site-info__top-holder:hover > span,.footer-nav .menu > .menu-item > a:hover,.thefutur-contacts-widget .thefutur-contacts-widget__item--phone > a:hover{color:#fff;}.c-footer .thefutur-subscribe-form input[type="email"]:focus,.c-footer-widget.widget_search .c-search-form__field:focus{border-color:#fff;}.thefutur-subscribe-form input[type="email"]::placeholder,.c-footer-widget.widget_search .c-search-form__field::placeholder,.thefutur-contacts-widget .thefutur-contacts-widget__item--address > a,.thefutur-contacts-widget .thefutur-contacts-widget__item--email > a,.c-site-info__text,.c-site-info__text a,.c-site-info__top-holder,.footer-nav .menu > .menu-item > a,.thefutur-contacts-widget .thefutur-contacts-widget__item--phone > a{color:#a3a4a4;}.c-footer .thefutur-subscribe-form input[type="email"],.c-footer-widget.widget_search .c-search-form__field{border-color:#a3a4a4;}.c-portfolio__header-wrapper.header-animation{background-color:#1f1f1f;}.c-portfolio__archive-wrapper .c-portfolio__cats a,.c-portfolio__header-wrapper.header-animation .c-portfolio__cats a{color:#a3a4a4;}.c-portfolio__archive-wrapper .c-portfolio__title,.c-portfolio__header-wrapper.header-animation .c-portfolio__title{color:#fff;}.c-portfolio__loadmore-link{background-color:#f7f8f9;border-color:#1f1f1f;}.c-portfolio__loadmore-before{background-color:#1f1f1f;color:#fff;}.c-portfolio__loadmore-link .c-portfolio__loadmore-text,.c-portfolio__loadmore-link .c-portfolio__loadmore-text--altered{color:#1f1f1f;}.c-portfolio__filter-button span{color:#1f1f1f;}