Lightning Fast Performance and User Experience
Lightning Fast Performance and User Experience
Walmart leads the way in retail, but came to Formidable with help in their mobile experience and checkout flow.
A BRIEF OVERVIEW
- Rebuilt the Walmart’s Pharmacy app with React Native
- Rebuilt checkout flow with React, training the Walmart Mobile team in the process
- Improved performance by 50%
THE CHALLENGE
Auditing Code + Removing Inefficiencies = Increased Performance & Conversions
Auditing Code + Removing Inefficiencies = Increased Performance & Conversions
Walmart had already invested in re-architecturing their website in React, so Formidable needed to dig into the details to increase the speed of the Walmart Checkout system and improve conversion rates. On the mobile side, the build for each section began with planning the UI so the common components could be shared. Once the main components of the app were created, the Formidable team needed to expose native functionalities like barcode scanners, hook up the real data to the real services to ensure the app was functioning correctly, and finally embed the new React Native Pharmacy app into the Walmart iOS app.
OUR APPROACH
Auditing the Existing App
Auditing the Existing App
Formidable began the process by auditing the existing Checkout app to determine what improvements could be made. During the two week audit, we found a critical mass of legacy code that needed to be pared down to improve load times. After presenting findings and suggesting improvements, Formidable was able to reduce the code bundle from 1.1MB to 617KB in the course of one week.
Optimizing the Code
Optimizing the Code
From there, we continued to work with the Walmart team to improve and optimize code, choosing updates strategically to ensure that the payoff would be worth the effort required. Working collaboratively gave us a chance to train the Walmart team on best practices, enabling them to improve other portions of their website once our work was done.
React Checkout Experience at Scale
React Checkout Experience at Scale
Formidable was able to reduce the Walmart Checkout application bundle by nearly 50%, which led to a huge improvement in speed and performance for users worldwide.
Training the Team
Training the Team
Formidable successfully trained the Walmart team on React and React Native best practices. We are committed to shipping great products and making sure our clients have the skills to keep the forward momentum going.
THE IMPACT
Reduced code bundle and load times by 50%
Reduced code bundle and load times by 50%
The updates Formidable made to the Walmart Checkout code bundle greatly improved performance, which, in turn, improved conversions, and ultimately increased sales and revenue. Because the Walmart team is now well-versed in React best practices, they can apply the principles used to optimize the Checkout code bundle to their entire code base, giving them the opportunity to increase performance and conversions across the board.
50%
Load time reduction
Decreasing code bundle size and improving load times increased conversions