The Raiffeisen Group is the third largest bank in Switzerland serving 3.7 million clients at 930 locations throughout the country.
Raiffeisen wanted to extend the experience of their existing e-banking app to leverage existing content in their Adobe Experience Manager (AEM) sites and smoothly guide users through the app to relevant, personalized content at their local bank. Besides the existing content, there was data being pulled in from several different sources, such as subsites that didn’t necessarily run on AEM.
Netcentric, a digital service provider and specialist in AEM, were chosen to extend the reach of Raiffeisen’s content sources feeding the app, building on the base of the AEM instance they’d already built for the client.
“The solution had to have a cross-platform output for both iOS and Android, so saving time by avoiding separate siloed app development was critical,” says Evan Payne, a Netcentric senior frontend software engineer. “The central data here originated from five different sources, a number that might increase in the future. Therefore, we had to pull that data into AEM, convert it all into the same format, then hand it back out in small bits to the app.”
The Netcentric team evaluated their development platform options including Ionic and React Native. They encountered “major issues with Ionic listviews getting out of sync,” says Payne, and veered away from React Native due to the development team’s “desire to leverage their Angular skills and develop both iOS and Android apps simultaneously.”
“We could work rapidly because of the combination of the familiar tooling along with a fast feedback cycle provided by the Apple and Google App Stores’ development workflows,” says Payne. “This speed also led to an excellent level of collaboration with Raiffeisen during the development process, and resulted in a polished app client going into production.”
The NativeScript community is rich with user code and documentation contributions, so the Netcentric development team leveraged Slack and Github when they had questions. They found the Slack community to be very helpful and with most of their issues already encountered previously, solutions were readily available. On other occasions, Github filled the void by validating issues between NativeScript and Angular.
“Another key factor for choosing to adopt NativeScript was the open source aspect and permissive nature of the license model,” adds Payne. “Netcentric became an active contributor to NativeScript source code through this model.”
The Netcentric development team was allocated six months for the project and completed it in four.
The app—Piazza—is a key part of Raiffeisen’s digital strategy, linking customers to their local banks through an eye-catching interface and a news feed filled with relevant articles, events and deals. On their first visit, each customer is asked where they live. For every subsequent visit, the customer journey always starts with the local bank. This is done across all 255plus bank websites and the corresponding apps.
The solution not only ensures a dynamic, personalized user experience for customers, but also continuity for the brand and allows the local banks’ entrepreneurial flair to shine through. Thanks to stable data strategy that underpins everything, Raiffeisen can derive valuable insights that power a strong uplift in leads.
“By using a technology like NativeScript, we gave our Netcentric frontend teams the power to build amazing native mobile apps,” says Payne. “This enables us to do more on mobile than we could ever do before.”