\n<\/p>\n
Posted by Nick Butcher \u2013 Product Manager for Jetpack Compose, and Florina Muntenescu \u2013 Developer Relations Engineer<\/em><\/p>\n adidas CONFIRMED<\/a> is an app for the brand\u2019s most loyal fans who want its latest, curated collections that aren\u2019t found anywhere else. The digital storefront gives streetwear, fashion, and style enthusiasts access to adidas’ most exclusive drops and crossovers so they can shop them as soon as they go live. The adidas CONFIRMED team wants to provide users a premium experience, and it\u2019s always exploring new ways to elevate the app\u2019s UX. Today, its developers are more equipped than ever to improve the in-app experience using Jetpack Compose<\/a>, Android\u2019s modern declarative toolkit for building UI.<\/p>\n adidas CONFIRMED designers conduct quarterly consumer surveys for feedback from users regarding new app flows and UI enhancements. Their surveys revealed that 80% of the app\u2019s users prefer animated visuals because animations encourage them to explore and interact with the app more.<\/b> adidas CONFIRMED developers wanted to implement new design elements and animations across the app\u2019s interface to strengthen engagement, but the app\u2019s previous View-based system limited their ability to create engaging UX in a scalable way.<\/p>\n \u201cWe decided to build dynamic elements and animations across many of our screens and user journeys,\u201d said Rodrigo Represa, an Android engineer at adidas. \u201cWe had an ambitious list of UI updates we wanted to make and started looking for solutions to help us achieve them.\u201d<\/p>\n Switching to Compose allowed adidas CONFIRMED developers to create features faster than ever. The improvement in engineering efficiency has been noticeable, with the team estimating that Compose enables them to create new features roughly 30% faster<\/b> than with Views. Today, more than 80% of the app\u2019s UI has been migrated to Compose.<\/p>\n <\/image><\/p>\n As part of the app\u2019s new interface update, adidas CONFIRMED developers created an exciting, animated experience called Shoes Tournament. This competition positions different brand-collaborator sneakers head to head in a digital tournament where users vote for their favorite shoe. It took two developers only three months to build this feature from the ground up using Compose.<\/b> And users loved it \u2014 it increased the app\u2019s weekly active users by 8%.<\/b><\/p>\n <\/image><\/p>\n Before transitioning to Compose, it was hard for the team to customize the adidas CONFIRMED app to incorporate branding from its collaborators. With Compose, it\u2019s easy. For instance, the app\u2019s developers can now create a dynamic design system using CompositionLocals. This functionality helps developers update the app’s appearance during collab launches, providing a more appealing user experience while maintaining a consistent and clean design.<\/p>\n One of the most exciting animations adidas CONFIRMED developers added utilized device sensors. Users can view and interact with the products they\u2019re looking at on product display pages by simply moving their devices, just as if they were holding the product in real life. Developers used Compose to create realistic lighting effects for the animation to make the viewing experience more engaging.<\/p>\n Using composables allowed adidas CONFIRMED developers to reuse existing components. As both the flagship adidas app and the adidas CONFIRMED app are part of the same monorepo, engineers could reuse composables across both apps, like forms and lists, enabling them to implement new features quickly and easily.<\/p>\n \u201cThe accelerated development with Compose provided our team of seven with more time, enabling us to strike a healthy balance between delivering new functionalities and ensuring the long-term health and sustainability of our app,\u201d said Rodrigo.<\/p>\n Compose also helped to improve app stability and performance for the team. They noticed a significant reduction in app-related crashes, and have seen virtually no UI-related crashes, since migrating the app to Compose. The team is proud to provide a 99.9% crash-free user experience.<\/p>\n <\/image><\/p>\n Compose opened doors to implementing new features faster than ever. With Compose\u2019s clean and concise usage of Kotlin, it was easy for developers to create the ambitious and engaging interface adidas CONFIRMED users wanted. And the team doesn\u2019t plan to stop there.<\/p>\n The adidas CONFIRMED team wants to lean further into its new codebase and fully adopt Compose moving forward. They also want to bring the app to new screens using more of the Compose suite and are currently developing an app widget using Jetpack Glance<\/a>. This new experience will provide users with a streamlined feed of new product information for an even more efficient user experience.<\/p>\n \u201cI recommend Compose because it simplifies development and is a more intuitive and powerful approach to building UI,\u201d said Rodrigo.<\/p>\n![](\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEisjOiVb0KgUMGos58jryOnNzxsCazBFywjIy6aD_t6PCrtG-9Jpegt7zoz_ZLx9SIF0sZzYIGz-cvS0QacEwx6gb27IG5TGGdt5PKIpWUcAgL8LAUpF6jlO2edxMavy-DtVPspecZHyVuvLMfWQINW15lQt71X1lV6RZEQnSRGXmbK8J5T0SxcLiw7ujc\/s1600\/image5.gif\")
<\/a><\/p>\nImproving the UX with Jetpack Compose<\/h3>\n
<\/div>\nInnovating the in-app experience<\/h3>\n
<\/div>\nAn easier way to build UI<\/h3>\n
<\/div>\nA better app built with the future in mind<\/h3>\n