Online Courses & Degrees

Edtech Gatsby Javascript React

An education provider wanted a holsitic revamp of their web portal to improve usability (user centricity), lead generation, performance & mobile responsiveness as 80% of their website traffic was from mobile devices.

User personas:
Learners, Job-seekers, Online graduation degree-seekers

User journeys:

Path-finder with personalized recommendations, Program listings & detal pages (optimized to load under 3 seconds on mobile), Integrations with CRM, Chatbot, Leadbot, Forms, Payment gateway. Light-weight frontend (GatsbyJS) with wordpress backend for easy content management.

Highlights:
Mobile-first high performance website, GatsbyJS, WordPress, High-scale architecture, Speed & SEO optimizations

Client

Project Date

Tags

Design Development

Imarticus - online courses & degrees — Imarticus – online courses & degrees

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;}