Who is the Client

The company is a fast-growing US-based brand that produces fashion apparel for women.

The Challenge

The company has been engaged with its customers through a feature-rich website and iOS/Android mobile apps. Recently, the company’s website team introduced numerous new and innovative features on their website that helped them drive sales. However, the company’s mobile apps were locked into a legacy platform, PredictSpring, which made it difficult to replicate similar features onto the apps.

Moving away from PredictSpring, the company wanted to build bespoke native iOS and Android apps. The lack of a middleware/API gateway or architecture could connect their mobile apps to their Content Management System (CMS), Order Management System (OMS), and search engines, among several other systems.

To summarize, the company wanted to:

  • Seamlessly connect to their existing web infrastructure: Moving away from their legacy framework left the company with no way to communicate with their existing web infrastructure. The company required a component that would let them connect seamlessly.
  • Implement a flexible mobile app architecture: The current development architecture was wholly bound to the existing framework. To add the desired new features, the company wanted an architecture that would allow for future growth.

The Solution

Project timelines were tight, and our team started the Design and Solution Architecture processes in parallel. On one track, our UI Lead was working with the company’s business units to create a well-thought-out design that is both pleasing to the eye and easy to use. At the same time, our e-commerce architect worked with the company’s subject matter experts (SMEs) and engineering managers to understand their existing systems.

Our team concluded that the MACH architecture best suited the company’s needs. MACH (microservices, API-first, cloud-native SaaS, and headless) is a set of guiding principles that uses a best-of-breed approach to build enterprise software technology stacks. Unlike monolithic architecture, MACH allows you to choose the technology that best meets current and future business needs.

While creating the designs, our UI team worked on analytics data to understand end-user likes and pain points. Our team adhered to simple, carefully selected visual elements while providing accessibility with an overall focus on developing reusable components.

A key part of the solution was the MuleSoft secure API gateway. This component provides a secure API gateway. Even better, as Salesforce has acquired MuleSoft, it perfectly integrates with the company’s existing Salesforce Commerce Cloud (SFCC) implementation.


Frontend development tools used included Kotlin, Swift, and Storyboards. Mobile app connectivity is handled by Cloudflare CDN (Content Delivery Network), and SFCC handles backend content and e-commerce management.

Our solution teams were not only concerned with the mobile app development; they also built a CI/CD (continuous integration continuous development) infrastructure. Mobile app development on iOS and Android, as well as middleware and microservices, followed an Agile approach using Jira for project management.

In brief, our solution:

  • Provides a flexible architecture that facilitates future innovation: PredictSpring, the company’s former mobile app development framework, proved to be a bottleneck and was holding up the introduction of new and innovative features. Adopting MACH architecture allowed the company to shed its technical debt and overcome the limitations imposed by the framework.
  • Provides a solid and reusable UI design based on empirical data: Our UI team did not just create a beautiful design out of thin air; they also used analytics to gain insights into the user experience. The knowledge gained allowed our team to design an attractive UI using simple and reusable visual elements.
  • Improves API connectivity: Our team put together a MuleSoft and Salesforce implementation that provides the company with a secure, well-proven, and thoroughly integrated API connectivity platform.
  • Follows holistic best development practices: In addition to development, our solution also encompasses integration and delivery. The team followed the highly recommended Agile approach and used Jira to manage programming sprints.

Business Impact

Our solution provided the company with:

  • A scalable and flexible foundation for future growth: Our solution allows the company to handle more customers and more transactions and gives them unparalleled flexibility. This flexibility lets the company quickly incorporate new and innovative features into its mobile apps, increasing customer satisfaction.
  • Solid and secure API communications: MuleSoft is securely integrated with the customer’s existing SFCC implementation and provides fast and secure API connectivity. The company now has a clear path to connect its mobile apps to SFCC and other services such as its order management system.

Technologies Used

Salesforce Commerce Cloud: Cloud-based service that provides a personalized omnichannel shopping experience
MuleSoft Anypoint Flex Gateway: Fast and secure managed API gateway that integrates with CI/CD tools
Cloudflare CDN: Cloud-based content delivery network
Kotlin: General purpose programming language that interoperates with Java and is widely used for Android mobile app development
Swift: Mobile app programming language used for Apple/iOS mobile app development
Storyboards: A graphic organizer used as a visual tool for mobile app development

Related Capabilities

Utilize Actionable Insights from Multiple Data Hubs to Gain More Customers and Boost Sales

Unlock the power of data insights buried deep within your diverse systems across the organization. We empower businesses to effectively collect, beautifully visualize, critically analyze, and intelligently interpret data to support organizational goals. Our team ensures good returns on the big data technology investment with effective use of the latest data and analytics tools.

Do you have a similar project in mind?

Enter your email address to start the conversation