Simplifying B2B Ordering with MyCCEP

Overview

Our first interaction with Coca-Cola revealed the challenges and opportunities within the MyCCEP system. In an increasingly competitive B2B ordering landscape, the need for an efficient and reliable platform was clear. Given Coca-Cola’s large customer base, the requirements were correspondingly high.

The solution was clear: a complete redesign. Driven by precise Figma designs, supported by the dynamic Vue.js framework in the frontend and robust backend capabilities in Salesforce. The migration from Vue 2 to Vue 3 was a key element of this transformation, leveraging the latest framework features and optimizations. Some legacy dependencies had to be rebuilt to ensure compatibility and improve performance.

Implementation

Our journey to modernize the MyCCEP portal began with a comprehensive frontend redesign based on detailed Figma concepts. This resulted in an interface that is both visually appealing and functionally intuitive. The strategic migration from Vue 2 to Vue 3 was far more than a version update; it was a deep restructuring of the codebase to fully utilize Vue 3’s advanced capabilities, resulting in better performance and a superior developer experience.

In parallel, backend integration with Salesforce was critical. We designed a robust architecture that enabled seamless synchronization with Salesforce, ensuring real-time data accuracy for B2B orders. The focus was on building backend infrastructure capable of efficiently handling high volumes of B2B transactions.

The implementation of the Figma designs into the platform was carried out with great precision to ensure a consistent, user-centered design across all components. Our goal was to prioritize user experience and make the ordering process simpler and faster.

As part of our advanced development strategy, we identified that some existing dependencies were not a strong fit for our innovation goals. We therefore made the strategic decision to build custom, performance-optimized dependencies. These were designed from the ground up to meet both current and future requirements. With this forward-looking approach, we established a solid and adaptable foundation for the system, ensuring long-term efficiency and scalability.