The codebase for this project hadn't been updated in a very long time while technology continued to advance. On the front end, it was written in a very early version of HTML and CSS support was only added later.

At the time, the only customization available to customers was swapping out the Covisint logo for theirs and simple font size and color changes.

The app hosted multiple tenants so anytime a customer requested a change to their login screen, that change needed to be coordinated with all the other customers hosted in the app. This resulted in customer changes taking several weeks to be deployed.

I had the opportunity to refactor the app which allowed me to rewrite the front-end using more modern techniques. These included HTML5, CSS3, Web Standards. I also worked with the backend engineering team to externalize the main stylesheet for the app.

These seemingly small changes made a huge difference in terms of how much screen customization is now possible and how quickly these changes can be deployed. Since the stylesheet was external to the app, it no longer needed to be deployed each time a change was needed. Only the stylesheet and assets need to be updated now. And with semantic HTML and CSS3, significant branding is now possible for each customer login screen without needing to touch the codebase.

The screens on the left show the breadth of how much branding is now possble. The first image is what the login screen looks like out of the box, followed by a few examples of customer logins.