The Online Back Office portals were a collection of client-specific web solutions that required a unified approach for better scalability and maintainability.
Each portal had developed unique differences due to extensive product customization, making them inefficient and difficult to scale. A consistent solution was necessary to address the design and development challenges while preserving the customization needed for each client.

The Problem

The heavy customization for each client created inconsistencies across the portals, making it impossible to scale or update them uniformly.
Maintaining separate designs and code for each portal increased development time and complexity. Additionally, clients expected frequent updates, and the process was becoming increasingly unsustainable without a cohesive system.

Hypothesis

It was hypothesized that concentrating changes in a single CSS file and a shared image folder could streamline the development process. By making updates centrally through these resources, we could apply changes across all 15 portals simultaneously. This approach would reduce redundant work, maintain the individual look and feel for each client, and improve the scalability of the system without compromising on customization.

Role & Responsibilities

• Graphic Design: created a unified set of icons and images that could be used across multiple portals to maintain visual consistency while allowing for customization where needed.
• Front-End Development: led the restructuring of the CSS architecture, ensuring that changes made at the core level could be efficiently propagated to all client portals via Git.

Technologies

Figma - Bootstrap 4 - CSS3

Output

• Code Reuse: Achieved a 99% reuse of the existing code, significantly reducing development time and complexity.
• Efficiency: Updates could now be deployed simultaneously across all 15 portals with minimal effort, improving scalability and reducing the time required for future enhancements.
• Client Satisfaction: The clients welcomed the changes, as they continued to receive personalized solutions without the delays caused by managing multiple distinct versions of the back office. The unified system also allowed for quicker updates and bug fixes across all platforms.