How Colpari Rebuilt Their Frontend in Angular to Handle 10x User Growth
A fast-growing platform needed a frontend that could scale with its user base. easy.bi rebuilt the entire interface in Angular with real-time notifications and advanced search - preparing Colpari for 10x growth.
The Challenge: A Platform Outgrowing Its Interface
Colpari was growing fast. User numbers were climbing. Data volumes were multiplying. But the platform's frontend - originally built as a minimum viable product - wasn't designed for the scale the business was reaching.
The symptoms were visible to every user. Pages loaded slowly when datasets grew large. The search function returned results too slowly to be useful. There was no notification system - users had to manually refresh to see updates from collaborators. The interface looked dated, which undermined confidence in a platform selling modern services.
Colpari's backend (running on Odoo) was capable. The data layer handled growing volumes well. But the frontend had become the bottleneck - every new feature felt slower, every new user made the experience worse for everyone else.
A patch-by-patch approach wasn't viable. The frontend architecture needed a complete rebuild - not just a visual refresh, but a new technical foundation that could handle 10x the current user base without performance degradation.
“Users were refreshing the page every few minutes to check for updates. It was like using email in 1998. We knew the frontend was holding us back, but we couldn't afford to pause feature development for six months.”
Why Colpari Chose easy.bi
Colpari's founding team knew they needed Angular expertise - the framework aligned with their technical strategy and the Odoo integration requirements. But they also needed a team that could handle the full scope: design, frontend architecture, API integration, and real-time features.
easy.bi proposed a complete frontend rebuild using Angular, with Odoo API integration, real-time notifications via WebSockets, and a design system built in Figma. The team's experience with ebiPlatform for complex API orchestration meant Colpari wouldn't need to manage multiple vendors for different parts of the rebuild.
“easy.bi proposed a rebuild that would happen alongside our ongoing operations. They understood we couldn't freeze the product - and they delivered the new frontend without disrupting our existing users.”
The Approach: Clean Architecture for Rapid Scale
The easy.bi team started with a technical architecture review of Colpari's existing frontend and Odoo backend. The goal: understand every API endpoint, data flow, and user interaction pattern before writing a line of Angular code.
Angular application with modular architecture. The new frontend was built as a modular Angular application. Each feature area - user dashboard, data management, collaboration tools, settings - was a lazy-loaded module. This meant the initial page load shipped only the code needed for that specific view. A user checking their dashboard didn't download the code for admin settings they'd never use.
Real-time notifications and collaboration. The previous platform required manual page refreshes to see updates. The rebuilt frontend introduced WebSocket-based real-time notifications. When a collaborator updated a shared document, assigned a task, or sent a message, the notification appeared instantly. This transformed the platform from a static data viewer into a live collaboration tool.
Advanced search with instant filtering. The rebuilt search indexes data client-side for instant filtering of common queries, with server-side ElasticSearch for complex full-text searches. Users see results as they type - no submit button, no loading spinner for typical queries.
The entire UI was designed in Figma first, with every component, state, and interaction documented before development began. Docker containers ensured consistent development environments across the easy.bi and Colpari teams, while GitLab CI/CD pipelines automated testing and deployment.
“The real-time notifications alone changed how our users work. Collaboration went from 'I'll check back later' to 'I see your update, responding now.' The platform feels alive.”
The Results: A Platform Ready for 10x Growth
The rebuilt frontend transformed Colpari's user experience. Page load times dropped by 60%. Search results appear in under 300ms. Real-time notifications eliminated the frustrating refresh-to-check workflow that users had accepted as normal.
User engagement metrics improved immediately after launch. Session duration increased as users spent less time waiting and more time working. Support tickets related to interface issues dropped by 70%. New user onboarding became self-explanatory - the interface guided users through workflows that previously required email instructions.
Most critically, the modular architecture proved its value as Colpari continued to grow. New features are now deployed as independent modules without touching existing code. The platform handles current user volumes with headroom for 10x growth before any architectural changes would be needed.
“We've tripled our user base since the rebuild and the platform hasn't slowed down. The modular architecture means we add features without touching existing code. That's the kind of engineering investment that compounds.”
Key Takeaways
- Rebuild the frontend, not the product. Colpari's backend was solid. The rebuild focused exclusively on the presentation layer and API integration, preserving all existing data and business logic while transforming the user experience.
- Real-time features aren't luxury features. WebSocket notifications turned a static data platform into a live collaboration tool. The engineering effort was modest; the impact on user engagement was dramatic.
- Modular architecture is growth insurance. Lazy-loaded Angular modules mean new features deploy independently. Colpari can scale 10x without rearchitecting - because the architecture was designed for scale from day one.
Ready to achieve similar results?
Speak directly with our experts. Book a 20-minute Expert Call.
Start with a Strategy CallProject Snapshot
More success stories
Multi-brand e-commerce platform with SSO for outdoor brands
Order processing middleware for multi-store Shopify operations
