Challenge
One of the largest payment-processing corporations came to Sketch to incrementally modernize and renovate their consumer rewards web experience. Before Sketch engaged, the platform already hosted an experience for issuers of merchants’ branded loyalty program. Each program had a customizable reward offering and the branding of the program is configurable to match the client’s brand standards. The platform was being used, but there were many pain points and challenges that the client needed help to resolve.
The client had a laundry list of pain points:
- Difficulty launching and changing the website
- Limited flexibility around content and formatting
- Lack of stability
- Poor user experience
- Absence of key features
- Lack of smart recommendations and personalization
Further, the client needed to plan for an eventual full rewrite of the legacy system. They wanted Sketch to design and implement a strangler pattern for all new features as well as could be used to replace the remaining system features incrementally.
One of the largest payment-processing corporations came to Sketch to incrementally modernize and renovate their consumer rewards web experience. Before Sketch engaged, the platform already hosted an experience for issuers of merchants’ branded loyalty program. Each program had a customizable reward offering and the branding of the program is configurable to match the client’s brand standards. The platform was being used, but there were many pain points and challenges that the client needed help to resolve.
The client had a laundry list of pain points:
- Difficulty launching and changing the website
- Limited flexibility around content and formatting
- Lack of stability
- Poor user experience
- Absence of key features
- Lack of smart recommendations and personalization
Further, the client needed to plan for an eventual full rewrite of the legacy system. They wanted Sketch to design and implement a strangler pattern for all new features as well as could be used to replace the remaining system features incrementally.
Solution
Sketch prioritized feautres, then implemented them with an iterative approach. Over time, the engagement addressed multiple priorities through collaboration with the client's internal design team:
- Enhance the existing app with new components to achieve a modern, interactive UI
- Enhance site content and enable translation into multiple languages
- Organize code into a mono-repo using the Nx build framework
- Automate interface testing with Cypress
- Integrate new technology to the legacy app, allowing for incremental rewrites
Sketch prioritized feautres, then implemented them with an iterative approach. Over time, the engagement addressed multiple priorities through collaboration with the client's internal design team:
- Enhance the existing app with new components to achieve a modern, interactive UI
- Enhance site content and enable translation into multiple languages
- Organize code into a mono-repo using the Nx build framework
- Automate interface testing with Cypress
- Integrate new technology to the legacy app, allowing for incremental rewrites
Results
Sketch executed the client's vision for a revived application whiel leaving space for new ideas and priority changes later. The client has a working pattern for implementing new features or rewriting existing features using new technology that works alongside the legacy components. Changes no longer require development freezes or the risk of flash cut releases.
Sketch executed the client's vision for a revived application whiel leaving space for new ideas and priority changes later. The client has a working pattern for implementing new features or rewriting existing features using new technology that works alongside the legacy components. Changes no longer require development freezes or the risk of flash cut releases.